@quantabit/account-type-sdk 1.0.0

package/dist/index.umd.js

@@ -0,0 +1,913 @@
+(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';
+
+  /**
+   * 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 sdkConfig.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] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    const refresh = React.useCallback(async () => {
+      try {
+        setLoading(true);
+        const data = await accountTypeApi.getMyAccountType();
+        setAccountType(data);
+        setError(null);
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setLoading(false);
+      }
+    }, []);
+    React.useEffect(() => {
+      refresh();
+    }, [refresh]);
+    return {
+      accountType,
+      loading,
+      error,
+      refresh
+    };
+  }
+
+  // 获取可用类型
+  function useAvailableTypes() {
+    const [types, setTypes] = React.useState([]);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+      accountTypeApi.getAvailableTypes().then(setTypes).catch(err => setError(err.message)).finally(() => setLoading(false));
+    }, []);
+    return {
+      types,
+      loading,
+      error
+    };
+  }
+
+  // 升级申请
+  function useUpgradeApplication() {
+    const [status, setStatus] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const fetchStatus = React.useCallback(async () => {
+      try {
+        const data = await accountTypeApi.getApplicationStatus();
+        setStatus(data);
+      } catch (err) {
+        // 可能没有申请记录
+        setStatus(null);
+      }
+    }, []);
+    const apply = React.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 = React.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 = React.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]);
+    React.useEffect(() => {
+      fetchStatus();
+    }, [fetchStatus]);
+    return {
+      status,
+      apply,
+      cancel,
+      submitDocs,
+      loading,
+      error,
+      refresh: fetchStatus
+    };
+  }
+
+  // 资格检查
+  function useEligibilityCheck(targetType) {
+    const [eligibility, setEligibility] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.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] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.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] = React.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] = React.useState(null);
+    const [showForm, setShowForm] = React.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
+    }))));
+  }
+
+  exports.ACCOUNT_TYPE_CONFIG = ACCOUNT_TYPE_CONFIG;
+  exports.AccountType = AccountType;
+  exports.AccountTypeApiClient = AccountTypeApiClient;
+  exports.AccountTypeCard = AccountTypeCard;
+  exports.AccountTypePage = AccountTypePage;
+  exports.AccountTypeSelector = AccountTypeSelector;
+  exports.ApplicationStatus = ApplicationStatus;
+  exports.ApplicationStatusCard = ApplicationStatusCard;
+  exports.BenefitsComparison = BenefitsComparison;
+  exports.SUPPORTED_LANGUAGES = SUPPORTED_LANGUAGES;
+  exports.UpgradeForm = UpgradeForm;
+  exports.VerificationBadge = VerificationBadge$1;
+  exports.VerificationBadgeComponent = VerificationBadge;
+  exports.VerificationLevel = VerificationLevel;
+  exports.accountTypeApi = accountTypeApi;
+  exports.checkUpgradeEligibility = checkUpgradeEligibility;
+  exports.getAccountTypeInfo = getAccountTypeInfo;
+  exports.getLanguage = getLanguage;
+  exports.getVerificationBadgeIcon = getVerificationBadgeIcon;
+  exports.getVerificationColor = getVerificationColor;
+  exports.messages = messages;
+  exports.setLanguage = setLanguage;
+  exports.t = t;
+  exports.useAccountType = useAccountType;
+  exports.useAvailableTypes = useAvailableTypes;
+  exports.useBenefitsComparison = useBenefitsComparison;
+  exports.useEligibilityCheck = useEligibilityCheck;
+  exports.useUpgradeApplication = useUpgradeApplication;
+
+}));
+//# sourceMappingURL=index.umd.js.map