@quantabit/segment-sdk 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1285 @@
+import { BaseApiClient } from '@quantabit/sdk-config';
+import React, { useState, useCallback, useMemo, useEffect } from 'react';
+
+/**
+ * Segment SDK - API 客户端
+ * 用户分群系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 用户分群 API 客户端
+ */
+class SegmentApiClient extends BaseApiClient {
+  constructor(config = {}) {
+    super('/segment', config);
+  }
+
+  // ============ 分群管理 ============
+
+  /**
+   * 获取分群列表
+   * @param {Object} params - 查询参数
+   */
+  async getSegments(params = {}) {
+    return this.get('/list', params);
+  }
+
+  /**
+   * 获取分群详情
+   * @param {string} segmentId - 分群 ID
+   */
+  async getSegment(segmentId) {
+    return this.get(`/${segmentId}`);
+  }
+
+  /**
+   * 创建分群（管理员）
+   * @param {Object} data - 分群数据
+   */
+  async createSegment(data) {
+    return this.post('/', data);
+  }
+
+  /**
+   * 更新分群（管理员）
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} updates - 更新数据
+   */
+  async updateSegment(segmentId, updates) {
+    return this.put(`/${segmentId}`, updates);
+  }
+
+  /**
+   * 删除分群（管理员）
+   * @param {string} segmentId - 分群 ID
+   */
+  async deleteSegment(segmentId) {
+    return this.delete(`/${segmentId}`);
+  }
+
+  // ============ 分群规则 ============
+
+  /**
+   * 获取分群规则
+   * @param {string} segmentId - 分群 ID
+   */
+  async getSegmentRules(segmentId) {
+    return this.get(`/${segmentId}/rules`);
+  }
+
+  /**
+   * 更新分群规则（管理员）
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} rules - 规则配置
+   */
+  async updateSegmentRules(segmentId, rules) {
+    return this.put(`/${segmentId}/rules`, rules);
+  }
+
+  /**
+   * 预估分群规模
+   * @param {Object} rules - 规则配置
+   */
+  async estimateSize(rules) {
+    return this.post('/estimate', rules);
+  }
+
+  // ============ 分群用户 ============
+
+  /**
+   * 获取分群用户
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} params - 查询参数
+   */
+  async getSegmentUsers(segmentId, params = {}) {
+    return this.get(`/${segmentId}/users`, params);
+  }
+
+  /**
+   * 手动添加用户到分群（管理员）
+   * @param {string} segmentId - 分群 ID
+   * @param {string[]} userIds - 用户 ID 列表
+   */
+  async addUsersToSegment(segmentId, userIds) {
+    return this.post(`/${segmentId}/users`, {
+      user_ids: userIds
+    });
+  }
+
+  /**
+   * 从分群移除用户（管理员）
+   * @param {string} segmentId - 分群 ID
+   * @param {string[]} userIds - 用户 ID 列表
+   */
+  async removeUsersFromSegment(segmentId, userIds) {
+    return this.post(`/${segmentId}/users/remove`, {
+      user_ids: userIds
+    });
+  }
+
+  /**
+   * 检查用户是否在分群中
+   * @param {string} segmentId - 分群 ID
+   * @param {string} userId - 用户 ID
+   */
+  async checkUserInSegment(segmentId, userId) {
+    return this.get(`/${segmentId}/users/${userId}/check`);
+  }
+
+  // ============ 分群同步 ============
+
+  /**
+   * 刷新分群（重新计算）
+   * @param {string} segmentId - 分群 ID
+   */
+  async refreshSegment(segmentId) {
+    return this.post(`/${segmentId}/refresh`);
+  }
+
+  /**
+   * 获取刷新状态
+   * @param {string} segmentId - 分群 ID
+   */
+  async getRefreshStatus(segmentId) {
+    return this.get(`/${segmentId}/refresh/status`);
+  }
+
+  // ============ 我的分群 ============
+
+  /**
+   * 获取我所属的分群
+   */
+  async getMySegments() {
+    return this.get('/my');
+  }
+
+  // ============ 统计 ============
+
+  /**
+   * 获取分群统计
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} params - 统计参数
+   */
+  async getSegmentStats(segmentId, params = {}) {
+    return this.get(`/${segmentId}/stats`, params);
+  }
+
+  /**
+   * 获取分群趋势
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} params - 查询参数
+   */
+  async getSegmentTrend(segmentId, params = {}) {
+    return this.get(`/${segmentId}/trend`, params);
+  }
+
+  /**
+   * 导出分群用户
+   * @param {string} segmentId - 分群 ID
+   * @param {Object} options - 导出选项
+   */
+  async exportSegmentUsers(segmentId, options = {}) {
+    return this.post(`/${segmentId}/export`, options);
+  }
+
+  // ============ 兼容方法 ============
+
+  async estimate(rules) {
+    return this.estimateSize(rules);
+  }
+  async cloneSegment(segmentId, data) {
+    return this.post(`/${segmentId}/clone`, data);
+  }
+  async getProperties() {
+    return this.get('/properties');
+  }
+}
+
+// 创建默认实例
+const segmentApi = new SegmentApiClient();
+
+/**
+ * Segment SDK - 类型定义
+ */
+
+// 分群类型
+const SegmentType = {
+  STATIC: 'static',
+  // 静态分群
+  DYNAMIC: 'dynamic',
+  // 动态分群
+  REALTIME: 'realtime' // 实时分群
+};
+
+// 属性类型
+const PropertyType = {
+  USER: 'user',
+  BEHAVIOR: 'behavior',
+  TRANSACTION: 'transaction',
+  DEVICE: 'device'
+};
+const ConditionOperator = {};
+
+/**
+ * Segment SDK - 国际化
+ * 用户分群多语言支持
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    // 分群基础
+    segment: '分群',
+    segments: '用户分群',
+    createSegment: '创建分群',
+    editSegment: '编辑分群',
+    deleteSegment: '删除分群',
+    segmentName: '分群名称',
+    segmentDesc: '分群描述',
+    // 分群类型
+    static: '静态分群',
+    dynamic: '动态分群',
+    realtime: '实时分群',
+    // 条件
+    condition: '条件',
+    conditions: '条件',
+    addCondition: '添加条件',
+    removeCondition: '移除条件',
+    and: '且',
+    or: '或',
+    // 属性
+    property: '属性',
+    userProperty: '用户属性',
+    eventProperty: '事件属性',
+    // 运算符
+    equals: '等于',
+    notEquals: '不等于',
+    contains: '包含',
+    notContains: '不包含',
+    startsWith: '开头是',
+    endsWith: '结尾是',
+    greaterThan: '大于',
+    lessThan: '小于',
+    between: '介于',
+    in: '在列表中',
+    notIn: '不在列表中',
+    isSet: '已设置',
+    isNotSet: '未设置',
+    // 时间
+    inLast: '在过去',
+    days: '天',
+    weeks: '周',
+    months: '月',
+    // 行为
+    didEvent: '执行过事件',
+    didNotEvent: '未执行事件',
+    eventCount: '事件次数',
+    firstTime: '首次',
+    lastTime: '最近',
+    // 分群结果
+    users: '用户数',
+    percentage: '占比',
+    estimated: '预估',
+    calculating: '计算中...',
+    // 操作
+    save: '保存',
+    cancel: '取消',
+    preview: '预览',
+    refresh: '刷新',
+    export: '导出',
+    clone: '复制',
+    // 使用场景
+    useFor: '用于',
+    marketing: '营销活动',
+    analytics: '数据分析',
+    targeting: '精准投放',
+    // 状态
+    active: '活跃',
+    inactive: '未激活',
+    processing: '处理中',
+    ready: '就绪',
+    // 提示
+    noResults: '暂无结果',
+    loading: '加载中...',
+    error: '加载失败',
+    saved: '保存成功',
+    deleted: '删除成功',
+    // 预设分群
+    allUsers: '全部用户',
+    newUsers: '新用户',
+    activeUsers: '活跃用户',
+    churned: '流失用户',
+    highValue: '高价值用户',
+    atRisk: '流失风险用户'
+  },
+  en: {
+    segment: 'Segment',
+    segments: 'Segments',
+    createSegment: 'Create Segment',
+    editSegment: 'Edit Segment',
+    deleteSegment: 'Delete Segment',
+    segmentName: 'Segment Name',
+    segmentDesc: 'Description',
+    static: 'Static',
+    dynamic: 'Dynamic',
+    realtime: 'Realtime',
+    condition: 'Condition',
+    conditions: 'Conditions',
+    addCondition: 'Add Condition',
+    removeCondition: 'Remove',
+    and: 'AND',
+    or: 'OR',
+    property: 'Property',
+    userProperty: 'User Property',
+    eventProperty: 'Event Property',
+    equals: 'equals',
+    notEquals: 'not equals',
+    contains: 'contains',
+    notContains: 'not contains',
+    startsWith: 'starts with',
+    endsWith: 'ends with',
+    greaterThan: 'greater than',
+    lessThan: 'less than',
+    between: 'between',
+    in: 'in',
+    notIn: 'not in',
+    isSet: 'is set',
+    isNotSet: 'is not set',
+    inLast: 'in last',
+    days: 'days',
+    weeks: 'weeks',
+    months: 'months',
+    didEvent: 'did event',
+    didNotEvent: 'did not event',
+    eventCount: 'event count',
+    firstTime: 'first time',
+    lastTime: 'last time',
+    users: 'Users',
+    percentage: 'Percentage',
+    estimated: 'Estimated',
+    calculating: 'Calculating...',
+    save: 'Save',
+    cancel: 'Cancel',
+    preview: 'Preview',
+    refresh: 'Refresh',
+    export: 'Export',
+    clone: 'Clone',
+    useFor: 'Use for',
+    marketing: 'Marketing',
+    analytics: 'Analytics',
+    targeting: 'Targeting',
+    active: 'Active',
+    inactive: 'Inactive',
+    processing: 'Processing',
+    ready: 'Ready',
+    noResults: 'No Results',
+    loading: 'Loading...',
+    error: 'Error',
+    saved: 'Saved',
+    deleted: 'Deleted',
+    allUsers: 'All Users',
+    newUsers: 'New Users',
+    activeUsers: 'Active Users',
+    churned: 'Churned',
+    highValue: 'High Value',
+    atRisk: 'At Risk'
+  },
+  ja: {
+    segment: 'セグメント',
+    segments: 'セグメント',
+    createSegment: 'セグメントを作成',
+    editSegment: 'セグメントを編集',
+    deleteSegment: 'セグメントを削除',
+    segmentName: 'セグメント名',
+    segmentDesc: '説明',
+    static: '静的',
+    dynamic: '動的',
+    realtime: 'リアルタイム',
+    condition: '条件',
+    conditions: '条件',
+    addCondition: '条件を追加',
+    removeCondition: '削除',
+    and: 'かつ',
+    or: 'または',
+    property: 'プロパティ',
+    userProperty: 'ユーザープロパティ',
+    eventProperty: 'イベントプロパティ',
+    equals: '等しい',
+    notEquals: '等しくない',
+    contains: '含む',
+    notContains: '含まない',
+    startsWith: 'で始まる',
+    endsWith: 'で終わる',
+    greaterThan: 'より大きい',
+    lessThan: 'より小さい',
+    between: 'の間',
+    in: 'に含まれる',
+    notIn: 'に含まれない',
+    isSet: '設定済み',
+    isNotSet: '未設定',
+    inLast: '過去',
+    days: '日間',
+    weeks: '週間',
+    months: 'ヶ月間',
+    didEvent: 'イベント実行済み',
+    didNotEvent: 'イベント未実行',
+    eventCount: 'イベント回数',
+    firstTime: '初回',
+    lastTime: '最終',
+    users: 'ユーザー数',
+    percentage: '割合',
+    estimated: '推定',
+    calculating: '計算中...',
+    save: '保存',
+    cancel: 'キャンセル',
+    preview: 'プレビュー',
+    refresh: '更新',
+    export: 'エクスポート',
+    clone: '複製',
+    useFor: '用途',
+    marketing: 'マーケティング',
+    analytics: '分析',
+    targeting: 'ターゲティング',
+    active: 'アクティブ',
+    inactive: '非アクティブ',
+    processing: '処理中',
+    ready: '準備完了',
+    noResults: '結果なし',
+    loading: '読み込み中...',
+    error: 'エラー',
+    saved: '保存しました',
+    deleted: '削除しました',
+    allUsers: '全ユーザー',
+    newUsers: '新規ユーザー',
+    activeUsers: 'アクティブユーザー',
+    churned: '離脱ユーザー',
+    highValue: '高価値ユーザー',
+    atRisk: 'リスクユーザー'
+  },
+  ko: {
+    segment: '세그먼트',
+    segments: '세그먼트',
+    createSegment: '세그먼트 생성',
+    editSegment: '세그먼트 편집',
+    deleteSegment: '세그먼트 삭제',
+    segmentName: '세그먼트 이름',
+    segmentDesc: '설명',
+    static: '정적',
+    dynamic: '동적',
+    realtime: '실시간',
+    condition: '조건',
+    conditions: '조건',
+    addCondition: '조건 추가',
+    removeCondition: '제거',
+    and: '그리고',
+    or: '또는',
+    property: '속성',
+    userProperty: '사용자 속성',
+    eventProperty: '이벤트 속성',
+    equals: '같음',
+    notEquals: '같지 않음',
+    contains: '포함',
+    notContains: '포함하지 않음',
+    startsWith: '로 시작',
+    endsWith: '로 끝남',
+    greaterThan: '보다 큼',
+    lessThan: '보다 작음',
+    between: '사이',
+    in: '포함됨',
+    notIn: '포함되지 않음',
+    isSet: '설정됨',
+    isNotSet: '설정되지 않음',
+    inLast: '최근',
+    days: '일',
+    weeks: '주',
+    months: '개월',
+    didEvent: '이벤트 수행',
+    didNotEvent: '이벤트 미수행',
+    eventCount: '이벤트 횟수',
+    firstTime: '처음',
+    lastTime: '마지막',
+    users: '사용자 수',
+    percentage: '비율',
+    estimated: '예상',
+    calculating: '계산 중...',
+    save: '저장',
+    cancel: '취소',
+    preview: '미리보기',
+    refresh: '새로고침',
+    export: '내보내기',
+    clone: '복제',
+    useFor: '용도',
+    marketing: '마케팅',
+    analytics: '분석',
+    targeting: '타겟팅',
+    active: '활성',
+    inactive: '비활성',
+    processing: '처리 중',
+    ready: '준비 완료',
+    noResults: '결과 없음',
+    loading: '로딩 중...',
+    error: '오류',
+    saved: '저장됨',
+    deleted: '삭제됨',
+    allUsers: '전체 사용자',
+    newUsers: '신규 사용자',
+    activeUsers: '활성 사용자',
+    churned: '이탈 사용자',
+    highValue: '고가치 사용자',
+    atRisk: '위험 사용자'
+  }
+};
+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;
+}
+
+/**
+ * Segment SDK - React Hooks
+ * 用户分群相关的状态管理
+ */
+
+
+/**
+ * 获取分群列表
+ */
+function useSegments(params = {}) {
+  const [segments, setSegments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchSegments = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await segmentApi.getSegments(params);
+      setSegments(response.data || []);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [params]);
+  useEffect(() => {
+    fetchSegments();
+  }, []);
+  return {
+    segments,
+    loading,
+    error,
+    refresh: fetchSegments
+  };
+}
+
+/**
+ * 获取单个分群详情
+ */
+function useSegment(segmentId) {
+  const [segment, setSegment] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchSegment = useCallback(async () => {
+    if (!segmentId) return;
+    try {
+      setLoading(true);
+      const response = await segmentApi.getSegment(segmentId);
+      setSegment(response);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [segmentId]);
+  useEffect(() => {
+    fetchSegment();
+  }, [fetchSegment]);
+  return {
+    segment,
+    loading,
+    error,
+    refresh: fetchSegment
+  };
+}
+
+/**
+ * 分群预估
+ */
+function useSegmentEstimate(conditions) {
+  const [estimate, setEstimate] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const calculateEstimate = useCallback(async () => {
+    if (!conditions || conditions.length === 0) {
+      setEstimate(null);
+      return;
+    }
+    try {
+      setLoading(true);
+      const response = await segmentApi.estimate({
+        conditions
+      });
+      setEstimate(response);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [conditions]);
+  useEffect(() => {
+    const debounce = setTimeout(() => {
+      calculateEstimate();
+    }, 500);
+    return () => clearTimeout(debounce);
+  }, [calculateEstimate]);
+  return {
+    estimate,
+    loading,
+    error,
+    refresh: calculateEstimate
+  };
+}
+
+/**
+ * 分群用户列表
+ */
+function useSegmentUsers(segmentId, options = {}) {
+  const [users, setUsers] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [pagination, setPagination] = useState({
+    page: 1,
+    pageSize: options.pageSize || 20,
+    total: 0
+  });
+  const fetchUsers = useCallback(async (page = 1) => {
+    if (!segmentId) return;
+    try {
+      setLoading(true);
+      const response = await segmentApi.getSegmentUsers(segmentId, {
+        page,
+        pageSize: pagination.pageSize
+      });
+      setUsers(response.data || []);
+      setPagination(prev => ({
+        ...prev,
+        page,
+        total: response.total || 0
+      }));
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [segmentId, pagination.pageSize]);
+  useEffect(() => {
+    fetchUsers(1);
+  }, [segmentId]);
+  return {
+    users,
+    loading,
+    error,
+    pagination,
+    fetchPage: fetchUsers,
+    refresh: () => fetchUsers(pagination.page)
+  };
+}
+
+/**
+ * 分群操作（创建、更新、删除）
+ */
+function useSegmentActions() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const createSegment = useCallback(async data => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await segmentApi.createSegment(data);
+      return result;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const updateSegment = useCallback(async (segmentId, data) => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await segmentApi.updateSegment(segmentId, data);
+      return result;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const deleteSegment = useCallback(async segmentId => {
+    try {
+      setLoading(true);
+      setError(null);
+      await segmentApi.deleteSegment(segmentId);
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const cloneSegment = useCallback(async (segmentId, newName) => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await segmentApi.cloneSegment(segmentId, {
+        name: newName
+      });
+      return result;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    loading,
+    error,
+    createSegment,
+    updateSegment,
+    deleteSegment,
+    cloneSegment
+  };
+}
+
+/**
+ * 条件构建器状态管理
+ */
+function useConditionBuilder(initialConditions = []) {
+  const [conditions, setConditions] = useState(initialConditions);
+  const addCondition = useCallback(condition => {
+    setConditions(prev => [...prev, {
+      id: Date.now().toString(),
+      ...condition
+    }]);
+  }, []);
+  const updateCondition = useCallback((id, updates) => {
+    setConditions(prev => prev.map(c => c.id === id ? {
+      ...c,
+      ...updates
+    } : c));
+  }, []);
+  const removeCondition = useCallback(id => {
+    setConditions(prev => prev.filter(c => c.id !== id));
+  }, []);
+  const clearConditions = useCallback(() => {
+    setConditions([]);
+  }, []);
+  const moveCondition = useCallback((fromIndex, toIndex) => {
+    setConditions(prev => {
+      const result = [...prev];
+      const [removed] = result.splice(fromIndex, 1);
+      result.splice(toIndex, 0, removed);
+      return result;
+    });
+  }, []);
+  return {
+    conditions,
+    setConditions,
+    addCondition,
+    updateCondition,
+    removeCondition,
+    clearConditions,
+    moveCondition
+  };
+}
+
+/**
+ * 获取可用属性
+ */
+function useSegmentProperties() {
+  const [properties, setProperties] = useState({
+    user: [],
+    event: []
+  });
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchProperties = async () => {
+      try {
+        const response = await segmentApi.getProperties();
+        setProperties(response);
+        setError(null);
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchProperties();
+  }, []);
+  return {
+    properties,
+    loading,
+    error
+  };
+}
+
+/**
+ * 预设分群
+ */
+function usePresetSegments() {
+  const presets = useMemo(() => [{
+    id: 'all',
+    name: 'allUsers',
+    icon: '👥'
+  }, {
+    id: 'new',
+    name: 'newUsers',
+    icon: '🆕'
+  }, {
+    id: 'active',
+    name: 'activeUsers',
+    icon: '✅'
+  }, {
+    id: 'churned',
+    name: 'churned',
+    icon: '👋'
+  }, {
+    id: 'highValue',
+    name: 'highValue',
+    icon: '💎'
+  }, {
+    id: 'atRisk',
+    name: 'atRisk',
+    icon: '⚠️'
+  }], []);
+  return {
+    presets
+  };
+}
+
+/**
+ * Segment SDK - React 组件
+ * 用户分群可视化组件
+ */
+
+
+/**
+ * 分群卡片
+ */
+function SegmentCard({
+  segment,
+  onClick,
+  onEdit,
+  onDelete,
+  onClone
+}) {
+  const statusClass = segment.status === 'active' ? 'active' : 'inactive';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-card",
+    onClick: () => onClick?.(segment)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-card-header"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "eco-segment-card-title"
+  }, segment.name), /*#__PURE__*/React.createElement("span", {
+    className: `eco-segment-status eco-segment-status-${statusClass}`
+  }, t(segment.status))), segment.description && /*#__PURE__*/React.createElement("p", {
+    className: "eco-segment-card-desc"
+  }, segment.description), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-card-stats"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-stat-value"
+  }, segment.userCount?.toLocaleString() || 0), /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-stat-label"
+  }, t('users'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-stat-value"
+  }, segment.conditionCount || 0), /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-stat-label"
+  }, t('conditions')))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-card-type"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `eco-segment-type-badge eco-segment-type-${segment.type}`
+  }, t(segment.type))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-card-actions",
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-action-btn",
+    onClick: () => onEdit?.(segment)
+  }, "\u270F\uFE0F"), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-action-btn",
+    onClick: () => onClone?.(segment)
+  }, "\uD83D\uDCCB"), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-action-btn danger",
+    onClick: () => onDelete?.(segment)
+  }, "\uD83D\uDDD1\uFE0F")));
+}
+
+/**
+ * 分群列表
+ */
+function SegmentList({
+  onSelect,
+  onEdit,
+  onDelete
+}) {
+  const {
+    segments,
+    loading,
+    error
+  } = useSegments();
+  const {
+    presets
+  } = usePresetSegments();
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-segment-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-segment-spinner"
+    }), /*#__PURE__*/React.createElement("span", null, t('loading')));
+  }
+  if (error) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-segment-error"
+    }, error);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-list"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-presets"
+  }, /*#__PURE__*/React.createElement("h4", null, t('segments')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-preset-grid"
+  }, presets.map(preset => /*#__PURE__*/React.createElement("button", {
+    key: preset.id,
+    className: "eco-segment-preset-btn",
+    onClick: () => onSelect?.({
+      id: preset.id,
+      name: t(preset.name)
+    })
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-preset-icon"
+  }, preset.icon), /*#__PURE__*/React.createElement("span", null, t(preset.name)))))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-custom"
+  }, /*#__PURE__*/React.createElement("h4", null, t('segments')), segments.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-empty"
+  }, t('noResults')) : /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-grid"
+  }, segments.map(segment => /*#__PURE__*/React.createElement(SegmentCard, {
+    key: segment.id,
+    segment: segment,
+    onClick: onSelect,
+    onEdit: onEdit,
+    onDelete: onDelete
+  })))));
+}
+
+/**
+ * 条件选择器
+ */
+function ConditionSelector({
+  condition,
+  onChange,
+  onRemove,
+  properties
+}) {
+  const operators = [{
+    id: 'equals',
+    label: t('equals')
+  }, {
+    id: 'notEquals',
+    label: t('notEquals')
+  }, {
+    id: 'contains',
+    label: t('contains')
+  }, {
+    id: 'greaterThan',
+    label: t('greaterThan')
+  }, {
+    id: 'lessThan',
+    label: t('lessThan')
+  }, {
+    id: 'between',
+    label: t('between')
+  }, {
+    id: 'in',
+    label: t('in')
+  }, {
+    id: 'isSet',
+    label: t('isSet')
+  }, {
+    id: 'isNotSet',
+    label: t('isNotSet')
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-condition"
+  }, /*#__PURE__*/React.createElement("select", {
+    className: "eco-segment-select",
+    value: condition.propertyType || 'user',
+    onChange: e => onChange({
+      ...condition,
+      propertyType: e.target.value
+    })
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "user"
+  }, t('userProperty')), /*#__PURE__*/React.createElement("option", {
+    value: "event"
+  }, t('eventProperty'))), /*#__PURE__*/React.createElement("select", {
+    className: "eco-segment-select",
+    value: condition.property || '',
+    onChange: e => onChange({
+      ...condition,
+      property: e.target.value
+    })
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, t('property')), (properties?.[condition.propertyType] || []).map(prop => /*#__PURE__*/React.createElement("option", {
+    key: prop.id,
+    value: prop.id
+  }, prop.name))), /*#__PURE__*/React.createElement("select", {
+    className: "eco-segment-select",
+    value: condition.operator || 'equals',
+    onChange: e => onChange({
+      ...condition,
+      operator: e.target.value
+    })
+  }, operators.map(op => /*#__PURE__*/React.createElement("option", {
+    key: op.id,
+    value: op.id
+  }, op.label))), !['isSet', 'isNotSet'].includes(condition.operator) && /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "eco-segment-input",
+    value: condition.value || '',
+    onChange: e => onChange({
+      ...condition,
+      value: e.target.value
+    }),
+    placeholder: "Value"
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-remove-btn",
+    onClick: onRemove
+  }, "\u2715"));
+}
+
+/**
+ * 分群构建器
+ */
+function SegmentBuilder({
+  initialData = null,
+  onSave,
+  onCancel
+}) {
+  const [name, setName] = useState(initialData?.name || '');
+  const [description, setDescription] = useState(initialData?.description || '');
+  const [type, setType] = useState(initialData?.type || 'dynamic');
+  const {
+    conditions,
+    addCondition,
+    updateCondition,
+    removeCondition
+  } = useConditionBuilder(initialData?.conditions || []);
+  const {
+    estimate,
+    loading: estimating
+  } = useSegmentEstimate(conditions);
+  const {
+    properties,
+    loading: loadingProps
+  } = useSegmentProperties();
+  const {
+    loading: saving,
+    createSegment,
+    updateSegment
+  } = useSegmentActions();
+  const handleSave = async () => {
+    try {
+      const data = {
+        name,
+        description,
+        type,
+        conditions
+      };
+      if (initialData?.id) {
+        await updateSegment(initialData.id, data);
+      } else {
+        await createSegment(data);
+      }
+      onSave?.();
+    } catch (err) {
+      console.error('Save error:', err);
+    }
+  };
+  const handleAddCondition = () => {
+    addCondition({
+      propertyType: 'user',
+      property: '',
+      operator: 'equals',
+      value: ''
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-builder"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-builder-header"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "eco-segment-name-input",
+    placeholder: t('segmentName'),
+    value: name,
+    onChange: e => setName(e.target.value)
+  }), /*#__PURE__*/React.createElement("textarea", {
+    className: "eco-segment-desc-input",
+    placeholder: t('segmentDesc'),
+    value: description,
+    onChange: e => setDescription(e.target.value),
+    rows: 2
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-type-selector"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: type === 'static' ? 'active' : ''
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    value: "static",
+    checked: type === 'static',
+    onChange: () => setType('static')
+  }), t('static')), /*#__PURE__*/React.createElement("label", {
+    className: type === 'dynamic' ? 'active' : ''
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    value: "dynamic",
+    checked: type === 'dynamic',
+    onChange: () => setType('dynamic')
+  }), t('dynamic')), /*#__PURE__*/React.createElement("label", {
+    className: type === 'realtime' ? 'active' : ''
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    value: "realtime",
+    checked: type === 'realtime',
+    onChange: () => setType('realtime')
+  }), t('realtime'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-conditions"
+  }, /*#__PURE__*/React.createElement("h4", null, t('conditions')), conditions.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-empty-conditions"
+  }, t('addCondition')) : /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-condition-list"
+  }, conditions.map((condition, index) => /*#__PURE__*/React.createElement("div", {
+    key: condition.id,
+    className: "eco-segment-condition-row"
+  }, index > 0 && /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-logic"
+  }, t('and')), /*#__PURE__*/React.createElement(ConditionSelector, {
+    condition: condition,
+    onChange: updated => updateCondition(condition.id, updated),
+    onRemove: () => removeCondition(condition.id),
+    properties: properties
+  })))), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-add-condition-btn",
+    onClick: handleAddCondition
+  }, "+ ", t('addCondition'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-estimate"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-estimate-content"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-estimate-label"
+  }, t('estimated'), " ", t('users'), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-estimate-value"
+  }, estimating ? t('calculating') : estimate?.userCount?.toLocaleString() || 0)), estimate?.percentage && /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-estimate-percentage"
+  }, "(", (estimate.percentage * 100).toFixed(1), "% ", t('percentage'), ")")), /*#__PURE__*/React.createElement("div", {
+    className: "eco-segment-builder-actions"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-btn",
+    onClick: onCancel
+  }, t('cancel')), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-btn eco-segment-btn-secondary",
+    onClick: handleAddCondition
+  }, t('preview')), /*#__PURE__*/React.createElement("button", {
+    className: "eco-segment-btn eco-segment-btn-primary",
+    onClick: handleSave,
+    disabled: saving || !name
+  }, saving ? t('loading') : t('save'))));
+}
+
+/**
+ * 分群选择下拉框
+ */
+function SegmentSelect({
+  value,
+  onChange,
+  placeholder
+}) {
+  const {
+    segments,
+    loading
+  } = useSegments();
+  const {
+    presets
+  } = usePresetSegments();
+  return /*#__PURE__*/React.createElement("select", {
+    className: "eco-segment-dropdown",
+    value: value || '',
+    onChange: e => onChange(e.target.value),
+    disabled: loading
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, placeholder || t('segment')), /*#__PURE__*/React.createElement("optgroup", {
+    label: t('segments')
+  }, presets.map(preset => /*#__PURE__*/React.createElement("option", {
+    key: preset.id,
+    value: preset.id
+  }, preset.icon, " ", t(preset.name)))), segments.length > 0 && /*#__PURE__*/React.createElement("optgroup", {
+    label: t('segments')
+  }, segments.map(segment => /*#__PURE__*/React.createElement("option", {
+    key: segment.id,
+    value: segment.id
+  }, segment.name))));
+}
+
+/**
+ * 用户数量显示
+ */
+function UserCountBadge({
+  segmentId
+}) {
+  const {
+    estimate,
+    loading
+  } = useSegmentEstimate([{
+    segmentId
+  }]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "eco-segment-user-count"
+  }, loading ? '...' : estimate?.userCount?.toLocaleString() || 0, " ", t('users'));
+}
+
+/**
+ * @quantabit/segment-sdk
+ * User Segmentation SDK - Full Version
+ */
+
+const getSegments = params => segmentApi.getSegments(params);
+const getSegment = segmentId => segmentApi.getSegment(segmentId);
+const createSegment = data => segmentApi.createSegment(data);
+const updateSegment = (segmentId, updates) => segmentApi.updateSegment(segmentId, updates);
+const deleteSegment = segmentId => segmentApi.deleteSegment(segmentId);
+const estimate = rules => segmentApi.estimate(rules);
+const getSegmentUsers = (segmentId, params) => segmentApi.getSegmentUsers(segmentId, params);
+
+export { ConditionOperator, ConditionSelector, PropertyType, SUPPORTED_LANGUAGES, SegmentApiClient, SegmentBuilder, SegmentCard, SegmentList, SegmentSelect, SegmentType, UserCountBadge, createSegment, deleteSegment, estimate, getLanguage, getSegment, getSegmentUsers, getSegments, messages, segmentApi, setLanguage, t, updateSegment, useConditionBuilder, usePresetSegments, useSegment, useSegmentActions, useSegmentEstimate, useSegmentProperties, useSegmentUsers, useSegments };
+//# sourceMappingURL=index.esm.js.map