@quantabit/account-type-sdk 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,882 @@
+'use client';
+import { BaseApiClient } from '@quantabit/sdk-config';
+import React, { useState, useCallback, useEffect } from 'react';
+
+/**
+ * Account Type SDK - 类型定义
+ */
+
+// 账号类型
+const AccountType = {
+  PERSONAL: 'personal',
+  // 个人账号
+  CREATOR: 'creator',
+  // 创作者账号
+  BUSINESS: 'business',
+  // 企业账号
+  INSTITUTION: 'institution',
+  // 机构账号
+  DEVELOPER: 'developer' // 开发者账号
+};
+
+// 认证级别
+const VerificationLevel = {
+  NONE: 'none',
+  BASIC: 'basic',
+  VERIFIED: 'verified',
+  OFFICIAL: 'official'
+};
+
+// 认证标识颜色
+const VerificationBadge$1 = {
+  BLUE: 'blue',
+  // 蓝V - 个人认证
+  YELLOW: 'yellow',
+  // 黄V - 企业认证
+  RED: 'red',
+  // 红V - 官方认证
+  PURPLE: 'purple' // 紫V - 机构认证
+};
+
+// 申请状态
+const ApplicationStatus = {
+  PENDING: 'pending',
+  REVIEWING: 'reviewing',
+  APPROVED: 'approved',
+  REJECTED: 'rejected',
+  NEED_INFO: 'need_info'
+};
+
+/**
+ * 账号类型配置
+ */
+const ACCOUNT_TYPE_CONFIG = {
+  [AccountType.PERSONAL]: {
+    name: '个人账号',
+    icon: '👤',
+    badge: null,
+    features: ['基础功能', '社交互动', '内容发布'],
+    limits: {
+      dailyPosts: 10,
+      followers: 5000
+    }
+  },
+  [AccountType.CREATOR]: {
+    name: '创作者账号',
+    icon: '✨',
+    badge: VerificationBadge$1.BLUE,
+    features: ['数据分析', '粉丝运营', '收益提现', '专属标识'],
+    limits: {
+      dailyPosts: 50,
+      followers: null
+    },
+    requirements: {
+      followers: 1000,
+      posts: 10
+    }
+  },
+  [AccountType.BUSINESS]: {
+    name: '企业账号',
+    icon: '🏢',
+    badge: VerificationBadge$1.YELLOW,
+    features: ['企业主页', '客户管理', '数据面板', '优先客服'],
+    limits: {
+      dailyPosts: 100,
+      followers: null
+    },
+    requirements: {
+      businessLicense: true
+    }
+  },
+  [AccountType.INSTITUTION]: {
+    name: '机构账号',
+    icon: '🏛️',
+    badge: VerificationBadge$1.PURPLE,
+    features: ['多账号管理', '团队协作', 'API接入', '专属客服'],
+    limits: {
+      dailyPosts: 200,
+      subAccounts: 50
+    },
+    requirements: {
+      institutionLicense: true
+    }
+  },
+  [AccountType.DEVELOPER]: {
+    name: '开发者账号',
+    icon: '👨‍💻',
+    badge: null,
+    features: ['API访问', '开发文档', '沙箱环境', '技术支持'],
+    limits: {
+      apiCalls: 10000
+    },
+    requirements: {
+      email: true
+    }
+  }
+};
+
+/**
+ * 获取账号类型信息
+ */
+function getAccountTypeInfo(type) {
+  return ACCOUNT_TYPE_CONFIG[type] || ACCOUNT_TYPE_CONFIG[AccountType.PERSONAL];
+}
+
+/**
+ * 获取认证图标
+ */
+function getVerificationBadgeIcon(badge) {
+  const icons = {
+    [VerificationBadge$1.BLUE]: '✓',
+    [VerificationBadge$1.YELLOW]: '✓',
+    [VerificationBadge$1.RED]: '★',
+    [VerificationBadge$1.PURPLE]: '✓'
+  };
+  return icons[badge] || '';
+}
+
+/**
+ * 获取认证颜色
+ */
+function getVerificationColor(badge) {
+  const colors = {
+    [VerificationBadge$1.BLUE]: '#3b82f6',
+    [VerificationBadge$1.YELLOW]: '#f59e0b',
+    [VerificationBadge$1.RED]: '#ef4444',
+    [VerificationBadge$1.PURPLE]: '#8b5cf6'
+  };
+  return colors[badge] || '#6b7280';
+}
+
+/**
+ * 检查升级条件
+ */
+function checkUpgradeEligibility(currentType, targetType, userStats) {
+  const config = ACCOUNT_TYPE_CONFIG[targetType];
+  if (!config?.requirements) return {
+    eligible: true,
+    missing: []
+  };
+  const missing = [];
+  const {
+    requirements
+  } = config;
+  if (requirements.followers && userStats.followers < requirements.followers) {
+    missing.push(`粉丝数需达到 ${requirements.followers}`);
+  }
+  if (requirements.posts && userStats.posts < requirements.posts) {
+    missing.push(`发布内容需达到 ${requirements.posts} 条`);
+  }
+  if (requirements.businessLicense && !userStats.hasBusinessLicense) {
+    missing.push('需要营业执照');
+  }
+  return {
+    eligible: missing.length === 0,
+    missing
+  };
+}
+
+/**
+ * Account Type SDK - API 客户端
+ * 账号类型管理系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * 账号类型 API 客户端
+ */
+class AccountTypeApiClient extends BaseApiClient {
+  constructor(config = {}) {
+    super('/account-type', config);
+  }
+
+  // ============ 账号类型查询 ============
+
+  /**
+   * 获取当前账号类型
+   */
+  async getMyAccountType() {
+    return this.get('/me');
+  }
+
+  /**
+   * 获取可用账号类型列表
+   */
+  async getAvailableTypes() {
+    return this.get('/types');
+  }
+
+  /**
+   * 获取类型详情
+   * @param {string} type - 类型标识
+   */
+  async getTypeDetails(type) {
+    return this.get(`/types/${type}`);
+  }
+
+  /**
+   * 获取权益对比
+   * @param {string} type1 - 类型1
+   * @param {string} type2 - 类型2
+   */
+  async compareBenefits(type1, type2) {
+    return this.get('/compare', {
+      type1,
+      type2
+    });
+  }
+
+  // ============ 升级申请 ============
+
+  /**
+   * 检查升级资格
+   * @param {string} targetType - 目标类型
+   */
+  async checkEligibility(targetType) {
+    return this.get('/upgrade/check', {
+      type: targetType
+    });
+  }
+
+  /**
+   * 申请升级
+   * @param {string} targetType - 目标类型
+   * @param {Object} documents - 证明材料
+   */
+  async applyUpgrade(targetType, documents = {}) {
+    return this.post('/upgrade/apply', {
+      targetType,
+      documents
+    });
+  }
+
+  /**
+   * 获取申请状态
+   */
+  async getApplicationStatus() {
+    return this.get('/upgrade/status');
+  }
+
+  /**
+   * 取消申请
+   * @param {string} applicationId - 申请 ID
+   */
+  async cancelApplication(applicationId) {
+    return this.post(`/upgrade/${applicationId}/cancel`);
+  }
+
+  /**
+   * 补充材料
+   * @param {string} applicationId - 申请 ID
+   * @param {Object} documents - 补充材料
+   */
+  async submitAdditionalDocs(applicationId, documents) {
+    return this.post(`/upgrade/${applicationId}/documents`, {
+      documents
+    });
+  }
+
+  /**
+   * 获取升级历史
+   */
+  async getUpgradeHistory() {
+    return this.get('/upgrade/history');
+  }
+
+  // ============ 认证申请 ============
+
+  /**
+   * 申请企业认证
+   * @param {Object} data - 企业信息
+   */
+  async applyBusinessVerification(data) {
+    return this.post('/verification/business', data);
+  }
+
+  /**
+   * 申请创作者认证
+   * @param {Object} data - 创作者信息
+   */
+  async applyCreatorVerification(data) {
+    return this.post('/verification/creator', data);
+  }
+
+  /**
+   * 申请机构认证
+   * @param {Object} data - 机构信息
+   */
+  async applyOrganizationVerification(data) {
+    return this.post('/verification/organization', data);
+  }
+
+  /**
+   * 获取认证状态
+   * @param {string} type - 认证类型
+   */
+  async getVerificationStatus(type) {
+    return this.get(`/verification/${type}/status`);
+  }
+}
+
+// 创建默认实例
+const accountTypeApi = new AccountTypeApiClient();
+
+/**
+ * Account Type SDK - 国际化支持
+ */
+
+const messages = {
+  en: {
+    accountType: 'Account Type',
+    personal: 'Personal',
+    creator: 'Creator',
+    business: 'Business',
+    institution: 'Institution',
+    developer: 'Developer',
+    currentType: 'Current Type',
+    upgrade: 'Upgrade',
+    downgrade: 'Downgrade',
+    apply: 'Apply',
+    cancel: 'Cancel',
+    verified: 'Verified',
+    unverified: 'Unverified',
+    features: 'Features',
+    benefits: 'Benefits',
+    requirements: 'Requirements',
+    applicationPending: 'Application Pending',
+    applicationApproved: 'Approved',
+    applicationRejected: 'Rejected',
+    needMoreInfo: 'Need More Info',
+    followers: 'Followers',
+    posts: 'Posts',
+    businessLicense: 'Business License',
+    upgradeSuccess: 'Upgrade Successful!',
+    applicationSubmitted: 'Application Submitted'
+  },
+  zh: {
+    accountType: '账号类型',
+    personal: '个人账号',
+    creator: '创作者',
+    business: '企业账号',
+    institution: '机构账号',
+    developer: '开发者',
+    currentType: '当前类型',
+    upgrade: '升级',
+    downgrade: '降级',
+    apply: '申请',
+    cancel: '取消',
+    verified: '已认证',
+    unverified: '未认证',
+    features: '功能特权',
+    benefits: '权益',
+    requirements: '申请条件',
+    applicationPending: '申请审核中',
+    applicationApproved: '已通过',
+    applicationRejected: '已拒绝',
+    needMoreInfo: '需要补充材料',
+    followers: '粉丝数',
+    posts: '发布内容',
+    businessLicense: '营业执照',
+    upgradeSuccess: '升级成功！',
+    applicationSubmitted: '申请已提交'
+  },
+  ja: {
+    accountType: 'アカウントタイプ',
+    personal: '個人',
+    creator: 'クリエイター',
+    business: 'ビジネス',
+    institution: '機関',
+    developer: '開発者',
+    currentType: '現在のタイプ',
+    upgrade: 'アップグレード',
+    downgrade: 'ダウングレード',
+    apply: '申請',
+    cancel: 'キャンセル',
+    verified: '認証済み',
+    unverified: '未認証',
+    features: '機能',
+    benefits: '特典',
+    requirements: '申請条件',
+    applicationPending: '審査中',
+    applicationApproved: '承認済み',
+    applicationRejected: '却下',
+    needMoreInfo: '追加情報が必要',
+    followers: 'フォロワー',
+    posts: '投稿',
+    businessLicense: '事業許可証',
+    upgradeSuccess: 'アップグレード成功！',
+    applicationSubmitted: '申請完了'
+  },
+  ko: {
+    accountType: '계정 유형',
+    personal: '개인',
+    creator: '크리에이터',
+    business: '비즈니스',
+    institution: '기관',
+    developer: '개발자',
+    currentType: '현재 유형',
+    upgrade: '업그레이드',
+    downgrade: '다운그레이드',
+    apply: '신청',
+    cancel: '취소',
+    verified: '인증됨',
+    unverified: '미인증',
+    features: '기능',
+    benefits: '혜택',
+    requirements: '신청 조건',
+    applicationPending: '심사 중',
+    applicationApproved: '승인됨',
+    applicationRejected: '거절됨',
+    needMoreInfo: '추가 정보 필요',
+    followers: '팔로워',
+    posts: '게시물',
+    businessLicense: '사업자등록증',
+    upgradeSuccess: '업그레이드 성공!',
+    applicationSubmitted: '신청 완료'
+  }
+};
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+let currentLanguage = 'zh';
+function setLanguage(lang) {
+  if (SUPPORTED_LANGUAGES.includes(lang)) {
+    currentLanguage = lang;
+  }
+}
+function getLanguage() {
+  return currentLanguage;
+}
+function t(key, params = {}) {
+  let text = messages[currentLanguage]?.[key] || messages.en[key] || key;
+  Object.keys(params).forEach(param => {
+    text = text.replace(`{${param}}`, params[param]);
+  });
+  return text;
+}
+
+/**
+ * Account Type SDK - React Hooks
+ */
+
+
+// 获取当前账号类型
+function useAccountType() {
+  const [accountType, setAccountType] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const refresh = useCallback(async () => {
+    try {
+      setLoading(true);
+      const data = await accountTypeApi.getMyAccountType();
+      setAccountType(data);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  return {
+    accountType,
+    loading,
+    error,
+    refresh
+  };
+}
+
+// 获取可用类型
+function useAvailableTypes() {
+  const [types, setTypes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    accountTypeApi.getAvailableTypes().then(setTypes).catch(err => setError(err.message)).finally(() => setLoading(false));
+  }, []);
+  return {
+    types,
+    loading,
+    error
+  };
+}
+
+// 升级申请
+function useUpgradeApplication() {
+  const [status, setStatus] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchStatus = useCallback(async () => {
+    try {
+      const data = await accountTypeApi.getApplicationStatus();
+      setStatus(data);
+    } catch (err) {
+      // 可能没有申请记录
+      setStatus(null);
+    }
+  }, []);
+  const apply = useCallback(async (targetType, documents = {}) => {
+    try {
+      setLoading(true);
+      setError(null);
+      const result = await accountTypeApi.applyUpgrade(targetType, documents);
+      await fetchStatus();
+      return result;
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [fetchStatus]);
+  const cancel = useCallback(async applicationId => {
+    try {
+      setLoading(true);
+      await accountTypeApi.cancelApplication(applicationId);
+      await fetchStatus();
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [fetchStatus]);
+  const submitDocs = useCallback(async (applicationId, documents) => {
+    try {
+      setLoading(true);
+      await accountTypeApi.submitAdditionalDocs(applicationId, documents);
+      await fetchStatus();
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [fetchStatus]);
+  useEffect(() => {
+    fetchStatus();
+  }, [fetchStatus]);
+  return {
+    status,
+    apply,
+    cancel,
+    submitDocs,
+    loading,
+    error,
+    refresh: fetchStatus
+  };
+}
+
+// 资格检查
+function useEligibilityCheck(targetType) {
+  const [eligibility, setEligibility] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!targetType) return;
+    accountTypeApi.checkEligibility(targetType).then(setEligibility).catch(err => setError(err.message)).finally(() => setLoading(false));
+  }, [targetType]);
+  return {
+    eligibility,
+    loading,
+    error
+  };
+}
+
+// 权益对比
+function useBenefitsComparison(type1, type2) {
+  const [comparison, setComparison] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!type1 || !type2) return;
+    accountTypeApi.compareBenefits(type1, type2).then(setComparison).catch(err => setError(err.message)).finally(() => setLoading(false));
+  }, [type1, type2]);
+  return {
+    comparison,
+    loading,
+    error
+  };
+}
+
+/**
+ * 认证徽章
+ */
+function VerificationBadge({
+  badge,
+  size = 'medium'
+}) {
+  if (!badge) return null;
+  const color = getVerificationColor(badge);
+  const icon = getVerificationBadgeIcon(badge);
+  const sizeClass = {
+    small: 'badge-sm',
+    medium: 'badge-md',
+    large: 'badge-lg'
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: `account-badge ${sizeClass[size]}`,
+    style: {
+      backgroundColor: color
+    }
+  }, icon);
+}
+
+/**
+ * 账号类型卡片
+ */
+function AccountTypeCard({
+  type,
+  isCurrent = false,
+  isSelected = false,
+  onSelect,
+  disabled = false
+}) {
+  const info = getAccountTypeInfo(type);
+  return /*#__PURE__*/React.createElement("div", {
+    className: `account-type-card ${isCurrent ? 'current' : ''} ${isSelected ? 'selected' : ''} ${disabled ? 'disabled' : ''}`,
+    onClick: () => !disabled && onSelect?.(type)
+  }, isCurrent && /*#__PURE__*/React.createElement("span", {
+    className: "account-current-tag"
+  }, "\u5F53\u524D"), /*#__PURE__*/React.createElement("div", {
+    className: "account-type-icon"
+  }, info.icon), /*#__PURE__*/React.createElement("div", {
+    className: "account-type-name"
+  }, info.name, info.badge && /*#__PURE__*/React.createElement(VerificationBadge, {
+    badge: info.badge,
+    size: "small"
+  })), /*#__PURE__*/React.createElement("ul", {
+    className: "account-type-features"
+  }, info.features.map((feature, i) => /*#__PURE__*/React.createElement("li", {
+    key: i
+  }, "\u2713 ", feature))), info.requirements && /*#__PURE__*/React.createElement("div", {
+    className: "account-type-requirements"
+  }, "\u9700\u8981\u6EE1\u8DB3\u6761\u4EF6"));
+}
+
+/**
+ * 类型选择器
+ */
+function AccountTypeSelector({
+  currentType,
+  selectedType,
+  onSelect,
+  types = Object.values(AccountType)
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "account-type-selector"
+  }, types.map(type => /*#__PURE__*/React.createElement(AccountTypeCard, {
+    key: type,
+    type: type,
+    isCurrent: type === currentType,
+    isSelected: type === selectedType,
+    onSelect: onSelect
+  })));
+}
+
+/**
+ * 申请状态卡片
+ */
+function ApplicationStatusCard({
+  application,
+  onCancel,
+  onSubmitDocs
+}) {
+  if (!application) return null;
+  const statusConfig = {
+    [ApplicationStatus.PENDING]: {
+      label: '待审核',
+      color: '#f59e0b',
+      icon: '⏳'
+    },
+    [ApplicationStatus.REVIEWING]: {
+      label: '审核中',
+      color: '#3b82f6',
+      icon: '🔍'
+    },
+    [ApplicationStatus.APPROVED]: {
+      label: '已通过',
+      color: '#22c55e',
+      icon: '✅'
+    },
+    [ApplicationStatus.REJECTED]: {
+      label: '已拒绝',
+      color: '#ef4444',
+      icon: '❌'
+    },
+    [ApplicationStatus.NEED_INFO]: {
+      label: '需补充材料',
+      color: '#f97316',
+      icon: '📝'
+    }
+  };
+  const config = statusConfig[application.status] || statusConfig[ApplicationStatus.PENDING];
+  const targetInfo = getAccountTypeInfo(application.targetType);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "account-application-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "account-application-header"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "account-application-target"
+  }, targetInfo.icon, " \u5347\u7EA7\u81F3 ", targetInfo.name), /*#__PURE__*/React.createElement("span", {
+    className: "account-application-status",
+    style: {
+      backgroundColor: config.color
+    }
+  }, config.icon, " ", config.label)), /*#__PURE__*/React.createElement("div", {
+    className: "account-application-info"
+  }, /*#__PURE__*/React.createElement("div", null, "\u7533\u8BF7\u65F6\u95F4: ", new Date(application.createdAt).toLocaleDateString()), application.message && /*#__PURE__*/React.createElement("div", null, "\u5907\u6CE8: ", application.message)), application.status === ApplicationStatus.NEED_INFO && /*#__PURE__*/React.createElement("button", {
+    className: "account-btn primary",
+    onClick: () => onSubmitDocs?.(application.id)
+  }, "\u8865\u5145\u6750\u6599"), [ApplicationStatus.PENDING, ApplicationStatus.REVIEWING].includes(application.status) && /*#__PURE__*/React.createElement("button", {
+    className: "account-btn secondary",
+    onClick: () => onCancel?.(application.id)
+  }, "\u53D6\u6D88\u7533\u8BF7"));
+}
+
+/**
+ * 权益对比表
+ */
+function BenefitsComparison({
+  currentType,
+  targetType
+}) {
+  const currentInfo = getAccountTypeInfo(currentType);
+  const targetInfo = getAccountTypeInfo(targetType);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-col"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "account-comparison-type current"
+  }, currentInfo.icon, " ", currentInfo.name)), /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-arrow"
+  }, "\u2192"), /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-col"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "account-comparison-type target"
+  }, targetInfo.icon, " ", targetInfo.name))), /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "account-comparison-section"
+  }, /*#__PURE__*/React.createElement("h4", null, "\u65B0\u589E\u6743\u76CA"), targetInfo.features.filter(f => !currentInfo.features.includes(f)).map((feature, i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    className: "account-comparison-item new"
+  }, "\u2728 ", feature)))));
+}
+
+/**
+ * 升级表单
+ */
+function UpgradeForm({
+  targetType,
+  onSubmit,
+  loading = false
+}) {
+  const [documents, setDocuments] = useState({});
+  const info = getAccountTypeInfo(targetType);
+  const handleSubmit = e => {
+    e.preventDefault();
+    onSubmit?.(documents);
+  };
+  return /*#__PURE__*/React.createElement("form", {
+    className: "account-upgrade-form",
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("h3", null, "\u7533\u8BF7\u5347\u7EA7\u81F3 ", info.name), targetType === AccountType.BUSINESS && /*#__PURE__*/React.createElement("div", {
+    className: "account-form-group"
+  }, /*#__PURE__*/React.createElement("label", null, "\u8425\u4E1A\u6267\u7167"), /*#__PURE__*/React.createElement("input", {
+    type: "file",
+    accept: "image/*,.pdf",
+    onChange: e => setDocuments({
+      ...documents,
+      businessLicense: e.target.files[0]
+    })
+  })), targetType === AccountType.CREATOR && /*#__PURE__*/React.createElement("div", {
+    className: "account-form-group"
+  }, /*#__PURE__*/React.createElement("label", null, "\u521B\u4F5C\u9886\u57DF"), /*#__PURE__*/React.createElement("select", {
+    value: documents.category || '',
+    onChange: e => setDocuments({
+      ...documents,
+      category: e.target.value
+    })
+  }, /*#__PURE__*/React.createElement("option", {
+    value: ""
+  }, "\u8BF7\u9009\u62E9"), /*#__PURE__*/React.createElement("option", {
+    value: "tech"
+  }, "\u79D1\u6280"), /*#__PURE__*/React.createElement("option", {
+    value: "lifestyle"
+  }, "\u751F\u6D3B"), /*#__PURE__*/React.createElement("option", {
+    value: "entertainment"
+  }, "\u5A31\u4E50"), /*#__PURE__*/React.createElement("option", {
+    value: "education"
+  }, "\u6559\u80B2"))), /*#__PURE__*/React.createElement("div", {
+    className: "account-form-group"
+  }, /*#__PURE__*/React.createElement("label", null, "\u7533\u8BF7\u8BF4\u660E\uFF08\u9009\u586B\uFF09"), /*#__PURE__*/React.createElement("textarea", {
+    placeholder: "\u8BF7\u7B80\u8981\u8BF4\u660E\u60A8\u7684\u7533\u8BF7\u7406\u7531",
+    value: documents.description || '',
+    onChange: e => setDocuments({
+      ...documents,
+      description: e.target.value
+    })
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "submit",
+    className: "account-btn primary large",
+    disabled: loading
+  }, loading ? '提交中...' : '提交申请'));
+}
+
+/**
+ * 账号类型页面
+ */
+function AccountTypePage({
+  currentType,
+  application,
+  onApply,
+  onCancelApplication,
+  loading = false
+}) {
+  const [selectedType, setSelectedType] = useState(null);
+  const [showForm, setShowForm] = useState(false);
+  const handleSelect = type => {
+    if (type !== currentType) {
+      setSelectedType(type);
+    }
+  };
+  const handleApply = documents => {
+    onApply?.(selectedType, documents);
+    setShowForm(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "account-type-page"
+  }, /*#__PURE__*/React.createElement("h1", null, "\u8D26\u53F7\u7C7B\u578B"), application && /*#__PURE__*/React.createElement(ApplicationStatusCard, {
+    application: application,
+    onCancel: onCancelApplication
+  }), /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("h2", null, "\u9009\u62E9\u8D26\u53F7\u7C7B\u578B"), /*#__PURE__*/React.createElement(AccountTypeSelector, {
+    currentType: currentType,
+    selectedType: selectedType,
+    onSelect: handleSelect
+  })), selectedType && selectedType !== currentType && /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement(BenefitsComparison, {
+    currentType: currentType,
+    targetType: selectedType
+  }), /*#__PURE__*/React.createElement("button", {
+    className: "account-btn primary large",
+    onClick: () => setShowForm(true)
+  }, "\u7533\u8BF7\u5347\u7EA7")), showForm && /*#__PURE__*/React.createElement("div", {
+    className: "account-modal-overlay",
+    onClick: () => setShowForm(false)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "account-modal",
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/React.createElement(UpgradeForm, {
+    targetType: selectedType,
+    onSubmit: handleApply,
+    loading: loading
+  }))));
+}
+
+export { ACCOUNT_TYPE_CONFIG, AccountType, AccountTypeApiClient, AccountTypeCard, AccountTypePage, AccountTypeSelector, ApplicationStatus, ApplicationStatusCard, BenefitsComparison, SUPPORTED_LANGUAGES, UpgradeForm, VerificationBadge$1 as VerificationBadge, VerificationBadge as VerificationBadgeComponent, VerificationLevel, accountTypeApi, checkUpgradeEligibility, getAccountTypeInfo, getLanguage, getVerificationBadgeIcon, getVerificationColor, messages, setLanguage, t, useAccountType, useAvailableTypes, useBenefitsComparison, useEligibilityCheck, useUpgradeApplication };
+//# sourceMappingURL=index.esm.js.map