@quantabit/oauth-sdk 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1124 @@
+import { BaseApiClient } from '@quantabit/sdk-config';
+import React, { useState, useCallback, useEffect } from 'react';
+
+/**
+ * OAuth SDK - API 客户端
+ * OAuth 认证系统后端接口封装
+ * 
+ * 使用 BaseApiClient 基类简化代码
+ */
+
+
+/**
+ * OAuth API 客户端
+ */
+class OauthApiClient extends BaseApiClient {
+  constructor(config = {}) {
+    super('/oauth', config);
+  }
+  _normalizeProviderArgs(providerOrOptions, options = {}) {
+    if (typeof providerOrOptions === 'object' && providerOrOptions !== null) {
+      const {
+        provider,
+        ...params
+      } = providerOrOptions;
+      return {
+        provider,
+        params
+      };
+    }
+    return {
+      provider: providerOrOptions,
+      params: options
+    };
+  }
+
+  // ============ OAuth 登录 ============
+
+  /**
+   * 获取 OAuth 登录 URL
+   * @param {string} provider - 提供商（google, github, twitter, discord 等）
+   * @param {Object} options - 选项
+   */
+  async getAuthUrl(provider, options = {}) {
+    const normalized = this._normalizeProviderArgs(provider, options);
+    return this.get(`/${normalized.provider}/auth-url`, normalized.params);
+  }
+
+  /**
+   * OAuth 回调处理
+   * @param {string} provider - 提供商
+   * @param {string} code - 授权码
+   * @param {string} state - 状态
+   */
+  async handleCallback(provider, code, state) {
+    if (typeof provider === 'object' && provider !== null) {
+      const {
+        provider: callbackProvider,
+        code: callbackCode,
+        state: callbackState
+      } = provider;
+      return this.post(`/${callbackProvider}/callback`, {
+        code: callbackCode,
+        state: callbackState
+      });
+    }
+    return this.post(`/${provider}/callback`, {
+      code,
+      state
+    });
+  }
+
+  /**
+   * 获取支持的 OAuth 提供商
+   */
+  async getProviders() {
+    return this.get('/providers');
+  }
+
+  // ============ 账号绑定 ============
+
+  /**
+   * 绑定第三方账号
+   * @param {string} provider - 提供商
+   * @param {string} code - 授权码
+   */
+  async bindAccount(provider, code) {
+    return this.post(`/${provider}/bind`, {
+      code
+    });
+  }
+
+  /**
+   * 解绑第三方账号
+   * @param {string} provider - 提供商
+   */
+  async unbindAccount(provider) {
+    return this.delete(`/${provider}/bind`);
+  }
+
+  /**
+   * 解绑第三方账号（兼容 hooks 命名）
+   * @param {string} provider - 提供商
+   */
+  async unlinkAccount(provider) {
+    return this.unbindAccount(provider);
+  }
+
+  /**
+   * 获取已绑定账号
+   */
+  async getBoundAccounts() {
+    return this.get('/accounts');
+  }
+
+  /**
+   * 获取已关联账号（兼容旧版快捷方法命名）
+   */
+  async getLinkedAccounts() {
+    return this.getBoundAccounts();
+  }
+
+  /**
+   * 检查账号绑定状态
+   * @param {string} provider - 提供商
+   */
+  async checkBindStatus(provider) {
+    return this.get(`/${provider}/bind/status`);
+  }
+
+  // ============ 钱包连接 ============
+
+  /**
+   * 获取钱包连接消息
+   * @param {string} address - 钱包地址
+   */
+  async getWalletMessage(address) {
+    return this.post('/wallet/message', {
+      address
+    });
+  }
+
+  /**
+   * 验证钱包签名
+   * @param {string} address - 钱包地址
+   * @param {string} signature - 签名
+   * @param {string} message - 消息
+   */
+  async verifyWalletSignature(address, signature, message) {
+    return this.post('/wallet/verify', {
+      address,
+      signature,
+      message
+    });
+  }
+
+  /**
+   * 使用钱包登录
+   * @param {string} address - 钱包地址
+   * @param {string} signature - 签名
+   * @param {string} message - 消息
+   */
+  async loginWithWallet(address, signature, message) {
+    return this.post('/wallet/login', {
+      address,
+      signature,
+      message
+    });
+  }
+
+  /**
+   * 绑定钱包
+   * @param {string} address - 钱包地址
+   * @param {string} signature - 签名
+   * @param {string} message - 消息
+   */
+  async bindWallet(address, signature, message) {
+    return this.post('/wallet/bind', {
+      address,
+      signature,
+      message
+    });
+  }
+
+  /**
+   * 解绑钱包
+   * @param {string} address - 钱包地址
+   */
+  async unbindWallet(address) {
+    return this.delete('/wallet/bind', {
+      address
+    });
+  }
+
+  /**
+   * 获取已绑定钱包
+   */
+  async getBoundWallets() {
+    return this.get('/wallet/list');
+  }
+
+  // ============ SSO 单点登录 ============
+
+  /**
+   * 获取 SSO 登录 URL
+   * @param {Object} options - 选项
+   */
+  async getSSOUrl(options = {}) {
+    return this.get('/sso/url', options);
+  }
+
+  /**
+   * SSO 登录验证
+   * @param {string} token - SSO Token
+   */
+  async verifySSOToken(token) {
+    return this.post('/sso/verify', {
+      token
+    });
+  }
+
+  /**
+   * SSO 登出
+   */
+  async ssoLogout() {
+    return this.post('/sso/logout');
+  }
+
+  /**
+   * 检查当前 OAuth 登录态
+   */
+  async checkAuth() {
+    return this.get('/auth/check');
+  }
+
+  /**
+   * 登出当前 OAuth 会话
+   */
+  async logout() {
+    return this.post('/logout');
+  }
+
+  // ============ Token 管理 ============
+
+  /**
+   * 刷新 Token
+   * @param {string} refreshToken - 刷新 Token
+   */
+  async refreshToken(refreshToken) {
+    return this.post('/token/refresh', {
+      refresh_token: refreshToken
+    });
+  }
+
+  /**
+   * 撤销 Token
+   * @param {string} token - Token
+   */
+  async revokeToken(token) {
+    return this.post('/token/revoke', {
+      token
+    });
+  }
+
+  /**
+   * 获取 Token 信息
+   * @param {string} token - Token
+   */
+  async getTokenInfo(token) {
+    return this.post('/token/info', {
+      token
+    });
+  }
+
+  // ============ 授权管理 ============
+
+  /**
+   * 获取授权应用列表
+   */
+  async getAuthorizedApps() {
+    return this.get('/apps');
+  }
+
+  /**
+   * 撤销应用授权
+   * @param {string} appId - 应用 ID
+   */
+  async revokeAppAuthorization(appId) {
+    return this.delete(`/apps/${appId}`);
+  }
+}
+
+// 创建默认实例
+const oauthApi = new OauthApiClient();
+const OAuthApiClient = OauthApiClient;
+
+/**
+ * OAuth SDK - 类型定义
+ */
+
+// 第三方登录提供商
+const OAuthProvider = {
+  // 社交
+  GOOGLE: 'google',
+  FACEBOOK: 'facebook',
+  TWITTER: 'twitter',
+  GITHUB: 'github',
+  DISCORD: 'discord',
+  TELEGRAM: 'telegram',
+  WECHAT: 'wechat',
+  WEIBO: 'weibo',
+  QQ: 'qq',
+  APPLE: 'apple',
+  // 钱包
+  METAMASK: 'metamask',
+  WALLET_CONNECT: 'wallet_connect',
+  COINBASE_WALLET: 'coinbase_wallet',
+  PHANTOM: 'phantom',
+  // 企业
+  MICROSOFT: 'microsoft',
+  OKTA: 'okta',
+  AUTH0: 'auth0'
+};
+
+// 连接状态
+const ConnectionStatus = {
+  DISCONNECTED: 'disconnected',
+  CONNECTING: 'connecting',
+  CONNECTED: 'connected',
+  ERROR: 'error'
+};
+
+// 账户绑定状态
+const BindingStatus = {
+  NOT_BOUND: 'not_bound',
+  BOUND: 'bound',
+  PENDING: 'pending'
+};
+
+// 授权范围
+const OAuthScope = {
+  PROFILE: 'profile',
+  EMAIL: 'email',
+  OPENID: 'openid',
+  READ: 'read',
+  WRITE: 'write'
+};
+
+/**
+ * OAuth SDK - 国际化
+ * OAuth授权系统多语言支持
+ */
+
+const SUPPORTED_LANGUAGES = ['en', 'zh', 'ja', 'ko'];
+const messages = {
+  zh: {
+    // 登录
+    login: '登录',
+    loginWith: '使用 {provider} 登录',
+    loginTo: '登录到',
+    signIn: '登录',
+    signUp: '注册',
+    signOut: '退出登录',
+    logout: '退出',
+    // 第三方
+    google: 'Google',
+    apple: 'Apple',
+    github: 'GitHub',
+    twitter: 'Twitter',
+    facebook: 'Facebook',
+    discord: 'Discord',
+    wechat: '微信',
+    qq: 'QQ',
+    // 授权
+    authorize: '授权',
+    authorization: '授权',
+    authorizing: '授权中...',
+    allowAccess: '允许访问',
+    denyAccess: '拒绝访问',
+    // 权限
+    permissions: '权限',
+    requestingPermissions: '请求以下权限',
+    readProfile: '读取基本资料',
+    readEmail: '读取邮箱地址',
+    writeData: '写入数据',
+    // 连接
+    connect: '连接',
+    connected: '已连接',
+    disconnect: '断开连接',
+    connectionRequired: '需要连接账户',
+    // 状态
+    loading: '加载中...',
+    redirecting: '跳转中...',
+    success: '授权成功',
+    failed: '授权失败',
+    error: '发生错误',
+    tryAgain: '重试',
+    // 账户
+    linkedAccounts: '已关联账户',
+    linkAccount: '关联账户',
+    unlinkAccount: '解除关联',
+    noLinkedAccounts: '暂无关联账户',
+    // 安全
+    secureLogin: '安全登录',
+    securedBy: '由 {provider} 提供安全保障',
+    // 协议
+    termsOfService: '服务条款',
+    privacyPolicy: '隐私政策',
+    byLoggingIn: '登录即表示您同意我们的',
+    and: '和',
+    // 返回
+    cancel: '取消',
+    back: '返回',
+    continueAs: '以 {name} 继续'
+  },
+  en: {
+    login: 'Login',
+    loginWith: 'Login with {provider}',
+    loginTo: 'Login to',
+    signIn: 'Sign In',
+    signUp: 'Sign Up',
+    signOut: 'Sign Out',
+    logout: 'Logout',
+    google: 'Google',
+    apple: 'Apple',
+    github: 'GitHub',
+    twitter: 'Twitter',
+    facebook: 'Facebook',
+    discord: 'Discord',
+    wechat: 'WeChat',
+    qq: 'QQ',
+    authorize: 'Authorize',
+    authorization: 'Authorization',
+    authorizing: 'Authorizing...',
+    allowAccess: 'Allow Access',
+    denyAccess: 'Deny Access',
+    permissions: 'Permissions',
+    requestingPermissions: 'Requesting the following permissions',
+    readProfile: 'Read your profile',
+    readEmail: 'Read your email',
+    writeData: 'Write data',
+    connect: 'Connect',
+    connected: 'Connected',
+    disconnect: 'Disconnect',
+    connectionRequired: 'Connection required',
+    loading: 'Loading...',
+    redirecting: 'Redirecting...',
+    success: 'Success',
+    failed: 'Failed',
+    error: 'Error',
+    tryAgain: 'Try Again',
+    linkedAccounts: 'Linked Accounts',
+    linkAccount: 'Link Account',
+    unlinkAccount: 'Unlink',
+    noLinkedAccounts: 'No linked accounts',
+    secureLogin: 'Secure Login',
+    securedBy: 'Secured by {provider}',
+    termsOfService: 'Terms of Service',
+    privacyPolicy: 'Privacy Policy',
+    byLoggingIn: 'By logging in, you agree to our',
+    and: 'and',
+    cancel: 'Cancel',
+    back: 'Back',
+    continueAs: 'Continue as {name}'
+  },
+  ja: {
+    login: 'ログイン',
+    loginWith: '{provider} でログイン',
+    loginTo: 'ログイン先',
+    signIn: 'サインイン',
+    signUp: 'サインアップ',
+    signOut: 'サインアウト',
+    logout: 'ログアウト',
+    google: 'Google',
+    apple: 'Apple',
+    github: 'GitHub',
+    twitter: 'Twitter',
+    facebook: 'Facebook',
+    discord: 'Discord',
+    wechat: 'WeChat',
+    qq: 'QQ',
+    authorize: '認可',
+    authorization: '認可',
+    authorizing: '認可中...',
+    allowAccess: 'アクセスを許可',
+    denyAccess: 'アクセスを拒否',
+    permissions: '権限',
+    requestingPermissions: '以下の権限を要求しています',
+    readProfile: 'プロフィールの読み取り',
+    readEmail: 'メールの読み取り',
+    writeData: 'データの書き込み',
+    connect: '接続',
+    connected: '接続済み',
+    disconnect: '切断',
+    connectionRequired: '接続が必要',
+    loading: '読み込み中...',
+    redirecting: 'リダイレクト中...',
+    success: '成功',
+    failed: '失敗',
+    error: 'エラー',
+    tryAgain: '再試行',
+    linkedAccounts: '連携済みアカウント',
+    linkAccount: 'アカウントを連携',
+    unlinkAccount: '連携解除',
+    noLinkedAccounts: '連携アカウントなし',
+    secureLogin: 'セキュアログイン',
+    securedBy: '{provider} によるセキュリティ',
+    termsOfService: '利用規約',
+    privacyPolicy: 'プライバシーポリシー',
+    byLoggingIn: 'ログインすると、以下に同意することになります：',
+    and: 'と',
+    cancel: 'キャンセル',
+    back: '戻る',
+    continueAs: '{name} として続行'
+  },
+  ko: {
+    login: '로그인',
+    loginWith: '{provider}로 로그인',
+    loginTo: '로그인 대상',
+    signIn: '로그인',
+    signUp: '가입하기',
+    signOut: '로그아웃',
+    logout: '로그아웃',
+    google: 'Google',
+    apple: 'Apple',
+    github: 'GitHub',
+    twitter: 'Twitter',
+    facebook: 'Facebook',
+    discord: 'Discord',
+    wechat: 'WeChat',
+    qq: 'QQ',
+    authorize: '승인',
+    authorization: '승인',
+    authorizing: '승인 중...',
+    allowAccess: '접근 허용',
+    denyAccess: '접근 거부',
+    permissions: '권한',
+    requestingPermissions: '다음 권한을 요청합니다',
+    readProfile: '프로필 읽기',
+    readEmail: '이메일 읽기',
+    writeData: '데이터 쓰기',
+    connect: '연결',
+    connected: '연결됨',
+    disconnect: '연결 해제',
+    connectionRequired: '연결 필요',
+    loading: '로딩 중...',
+    redirecting: '리다이렉트 중...',
+    success: '성공',
+    failed: '실패',
+    error: '오류',
+    tryAgain: '다시 시도',
+    linkedAccounts: '연결된 계정',
+    linkAccount: '계정 연결',
+    unlinkAccount: '연결 해제',
+    noLinkedAccounts: '연결된 계정 없음',
+    secureLogin: '보안 로그인',
+    securedBy: '{provider}에 의해 보안됨',
+    termsOfService: '서비스 약관',
+    privacyPolicy: '개인정보 처리방침',
+    byLoggingIn: '로그인하면 다음에 동의하는 것입니다:',
+    and: '및',
+    cancel: '취소',
+    back: '뒤로',
+    continueAs: '{name}(으)로 계속'
+  }
+};
+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] || messages.en)[key] || key;
+  Object.entries(params).forEach(([k, v]) => {
+    text = text.replace(new RegExp(`\\{${k}\\}`, 'g'), v);
+  });
+  return text;
+}
+
+/**
+ * OAuth SDK - React Hooks
+ * OAuth授权系统相关的状态管理
+ */
+
+
+/**
+ * OAuth登录
+ */
+function useOAuthLogin() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const login = useCallback(async (provider, options = {}) => {
+    try {
+      setLoading(true);
+      setError(null);
+      const {
+        redirectUri,
+        scope,
+        state
+      } = options;
+
+      // 获取授权URL
+      const response = await oauthApi.getAuthUrl({
+        provider,
+        redirectUri: redirectUri || window.location.origin + '/oauth/callback',
+        scope,
+        state
+      });
+
+      // 打开授权窗口或跳转
+      if (options.popup) {
+        return openPopup(response.authUrl, provider);
+      } else {
+        window.location.href = response.authUrl;
+      }
+    } catch (err) {
+      setError(err.message);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    login,
+    loading,
+    error
+  };
+}
+
+/**
+ * OAuth回调处理
+ */
+function useOAuthCallback() {
+  const [status, setStatus] = useState('idle'); // idle, loading, success, error
+  const [user, setUser] = useState(null);
+  const [error, setError] = useState(null);
+  const handleCallback = useCallback(async (code, state, provider) => {
+    try {
+      setStatus('loading');
+      setError(null);
+      const response = await oauthApi.handleCallback({
+        code,
+        state,
+        provider
+      });
+      setUser(response.user);
+      setStatus('success');
+      return response;
+    } catch (err) {
+      setError(err.message);
+      setStatus('error');
+      throw err;
+    }
+  }, []);
+
+  // 自动处理URL参数
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    const code = params.get('code');
+    const state = params.get('state');
+    const provider = params.get('provider');
+    if (code) {
+      handleCallback(code, state, provider);
+    }
+  }, [handleCallback]);
+  return {
+    status,
+    user,
+    error,
+    handleCallback
+  };
+}
+
+/**
+ * 已关联账户
+ */
+function useLinkedAccounts() {
+  const [accounts, setAccounts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchAccounts = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await oauthApi.getLinkedAccounts();
+      setAccounts(response.data || []);
+      setError(null);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchAccounts();
+  }, [fetchAccounts]);
+  const linkAccount = useCallback(async provider => {
+    const response = await oauthApi.getAuthUrl({
+      provider,
+      redirectUri: window.location.origin + '/oauth/link-callback',
+      isLink: true
+    });
+    window.location.href = response.authUrl;
+  }, []);
+  const unlinkAccount = useCallback(async provider => {
+    try {
+      await oauthApi.unlinkAccount(provider);
+      setAccounts(prev => prev.filter(a => a.provider !== provider));
+    } catch (err) {
+      console.error('Unlink error:', err);
+      throw err;
+    }
+  }, []);
+  const isLinked = useCallback(provider => {
+    return accounts.some(a => a.provider === provider);
+  }, [accounts]);
+  return {
+    accounts,
+    loading,
+    error,
+    linkAccount,
+    unlinkAccount,
+    isLinked,
+    refresh: fetchAccounts
+  };
+}
+
+/**
+ * OAuth状态
+ */
+function useOAuthState() {
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const checkAuth = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await oauthApi.checkAuth();
+      setIsAuthenticated(response.isAuthenticated);
+      setUser(response.user);
+    } catch (err) {
+      setIsAuthenticated(false);
+      setUser(null);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    checkAuth();
+  }, [checkAuth]);
+  const logout = useCallback(async () => {
+    try {
+      await oauthApi.logout();
+      setIsAuthenticated(false);
+      setUser(null);
+    } catch (err) {
+      console.error('Logout error:', err);
+    }
+  }, []);
+  return {
+    isAuthenticated,
+    user,
+    loading,
+    logout,
+    refresh: checkAuth
+  };
+}
+
+/**
+ * 可用的OAuth提供商
+ */
+function useOAuthProviders() {
+  const [providers, setProviders] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const fetchProviders = useCallback(async () => {
+    try {
+      setLoading(true);
+      const response = await oauthApi.getProviders();
+      setProviders(response.data || []);
+    } catch (err) {
+      console.error('Get providers error:', err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchProviders();
+  }, [fetchProviders]);
+  return {
+    providers,
+    loading
+  };
+}
+
+/**
+ * 弹窗登录
+ */
+function openPopup(url, name) {
+  const width = 500;
+  const height = 600;
+  const left = (window.innerWidth - width) / 2 + window.screenX;
+  const top = (window.innerHeight - height) / 2 + window.screenY;
+  const popup = window.open(url, name, `width=${width},height=${height},left=${left},top=${top}`);
+  return new Promise((resolve, reject) => {
+    const checkClosed = setInterval(() => {
+      if (!popup || popup.closed) {
+        clearInterval(checkClosed);
+        reject(new Error('Login window closed'));
+      }
+    }, 500);
+
+    // 监听消息
+    const handleMessage = event => {
+      if (event.origin !== window.location.origin) return;
+      if (event.data?.type === 'oauth_callback') {
+        clearInterval(checkClosed);
+        window.removeEventListener('message', handleMessage);
+        popup?.close();
+        if (event.data.error) {
+          reject(new Error(event.data.error));
+        } else {
+          resolve(event.data.result);
+        }
+      }
+    };
+    window.addEventListener('message', handleMessage);
+  });
+}
+
+/**
+ * OAuth SDK - React 组件
+ * OAuth授权系统可视化组件
+ */
+
+
+// 提供商图标
+const providerIcons = {
+  google: '🔵',
+  apple: '🍎',
+  github: '⚫',
+  twitter: '🐦',
+  facebook: '📘',
+  discord: '🎮',
+  wechat: '💬',
+  qq: '🐧'
+};
+
+// 提供商品牌色
+const providerColors = {
+  google: '#4285f4',
+  apple: '#000000',
+  github: '#24292e',
+  twitter: '#1da1f2',
+  facebook: '#1877f2',
+  discord: '#5865f2',
+  wechat: '#07c160',
+  qq: '#12b7f5'
+};
+
+/**
+ * 第三方登录按钮
+ */
+function OAuthButton({
+  provider,
+  variant = 'default',
+  onSuccess,
+  onError
+}) {
+  const {
+    login,
+    loading
+  } = useOAuthLogin();
+  const handleClick = useCallback(async () => {
+    try {
+      const result = await login(provider, {
+        popup: true
+      });
+      onSuccess?.(result);
+    } catch (err) {
+      onError?.(err);
+    }
+  }, [login, provider, onSuccess, onError]);
+  const icon = providerIcons[provider] || '🔐';
+  const color = providerColors[provider];
+  return /*#__PURE__*/React.createElement("button", {
+    className: `eco-oauth-btn eco-oauth-btn-${variant} eco-oauth-btn-${provider}`,
+    onClick: handleClick,
+    disabled: loading,
+    style: variant === 'brand' ? {
+      backgroundColor: color
+    } : undefined
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-oauth-btn-icon"
+  }, icon), /*#__PURE__*/React.createElement("span", {
+    className: "eco-oauth-btn-text"
+  }, loading ? t('loading') : t('loginWith', {
+    provider: t(provider)
+  })));
+}
+
+/**
+ * 登录按钮组
+ */
+function OAuthButtonGroup({
+  providers = ['google', 'github', 'twitter'],
+  variant = 'default',
+  onSuccess,
+  onError
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-btn-group"
+  }, providers.map(provider => /*#__PURE__*/React.createElement(OAuthButton, {
+    key: provider,
+    provider: provider,
+    variant: variant,
+    onSuccess: onSuccess,
+    onError: onError
+  })));
+}
+
+/**
+ * 图标按钮组
+ */
+function OAuthIconGroup({
+  providers = ['google', 'github', 'twitter'],
+  onSuccess,
+  onError
+}) {
+  const {
+    login,
+    loading
+  } = useOAuthLogin();
+  const handleClick = useCallback(async provider => {
+    try {
+      const result = await login(provider, {
+        popup: true
+      });
+      onSuccess?.(result);
+    } catch (err) {
+      onError?.(err);
+    }
+  }, [login, onSuccess, onError]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-icon-group"
+  }, providers.map(provider => /*#__PURE__*/React.createElement("button", {
+    key: provider,
+    className: `eco-oauth-icon-btn eco-oauth-icon-${provider}`,
+    onClick: () => handleClick(provider),
+    disabled: loading,
+    title: t(provider),
+    style: {
+      backgroundColor: providerColors[provider]
+    }
+  }, providerIcons[provider] || '🔐')));
+}
+
+/**
+ * OAuth回调页面
+ */
+function OAuthCallbackPage({
+  onSuccess,
+  onError
+}) {
+  const {
+    status,
+    user,
+    error
+  } = useOAuthCallback();
+  if (status === 'loading') {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-spinner"
+    }), /*#__PURE__*/React.createElement("span", null, t('authorizing'))));
+  }
+  if (status === 'error') {
+    onError?.(error);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback-error"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-oauth-callback-icon"
+    }, "\u274C"), /*#__PURE__*/React.createElement("h3", null, t('failed')), /*#__PURE__*/React.createElement("p", null, error), /*#__PURE__*/React.createElement("button", {
+      onClick: () => window.close()
+    }, t('back'))));
+  }
+  if (status === 'success') {
+    onSuccess?.(user);
+
+    // 如果在弹窗中，发送消息给父窗口
+    if (window.opener) {
+      window.opener.postMessage({
+        type: 'oauth_callback',
+        result: {
+          user
+        }
+      }, window.location.origin);
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-callback-success"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "eco-oauth-callback-icon"
+    }, "\u2705"), /*#__PURE__*/React.createElement("h3", null, t('success')), /*#__PURE__*/React.createElement("p", null, t('continueAs', {
+      name: user?.name
+    }))));
+  }
+  return null;
+}
+
+/**
+ * 已关联账户列表
+ */
+function LinkedAccountsList() {
+  const {
+    accounts,
+    loading,
+    unlinkAccount,
+    isLinked
+  } = useLinkedAccounts();
+  const {
+    providers
+  } = useOAuthProviders();
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-linked eco-oauth-loading"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "eco-oauth-spinner"
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-linked"
+  }, /*#__PURE__*/React.createElement("h4", null, t('linkedAccounts')), accounts.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-linked-empty"
+  }, t('noLinkedAccounts')) : /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-linked-list"
+  }, accounts.map(account => /*#__PURE__*/React.createElement("div", {
+    key: account.provider,
+    className: "eco-oauth-linked-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-oauth-linked-icon",
+    style: {
+      backgroundColor: providerColors[account.provider]
+    }
+  }, providerIcons[account.provider]), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-linked-info"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "eco-oauth-linked-name"
+  }, t(account.provider)), /*#__PURE__*/React.createElement("span", {
+    className: "eco-oauth-linked-email"
+  }, account.email)), /*#__PURE__*/React.createElement("button", {
+    className: "eco-oauth-unlink-btn",
+    onClick: () => unlinkAccount(account.provider)
+  }, t('unlinkAccount'))))), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-link-more"
+  }, /*#__PURE__*/React.createElement("h5", null, t('linkAccount')), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-link-options"
+  }, providers.filter(p => !isLinked(p.id)).map(p => /*#__PURE__*/React.createElement(OAuthButton, {
+    key: p.id,
+    provider: p.id,
+    variant: "outline"
+  })))));
+}
+
+/**
+ * 登录模态框
+ */
+function OAuthLoginModal({
+  isOpen,
+  onClose,
+  onSuccess
+}) {
+  if (!isOpen) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-modal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-modal-overlay",
+    onClick: onClose
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-modal-content"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "eco-oauth-modal-close",
+    onClick: onClose
+  }, "\xD7"), /*#__PURE__*/React.createElement("h2", null, t('login')), /*#__PURE__*/React.createElement(OAuthButtonGroup, {
+    providers: ['google', 'github', 'twitter'],
+    variant: "brand",
+    onSuccess: result => {
+      onSuccess?.(result);
+      onClose();
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-modal-divider"
+  }, /*#__PURE__*/React.createElement("span", null, "\u6216")), /*#__PURE__*/React.createElement(OAuthIconGroup, {
+    providers: ['facebook', 'discord', 'apple'],
+    onSuccess: result => {
+      onSuccess?.(result);
+      onClose();
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "eco-oauth-modal-footer"
+  }, /*#__PURE__*/React.createElement("span", null, t('byLoggingIn')), /*#__PURE__*/React.createElement("a", {
+    href: "/terms"
+  }, t('termsOfService')), /*#__PURE__*/React.createElement("span", null, t('and')), /*#__PURE__*/React.createElement("a", {
+    href: "/privacy"
+  }, t('privacyPolicy')))));
+}
+
+/**
+ * @quantabit/oauth-sdk
+ * OAuth System SDK - Full Version
+ */
+
+const getAuthUrl = (...args) => oauthApi.getAuthUrl(...args);
+const handleCallback = (...args) => oauthApi.handleCallback(...args);
+const checkAuth = (...args) => oauthApi.checkAuth(...args);
+const logout = (...args) => oauthApi.logout(...args);
+const getLinkedAccounts = (...args) => oauthApi.getLinkedAccounts(...args);
+
+export { BindingStatus, ConnectionStatus, LinkedAccountsList, OAuthApiClient, OAuthButton, OAuthButtonGroup, OAuthCallbackPage, OAuthIconGroup, OAuthLoginModal, OAuthProvider, OAuthScope, SUPPORTED_LANGUAGES, checkAuth, getAuthUrl, getLanguage, getLinkedAccounts, handleCallback, logout, messages, oauthApi, setLanguage, t, useLinkedAccounts, useOAuthCallback, useOAuthLogin, useOAuthProviders, useOAuthState };
+//# sourceMappingURL=index.esm.js.map