@quantabit/journey-sdk 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1021 @@
+import { BaseApiClient } from '@quantabit/sdk-config';
+import React, { useState, useCallback, useEffect } from 'react';
+
+/**
+ * Journey SDK - API 客户端
+ * 用户旅程分析系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 用户旅程 API 客户端
+ */
+class JourneyApiClient extends BaseApiClient {
+  constructor(config = {}) {
+    super('/journey', config);
+  }
+
+  // ============ 旅程定义 ============
+
+  /**
+   * 获取旅程列表
+   * @param {Object} params - 查询参数
+   */
+  async getJourneys(params = {}) {
+    return this.get('/list', params);
+  }
+
+  /**
+   * 获取旅程详情
+   * @param {string} journeyId - 旅程 ID
+   */
+  async getJourney(journeyId) {
+    return this.get(`/${journeyId}`);
+  }
+
+  /**
+   * 创建旅程（管理员）
+   * @param {Object} data - 旅程数据
+   */
+  async createJourney(data) {
+    return this.post('/', data);
+  }
+
+  /**
+   * 更新旅程（管理员）
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} updates - 更新数据
+   */
+  async updateJourney(journeyId, updates) {
+    return this.put(`/${journeyId}`, updates);
+  }
+
+  /**
+   * 删除旅程（管理员）
+   * @param {string} journeyId - 旅程 ID
+   */
+  async deleteJourney(journeyId) {
+    return this.delete(`/${journeyId}`);
+  }
+
+  // ============ 旅程分析 ============
+
+  /**
+   * 获取旅程分析数据
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 分析参数
+   */
+  async analyzeJourney(journeyId, params = {}) {
+    return this.post(`/${journeyId}/analyze`, params);
+  }
+
+  /**
+   * 获取步骤转化率
+   * @param {string} journeyId - 旅程 ID
+   */
+  async getStepConversion(journeyId) {
+    return this.get(`/${journeyId}/conversion`);
+  }
+
+  /**
+   * 获取用户掉落点
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 查询参数
+   */
+  async getDropoffPoints(journeyId, params = {}) {
+    return this.get(`/${journeyId}/dropoff`, params);
+  }
+
+  /**
+   * 获取路径分布
+   * @param {string} journeyId - 旅程 ID
+   */
+  async getPathDistribution(journeyId) {
+    return this.get(`/${journeyId}/paths`);
+  }
+
+  // ============ 用户旅程 ============
+
+  /**
+   * 获取用户的旅程记录
+   * @param {string} userId - 用户 ID
+   * @param {Object} params - 查询参数
+   */
+  async getUserJourneys(userId, params = {}) {
+    return this.get(`/users/${userId}`, params);
+  }
+
+  /**
+   * 获取我的旅程记录
+   * @param {Object} params - 查询参数
+   */
+  async getMyJourneys(params = {}) {
+    return this.get('/my', params);
+  }
+
+  /**
+   * 记录旅程事件
+   * @param {string} journeyId - 旅程 ID
+   * @param {string} stepId - 步骤 ID
+   * @param {Object} data - 事件数据
+   */
+  async trackStep(journeyId, stepId, data = {}) {
+    return this.post(`/${journeyId}/track`, {
+      step_id: stepId,
+      ...data
+    });
+  }
+
+  // ============ 触点管理 ============
+
+  /**
+   * 获取触点列表
+   * @param {string} journeyId - 旅程 ID
+   */
+  async getTouchpoints(journeyId) {
+    return this.get(`/${journeyId}/touchpoints`);
+  }
+
+  /**
+   * 添加触点（管理员）
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} touchpoint - 触点数据
+   */
+  async addTouchpoint(journeyId, touchpoint) {
+    return this.post(`/${journeyId}/touchpoints`, touchpoint);
+  }
+
+  /**
+   * 更新触点（管理员）
+   * @param {string} journeyId - 旅程 ID
+   * @param {string} touchpointId - 触点 ID
+   * @param {Object} updates - 更新数据
+   */
+  async updateTouchpoint(journeyId, touchpointId, updates) {
+    return this.put(`/${journeyId}/touchpoints/${touchpointId}`, updates);
+  }
+
+  // ============ 统计报表 ============
+
+  /**
+   * 获取旅程统计
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 统计参数
+   */
+  async getStats(journeyId, params = {}) {
+    return this.get(`/${journeyId}/stats`, params);
+  }
+
+  /**
+   * 获取趋势数据
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 查询参数
+   */
+  async getTrend(journeyId, params = {}) {
+    return this.get(`/${journeyId}/trend`, params);
+  }
+
+  /**
+   * 导出报表
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} options - 导出选项
+   */
+  async exportReport(journeyId, options = {}) {
+    return this.post(`/${journeyId}/export`, options);
+  }
+
+  /**
+   * 启动旅程
+   * @param {string} journeyId - 旅程 ID
+   */
+  async startJourney(journeyId) {
+    return this.post(`/${journeyId}/start`);
+  }
+
+  /**
+   * 暂停旅程
+   * @param {string} journeyId - 旅程 ID
+   */
+  async pauseJourney(journeyId) {
+    return this.post(`/${journeyId}/pause`);
+  }
+
+  /**
+   * 停止旅程
+   * @param {string} journeyId - 旅程 ID
+   */
+  async stopJourney(journeyId) {
+    return this.post(`/${journeyId}/stop`);
+  }
+
+  /**
+   * 获取旅程统计 (快捷方法包装)
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 统计参数
+   */
+  async getJourneyStats(journeyId, params = {}) {
+    return this.getStats(journeyId, params);
+  }
+
+  /**
+   * 获取参与旅程的用户列表
+   * @param {string} journeyId - 旅程 ID
+   * @param {Object} params - 查询参数
+   */
+  async getJourneyUsers(journeyId, params = {}) {
+    return this.get(`/${journeyId}/users`, params);
+  }
+}
+
+// 创建默认实例
+const journeyApi = new JourneyApiClient();
+
+/**
+ * Journey SDK - 类型定义
+ */
+
+// 旅程状态
+const JourneyStatus = {
+  DRAFT: 'draft',
+  ACTIVE: 'active',
+  PAUSED: 'paused',
+  COMPLETED: 'completed',
+  ARCHIVED: 'archived'
+};
+
+// 触发类型
+const TriggerType = {
+  EVENT: 'event',
+  // 事件触发
+  SEGMENT: 'segment',
+  // 分群进入
+  SCHEDULE: 'schedule',
+  // 定时触发
+  API: 'api' // API调用
+};
+
+// 动作类型
+const ActionType = {
+  SEND_EMAIL: 'send_email',
+  SEND_SMS: 'send_sms',
+  SEND_PUSH: 'send_push',
+  SEND_IN_APP: 'send_in_app',
+  WEBHOOK: 'webhook',
+  WAIT: 'wait',
+  CONDITION: 'condition',
+  SPLIT: 'split',
+  UPDATE_PROFILE: 'update_profile',
+  ADD_TAG: 'add_tag'
+};
+
+// 等待类型
+const WaitType = {
+  DURATION: 'duration',
+  // 固定时长
+  UNTIL: 'until',
+  // 到指定时间
+  EVENT: 'event' // 等待事件
+};
+
+/**
+ * Journey SDK - 国际化
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    // 旅程
+    journey: '用户旅程',
+    journeys: '旅程列表',
+    createJourney: '创建旅程',
+    myJourneys: '我的旅程',
+    // 状态
+    draft: '草稿',
+    active: '运行中',
+    paused: '已暂停',
+    completed: '已完成',
+    archived: '已归档',
+    // 触发器
+    trigger: '触发条件',
+    triggers: '触发器',
+    event: '事件触发',
+    schedule: '定时触发',
+    segment: '分群触发',
+    manual: '手动触发',
+    // 动作
+    action: '动作',
+    actions: '动作列表',
+    sendEmail: '发送邮件',
+    sendSMS: '发送短信',
+    sendPush: '发送推送',
+    sendNotification: '发送通知',
+    addTag: '添加标签',
+    removeTag: '移除标签',
+    updateProfile: '更新画像',
+    webhook: '调用Webhook',
+    // 等待
+    wait: '等待',
+    waitTime: '等待时间',
+    minutes: '分钟',
+    hours: '小时',
+    days: '天',
+    // 条件
+    condition: '条件',
+    ifThen: '如果...则...',
+    abTest: 'A/B测试',
+    // 统计
+    entered: '进入人数',
+    completed: '完成人数',
+    active: '活跃人数',
+    conversionRate: '转化率',
+    // 操作
+    start: '启动',
+    pause: '暂停',
+    resume: '继续',
+    stop: '停止',
+    duplicate: '复制',
+    delete: '删除'
+  },
+  ja: {
+    // 旅程
+    journey: 'ユーザージャーニー',
+    journeys: 'ジャーニーリスト',
+    createJourney: 'ジャーニー作成',
+    myJourneys: 'マイジャーニー',
+    // 状态
+    draft: '下書き',
+    active: '実行中',
+    paused: '一時停止中',
+    completed: '完了',
+    archived: 'アーカイブ済み',
+    // 触发器
+    trigger: 'トリガー条件',
+    triggers: 'トリガー',
+    event: 'イベントトリガー',
+    schedule: 'スケジュールトリガー',
+    segment: 'セグメントトリガー',
+    manual: '手動トリガー',
+    // 动作
+    action: 'アクション',
+    actions: 'アクションリスト',
+    sendEmail: 'メール送信',
+    sendSMS: 'SMS送信',
+    sendPush: 'プッシュ送信',
+    sendNotification: '通知送信',
+    addTag: 'タグ追加',
+    removeTag: 'タグ削除',
+    updateProfile: 'プロフィール更新',
+    webhook: 'Webhook呼び出し',
+    // 等待
+    wait: '待機',
+    waitTime: '待機時間',
+    minutes: '分',
+    hours: '時間',
+    days: '日',
+    // 条件
+    condition: '条件',
+    ifThen: 'もし...ならば...',
+    abTest: 'A/B测试',
+    // 统计
+    entered: '参加者数',
+    completed: '完了者数',
+    active: 'アクティブ数',
+    conversionRate: 'コンバージョン率',
+    // 操作
+    start: '起動',
+    pause: '一時停止',
+    resume: '再開',
+    stop: '停止',
+    duplicate: 'コピー',
+    delete: '削除'
+  },
+  ko: {
+    // 旅程
+    journey: '사용자 여정',
+    journeys: '여정 목록',
+    createJourney: '여정 만들기',
+    myJourneys: '내 여정',
+    // 状态
+    draft: '초안',
+    active: '실행 중',
+    paused: '일시 중지됨',
+    completed: '완료됨',
+    archived: '보관됨',
+    // 触发器
+    trigger: '트리거 조건',
+    triggers: '트리거',
+    event: '이벤트 트리거',
+    schedule: '예약 트리거',
+    segment: '세그먼트 트리거',
+    manual: '수동 트리거',
+    // 动作
+    action: '작업',
+    actions: '작업 목록',
+    sendEmail: '이메일 전송',
+    sendSMS: 'SMS 전송',
+    sendPush: '푸시 알림 전송',
+    sendNotification: '알림 전송',
+    addTag: '태그 추가',
+    removeTag: '태그 제거',
+    updateProfile: '프로필 업데이트',
+    webhook: 'Webhook 호출',
+    // 等待
+    wait: '대기',
+    waitTime: '대기 시간',
+    minutes: '분',
+    hours: '시간',
+    days: '일',
+    // 条件
+    condition: '조건',
+    ifThen: '만약...라면...',
+    abTest: 'A/B测试',
+    // 统计
+    entered: '참여자 수',
+    completed: '완료자 수',
+    active: '활성 사용자 수',
+    conversionRate: '전환율',
+    // 操作
+    start: '시작',
+    pause: '일시 정지',
+    resume: '계속',
+    stop: '중지',
+    duplicate: '복사',
+    delete: '삭제'
+  },
+  en: {
+    journey: 'Journey',
+    journeys: 'Journeys',
+    createJourney: 'Create Journey',
+    myJourneys: 'My Journeys',
+    draft: 'Draft',
+    active: 'Active',
+    paused: 'Paused',
+    completed: 'Completed',
+    archived: 'Archived',
+    trigger: 'Trigger',
+    triggers: 'Triggers',
+    event: 'Event',
+    schedule: 'Schedule',
+    segment: 'Segment',
+    manual: 'Manual',
+    action: 'Action',
+    actions: 'Actions',
+    sendEmail: 'Send Email',
+    sendSMS: 'Send SMS',
+    sendPush: 'Send Push',
+    sendNotification: 'Send Notification',
+    addTag: 'Add Tag',
+    removeTag: 'Remove Tag',
+    updateProfile: 'Update Profile',
+    webhook: 'Webhook',
+    wait: 'Wait',
+    waitTime: 'Wait Time',
+    minutes: 'minutes',
+    hours: 'hours',
+    days: 'days',
+    condition: 'Condition',
+    ifThen: 'If...Then...',
+    abTest: 'A/B Test',
+    entered: 'Entered',
+    completed: 'Completed',
+    active: 'Active',
+    conversionRate: 'Conversion Rate',
+    start: 'Start',
+    pause: 'Pause',
+    resume: 'Resume',
+    stop: 'Stop',
+    duplicate: 'Duplicate',
+    delete: 'Delete'
+  }
+};
+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;
+}
+
+/**
+ * Journey SDK - React Hooks
+ */
+
+
+/**
+ * useJourneys - 旅程列表Hook
+ */
+function useJourneys(options = {}) {
+  const [journeys, setJourneys] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [page, setPage] = useState(1);
+  const [hasMore, setHasMore] = useState(true);
+  const [total, setTotal] = useState(0);
+  const loadJourneys = useCallback(async (reset = false) => {
+    const currentPage = reset ? 1 : page;
+    setLoading(true);
+    try {
+      const result = await journeyApi.getJourneys({
+        ...options,
+        page: currentPage,
+        pageSize: 20
+      });
+      const newJourneys = result.journeys || [];
+      setJourneys(prev => reset ? newJourneys : [...prev, ...newJourneys]);
+      setTotal(result.total || 0);
+      setHasMore(newJourneys.length >= 20);
+      if (reset) setPage(1);
+    } finally {
+      setLoading(false);
+    }
+  }, [options.status, page]);
+  const loadMore = useCallback(() => {
+    if (hasMore && !loading) {
+      setPage(p => p + 1);
+    }
+  }, [hasMore, loading]);
+  useEffect(() => {
+    loadJourneys(true);
+  }, [options.status]);
+  useEffect(() => {
+    if (page > 1) loadJourneys();
+  }, [page]);
+  return {
+    journeys,
+    loading,
+    total,
+    hasMore,
+    loadMore,
+    refresh: () => loadJourneys(true)
+  };
+}
+
+/**
+ * useJourney - 单个旅程Hook
+ */
+function useJourney(journeyId) {
+  const [journey, setJourney] = useState(null);
+  const [stats, setStats] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const loadJourney = useCallback(async () => {
+    if (!journeyId) return;
+    setLoading(true);
+    try {
+      const [journeyData, statsData] = await Promise.all([journeyApi.getJourney(journeyId), journeyApi.getJourneyStats(journeyId)]);
+      setJourney(journeyData);
+      setStats(statsData);
+    } finally {
+      setLoading(false);
+    }
+  }, [journeyId]);
+
+  // 保存旅程
+  const saveJourney = useCallback(async data => {
+    setSaving(true);
+    try {
+      const result = journeyId ? await journeyApi.updateJourney(journeyId, data) : await journeyApi.createJourney(data);
+      setJourney(result);
+      return result;
+    } finally {
+      setSaving(false);
+    }
+  }, [journeyId]);
+
+  // 启动旅程
+  const startJourney = useCallback(async () => {
+    if (!journeyId) return false;
+    try {
+      await journeyApi.startJourney(journeyId);
+      loadJourney();
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }, [journeyId, loadJourney]);
+
+  // 暂停旅程
+  const pauseJourney = useCallback(async () => {
+    if (!journeyId) return false;
+    try {
+      await journeyApi.pauseJourney(journeyId);
+      loadJourney();
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }, [journeyId, loadJourney]);
+
+  // 停止旅程
+  const stopJourney = useCallback(async () => {
+    if (!journeyId) return false;
+    try {
+      await journeyApi.stopJourney(journeyId);
+      loadJourney();
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }, [journeyId, loadJourney]);
+  useEffect(() => {
+    loadJourney();
+  }, [journeyId]);
+  return {
+    journey,
+    stats,
+    loading,
+    saving,
+    saveJourney,
+    startJourney,
+    pauseJourney,
+    stopJourney,
+    refresh: loadJourney
+  };
+}
+
+/**
+ * useJourneyBuilder - 旅程构建器Hook
+ */
+function useJourneyBuilder(initialData = null) {
+  const [nodes, setNodes] = useState(initialData?.nodes || []);
+  const [edges, setEdges] = useState(initialData?.edges || []);
+  const [selectedNode, setSelectedNode] = useState(null);
+
+  // 添加节点
+  const addNode = useCallback((type, data = {}) => {
+    const newNode = {
+      id: `node_${Date.now()}`,
+      type,
+      data,
+      position: {
+        x: 100,
+        y: nodes.length * 150
+      }
+    };
+    setNodes(prev => [...prev, newNode]);
+    return newNode;
+  }, [nodes.length]);
+
+  // 更新节点
+  const updateNode = useCallback((nodeId, data) => {
+    setNodes(prev => prev.map(node => node.id === nodeId ? {
+      ...node,
+      data: {
+        ...node.data,
+        ...data
+      }
+    } : node));
+  }, []);
+
+  // 删除节点
+  const deleteNode = useCallback(nodeId => {
+    setNodes(prev => prev.filter(node => node.id !== nodeId));
+    setEdges(prev => prev.filter(edge => edge.source !== nodeId && edge.target !== nodeId));
+    if (selectedNode === nodeId) setSelectedNode(null);
+  }, [selectedNode]);
+
+  // 添加连线
+  const addEdge = useCallback((source, target, label) => {
+    const newEdge = {
+      id: `edge_${Date.now()}`,
+      source,
+      target,
+      label
+    };
+    setEdges(prev => [...prev, newEdge]);
+    return newEdge;
+  }, []);
+
+  // 删除连线
+  const deleteEdge = useCallback(edgeId => {
+    setEdges(prev => prev.filter(edge => edge.id !== edgeId));
+  }, []);
+
+  // 导出数据
+  const exportData = useCallback(() => {
+    return {
+      nodes,
+      edges
+    };
+  }, [nodes, edges]);
+
+  // 导入数据
+  const importData = useCallback(data => {
+    setNodes(data.nodes || []);
+    setEdges(data.edges || []);
+    setSelectedNode(null);
+  }, []);
+
+  // 清空画布
+  const clear = useCallback(() => {
+    setNodes([]);
+    setEdges([]);
+    setSelectedNode(null);
+  }, []);
+  return {
+    nodes,
+    edges,
+    selectedNode,
+    setSelectedNode,
+    addNode,
+    updateNode,
+    deleteNode,
+    addEdge,
+    deleteEdge,
+    exportData,
+    importData,
+    clear
+  };
+}
+
+/**
+ * Journey SDK - 旅程组件
+ */
+
+
+/**
+ * 状态颜色映射
+ */
+const statusColors = {
+  [JourneyStatus.DRAFT]: '#6B7280',
+  [JourneyStatus.ACTIVE]: '#10B981',
+  [JourneyStatus.PAUSED]: '#F59E0B',
+  [JourneyStatus.COMPLETED]: '#3B82F6',
+  [JourneyStatus.ARCHIVED]: '#9CA3AF'
+};
+
+/**
+ * 动作图标映射
+ */
+const actionIcons = {
+  [ActionType.SEND_EMAIL]: '📧',
+  [ActionType.SEND_SMS]: '📱',
+  [ActionType.SEND_PUSH]: '🔔',
+  [ActionType.SEND_NOTIFICATION]: '💬',
+  [ActionType.ADD_TAG]: '🏷️',
+  [ActionType.REMOVE_TAG]: '🚫',
+  [ActionType.UPDATE_PROFILE]: '👤',
+  [ActionType.WEBHOOK]: '🔗',
+  [ActionType.WAIT]: '⏱️',
+  [ActionType.CONDITION]: '🔀'
+};
+
+/**
+ * JourneyCard 组件
+ */
+function JourneyCard({
+  journey,
+  onClick,
+  onStart,
+  onPause,
+  onStop,
+  showActions = true
+}) {
+  const {
+    id,
+    name,
+    description,
+    status,
+    stats
+  } = journey;
+  const statusColor = statusColors[status] || '#6B7280';
+  const isActive = status === JourneyStatus.ACTIVE;
+  const isDraft = status === JourneyStatus.DRAFT;
+  const isPaused = status === JourneyStatus.PAUSED;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-card",
+    onClick: () => onClick?.(journey)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-card-header"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "eco-journey-card-title"
+  }, name), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-status",
+    style: {
+      backgroundColor: `${statusColor}20`,
+      color: statusColor
+    }
+  }, t(status))), description && /*#__PURE__*/React.createElement("p", {
+    className: "eco-journey-card-desc"
+  }, description), stats && /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-stats"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-value"
+  }, stats.entered || 0), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-label"
+  }, t('entered'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-value"
+  }, stats.active || 0), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-label"
+  }, t('active'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-value"
+  }, stats.completed || 0), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-label"
+  }, t('completed'))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-stat"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-value"
+  }, ((stats.conversion_rate || 0) * 100).toFixed(1), "%"), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-stat-label"
+  }, t('conversionRate')))), showActions && /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-actions",
+    onClick: e => e.stopPropagation()
+  }, isDraft && /*#__PURE__*/React.createElement("button", {
+    className: "eco-journey-btn start",
+    onClick: () => onStart?.(id)
+  }, t('start')), isActive && /*#__PURE__*/React.createElement("button", {
+    className: "eco-journey-btn pause",
+    onClick: () => onPause?.(id)
+  }, t('pause')), isPaused && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    className: "eco-journey-btn resume",
+    onClick: () => onStart?.(id)
+  }, t('resume')), /*#__PURE__*/React.createElement("button", {
+    className: "eco-journey-btn stop",
+    onClick: () => onStop?.(id)
+  }, t('stop')))));
+}
+
+/**
+ * JourneyNode 组件 - 单个节点
+ */
+function JourneyNode({
+  node,
+  selected = false,
+  onClick,
+  onDelete
+}) {
+  const {
+    type,
+    data
+  } = node;
+  const icon = actionIcons[type] || '📦';
+  return /*#__PURE__*/React.createElement("div", {
+    className: `eco-journey-node ${type} ${selected ? 'selected' : ''}`,
+    onClick: () => onClick?.(node)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-node-icon"
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-node-content"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-node-type"
+  }, t(type)), data?.name && /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-node-name"
+  }, data.name)), onDelete && /*#__PURE__*/React.createElement("button", {
+    className: "eco-journey-node-delete",
+    onClick: e => {
+      e.stopPropagation();
+      onDelete(node.id);
+    }
+  }, "\xD7"));
+}
+
+/**
+ * TriggerSelector 组件 - 触发器选择
+ */
+function TriggerSelector({
+  value,
+  onChange
+}) {
+  const triggers = [{
+    type: TriggerType.EVENT,
+    icon: '⚡',
+    label: t('event')
+  }, {
+    type: TriggerType.SCHEDULE,
+    icon: '📅',
+    label: t('schedule')
+  }, {
+    type: TriggerType.SEGMENT,
+    icon: '👥',
+    label: t('segment')
+  }, {
+    type: TriggerType.MANUAL,
+    icon: '🖱️',
+    label: t('manual')
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-trigger-selector"
+  }, triggers.map(trigger => /*#__PURE__*/React.createElement("div", {
+    key: trigger.type,
+    className: `eco-journey-trigger-option ${value === trigger.type ? 'active' : ''}`,
+    onClick: () => onChange?.(trigger.type)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-trigger-icon"
+  }, trigger.icon), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-trigger-label"
+  }, trigger.label))));
+}
+
+/**
+ * ActionSelector 组件 - 动作选择
+ */
+function ActionSelector({
+  onSelect
+}) {
+  const actions = [{
+    type: ActionType.SEND_EMAIL,
+    icon: '📧',
+    label: t('sendEmail')
+  }, {
+    type: ActionType.SEND_SMS,
+    icon: '📱',
+    label: t('sendSMS')
+  }, {
+    type: ActionType.SEND_PUSH,
+    icon: '🔔',
+    label: t('sendPush')
+  }, {
+    type: ActionType.SEND_NOTIFICATION,
+    icon: '💬',
+    label: t('sendNotification')
+  }, {
+    type: ActionType.WAIT,
+    icon: '⏱️',
+    label: t('wait')
+  }, {
+    type: ActionType.CONDITION,
+    icon: '🔀',
+    label: t('condition')
+  }, {
+    type: ActionType.ADD_TAG,
+    icon: '🏷️',
+    label: t('addTag')
+  }, {
+    type: ActionType.WEBHOOK,
+    icon: '🔗',
+    label: t('webhook')
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-action-selector"
+  }, actions.map(action => /*#__PURE__*/React.createElement("div", {
+    key: action.type,
+    className: "eco-journey-action-option",
+    onClick: () => onSelect?.(action.type)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-action-icon"
+  }, action.icon), /*#__PURE__*/React.createElement("span", {
+    className: "eco-journey-action-label"
+  }, action.label))));
+}
+
+/**
+ * JourneyList 组件
+ */
+function JourneyList({
+  journeys = [],
+  loading = false,
+  onJourneyClick,
+  onStart,
+  onPause,
+  onStop
+}) {
+  if (loading && journeys.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-journey-loading"
+    }, "\u52A0\u8F7D\u4E2D...");
+  }
+  if (journeys.length === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-journey-empty"
+    }, "\u6682\u65E0\u65C5\u7A0B");
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-journey-list"
+  }, journeys.map(journey => /*#__PURE__*/React.createElement(JourneyCard, {
+    key: journey.id,
+    journey: journey,
+    onClick: onJourneyClick,
+    onStart: onStart,
+    onPause: onPause,
+    onStop: onStop
+  })));
+}
+
+/**
+ * @quantabit/journey-sdk
+ * Marketing Journey SDK - Full Version
+ */
+
+const getJourneys = (...args) => journeyApi.getJourneys(...args);
+const getJourney = (...args) => journeyApi.getJourney(...args);
+const createJourney = (...args) => journeyApi.createJourney(...args);
+const updateJourney = (...args) => journeyApi.updateJourney(...args);
+const deleteJourney = (...args) => journeyApi.deleteJourney(...args);
+const startJourney = (...args) => journeyApi.startJourney(...args);
+const pauseJourney = (...args) => journeyApi.pauseJourney(...args);
+const stopJourney = (...args) => journeyApi.stopJourney(...args);
+const getJourneyStats = (...args) => journeyApi.getJourneyStats(...args);
+const getJourneyUsers = (...args) => journeyApi.getJourneyUsers(...args);
+
+export { ActionSelector, ActionType, JourneyApiClient, JourneyCard, JourneyList, JourneyNode, JourneyStatus, SUPPORTED_LANGUAGES, TriggerSelector, TriggerType, WaitType, createJourney, deleteJourney, getJourney, getJourneyStats, getJourneyUsers, getJourneys, getLanguage, journeyApi, messages, pauseJourney, setLanguage, startJourney, stopJourney, t, updateJourney, useJourney, useJourneyBuilder, useJourneys };
+//# sourceMappingURL=index.esm.js.map