@taskon/widget-react 0.0.1-beta.1 → 0.0.1-beta.3

package/dist/user-center.d.ts

@@ -214,31 +214,6 @@ export declare interface FrozenAssetListProps {
     onClose?: () => void;
 }
 
-/**
- * 免 Gas 提现状态（扩展 WithdrawStatus）
- */
-export declare type GasFreeWithdrawStatus = WithdrawStatus | "polling";
-
-/**
- * 免 Gas 提现 Token 项
- */
-export declare interface GasFreeWithdrawTokenItem {
-    /** Token ID */
-    tokenId: number;
-    /** Token 符号 */
-    tokenSymbol: string;
-    /** Token 图标 */
-    tokenIcon: string;
-    /** Token 合约地址 */
-    tokenAddress: string;
-    /** 链标识 */
-    chain: string;
-    /** 链名称 */
-    chainLabel: string;
-    /** 提现金额（显示值） */
-    amount: string;
-}
-
 export { getChainIcon }
 
 export { getChainName }
@@ -399,11 +374,6 @@ export declare interface TabBarProps {
     className?: string;
 }
 
-/**
- * 将 Token 余额转换为免 Gas 提现项
- */
-export declare function toGasFreeWithdrawItem(token: UserTokenBalanceListItem): GasFreeWithdrawTokenItem;
-
 /**
  * TokenAssetList 组件
  *
@@ -418,7 +388,7 @@ export declare function toGasFreeWithdrawItem(token: UserTokenBalanceListItem):
  * />
  * ```
  */
-export declare function TokenAssetList({ data, loading, error, messages, pendingWithdrawals, onWithdraw, }: TokenAssetListProps): default_2.ReactElement;
+export declare function TokenAssetList({ data, loading, error, messages, pendingWithdrawals, onWithdraw, onViewFrozen, }: TokenAssetListProps): default_2.ReactElement;
 
 /**
  * TokenAssetList 属性
@@ -731,105 +701,6 @@ export declare interface UseFrozenAssetsResult {
     canResend: (item: LockedTokenListItem) => boolean;
 }
 
-/**
- * 免 Gas 提现状态机 Hook
- *
- * @param options - 配置选项
- * @returns 提现状态和操作方法
- *
- * @example
- * ```tsx
- * const {
- *   status,
- *   tokens,
- *   gasFreeRemaining,
- *   initWithdraw,
- *   checkAndConnect,
- *   confirmWithdraw,
- *   cancelWithdraw,
- * } = useGasFreeWithdraw({
- *   userAddress: user.bindAddress,
- *   onSuccess: (txHash) => console.log('提现成功:', txHash),
- * });
- *
- * // 发起免 Gas 提现
- * const handleWithdraw = async (token) => {
- *   initWithdraw(token);
- *   const canProceed = await checkAndConnect();
- *   if (canProceed && gasFreeRemaining > 0) {
- *     // 显示确认弹窗
- *   }
- * };
- *
- * // 用户确认后
- * await confirmWithdraw();
- *
- * // 轮询状态提示
- * {status === 'polling' && (
- *   <div>Processing withdrawal via Gas Station...</div>
- * )}
- * ```
- */
-export declare function useGasFreeWithdraw(options?: UseGasFreeWithdrawOptions): UseGasFreeWithdrawResult;
-
-/**
- * useGasFreeWithdraw Hook 配置选项
- */
-export declare interface UseGasFreeWithdrawOptions {
-    /** 用户绑定的钱包地址（用于验证） */
-    userAddress?: string;
-    /** 提现完成回调 */
-    onSuccess?: (txHash: string) => void;
-    /** 提现取消回调 */
-    onCancel?: () => void;
-    /** 提现失败回调 */
-    onError?: (error: Error) => void;
-    /** 钱包连接成功回调 */
-    onConnect?: (address: string) => void;
-    /** 轮询间隔（毫秒，默认 3000） */
-    pollingInterval?: number;
-    /** 最大轮询次数（默认 100） */
-    maxPollingAttempts?: number;
-}
-
-/**
- * useGasFreeWithdraw Hook 返回结果
- */
-export declare interface UseGasFreeWithdrawResult {
-    /** 当前状态 */
-    status: GasFreeWithdrawStatus;
-    /** 待提现的 Token 列表 */
-    tokens: GasFreeWithdrawTokenItem[];
-    /** 错误信息 */
-    error: Error | null;
-    /** 错误类型 */
-    errorType: TxErrorType | null;
-    /** 交易哈希（成功后） */
-    txHash: string | null;
-    /** 免 Gas 提现剩余次数 */
-    gasFreeRemaining: number | null;
-    /** 链信息是否已加载 */
-    chainMapLoaded: boolean;
-    /** 正在获取免 Gas 次数 */
-    gasFreeFetching: boolean;
-    /** 已连接的钱包地址 */
-    connectedAddress: string | null;
-    /** 初始化提现（单个 Token） */
-    initWithdraw: (token: UserTokenBalanceListItem) => void;
-    /** 初始化批量提现 */
-    initBatchWithdraw: (tokens: UserTokenBalanceListItem[]) => void;
-    /** 检查钱包并连接（在确认前调用） */
-    checkAndConnect: () => Promise<boolean>;
-    /** 确认提现 */
-    confirmWithdraw: () => Promise<void>;
-    /** 取消提现 */
-    cancelWithdraw: () => void;
-    /** 重置状态 */
-    reset: () => void;
-    /** 刷新免 Gas 次数 */
-    refreshGasFreeTimes: (chain: string) => Promise<void>;
-}
-
 /**
  * 获取用户 Identity 数据
  *
@@ -1016,12 +887,6 @@ export declare interface UserCenterMessages {
     cancel: string;
     /** 关闭按钮 */
     close: string;
-    /** 免 Gas 提现按钮 */
-    gasFreeWithdraw: string;
-    /** 免 Gas 提现剩余次数 */
-    gasFreeRemaining: string;
-    /** 通过 Gas Station 处理中 */
-    pollingStatus: string;
     /** Detail 列标题 */
     columnDetail: string;
     /** Duration 列标题 */
@@ -1226,12 +1091,24 @@ export declare interface UserCenterMessages {
     claimSuccess?: string;
     /** Claim 失败 */
     claimFailed?: string;
+    /** 用户取消 Claim */
+    claimCanceled?: string;
     /** 查看交易 */
     viewOnExplorer?: string;
     /** Pending 交易标题 */
     pendingTransaction?: string;
     /** Pending 交易提示 */
     pendingTxMessage?: string;
+    /** Pending 标题（原版文案） */
+    claimPendingTitle?: string;
+    /** Pending 跳转区块浏览器提示 */
+    claimPendingCheckExplorer?: string;
+    /** Pending 哈希标签 */
+    claimPendingHashLabel?: string;
+    /** Claim Again 风险提示 */
+    claimPendingClaimAgainWarn?: string;
+    /** 重发时接收地址不可更改提示 */
+    claimPendingReceiveAddressNoChange?: string;
     /** 继续等待 */
     continueWaiting?: string;
     /** 重新 Claim */
@@ -1244,6 +1121,8 @@ export declare interface UserCenterMessages {
     errorNetworkSwitch?: string;
     /** Gas 不足错误 */
     errorInsufficientGas?: string;
+    /** 提现前未绑定钱包地址 */
+    walletNotBind?: string;
 }
 
 /**
@@ -1275,6 +1154,11 @@ export declare interface UserCenterWidgetProps {
      * Cloud config provides tab options, display settings, etc.
      */
     widgetId?: number;
+    /**
+     * Manual theme mode override (highest priority when provided).
+     * Recommended with dual + toggle cloud strategy.
+     */
+    themeMode?: "light" | "dark" | "auto";
     /** Widget 配置 */
     config?: UserCenterConfig;
     /** 默认选中的 Tab */

package/dist/user-center.js

@@ -1,13 +1,12 @@
-import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-BVw_IEEd.js";
+import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-CAhgp46j.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LoadingState, E as EmptyState, P as Pagination } from "./chunks/UserCenterWidget-BE329iS7.js";
-import { T, e as e2, f as f2, d as d2, t, c as c2, u as u2, a as a2, b as b2 } from "./chunks/UserCenterWidget-BE329iS7.js";
-import { formatLocalDate, formatTokenAmount as formatTokenAmount$1, RewardType, USER_CENTER_PAGE_SIZE, createUserCenterApi } from "@taskon/core";
+import { L as LoadingState, E as EmptyState, P as Pagination } from "./chunks/UserCenterWidget-B0O-f_xl.js";
+import { F, T, d as d2, f as f2, t, c as c2, u as u2, a as a2, b as b2 } from "./chunks/UserCenterWidget-B0O-f_xl.js";
+import { formatLocalDate, formatTokenAmount as formatTokenAmount$1, RewardType, createUserCenterApi } from "@taskon/core";
 import { getChainIcon, getChainName, getSocialIcon, toWei, truncateAddress } from "@taskon/core";
-import { D as Dialog } from "./chunks/WidgetShell-D_5OjvNZ.js";
-import { B as Button, T as Table, u as usePagination } from "./chunks/dynamic-import-helper-DxEFwm31.js";
+import { D as Dialog, B as Button } from "./chunks/dynamic-import-helper-B2j_dZ4V.js";
 import { useState, useMemo, useCallback, useEffect } from "react";
-import { b as useTaskOnContext } from "./chunks/ThemeProvider-wnSXrNQb.js";
+import { d as useTaskOnContext } from "./chunks/ThemeProvider-DNJqI2lD.js";
 function getTabLabel(tab, messages) {
   switch (tab) {
     case "MyRewards":
@@ -38,7 +37,7 @@ function TabBar({
     tab
   )) });
 }
-function formatTime$1(timestamp) {
+function formatTime(timestamp) {
   return formatLocalDate(timestamp);
 }
 function formatTokenAmount(amount) {
@@ -87,7 +86,7 @@ function TokenRow({ item, onClick }) {
           ] }),
           /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_name })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime$1(item.reward_time) })
+        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) })
       ]
     }
   );
@@ -107,8 +106,8 @@ function NftRow({
         {
           type: "button",
           className: "taskon-reward-detail__claimed-link",
-          onClick: (e3) => {
-            e3.stopPropagation();
+          onClick: (e2) => {
+            e2.stopPropagation();
             onTxClick == null ? void 0 : onTxClick();
           },
           title: nftValue.tx_hash,
@@ -122,8 +121,8 @@ function NftRow({
         {
           type: "button",
           className: "taskon-reward-detail__claim-btn",
-          onClick: (e3) => {
-            e3.stopPropagation();
+          onClick: (e2) => {
+            e2.stopPropagation();
             onClaim == null ? void 0 : onClaim();
           },
           children: messages.claim
@@ -152,7 +151,7 @@ function NftRow({
           /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__primary", children: nftValue.collection_name }),
           /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_name })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime$1(item.reward_time) }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) }),
         /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--action", children: renderNftAction() })
       ]
     }
@@ -171,7 +170,7 @@ function SimpleRow({ item, onClick }) {
           /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__primary", children: item.campaign_name }),
           /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_type })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime$1(item.reward_time) })
+        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) })
       ]
     }
   );
@@ -235,7 +234,7 @@ function RewardDetailList({
     loading && data.length > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__loading-more", children: /* @__PURE__ */ jsx("div", { className: "taskon-user-center-loading__spinner" }) })
   ] });
 }
-function formatAmount$1(amount) {
+function formatAmount(amount) {
   const num = parseFloat(amount);
   if (isNaN(num) || num === 0) return "0";
   return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
@@ -344,7 +343,7 @@ function WithdrawModal({
                     /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-chain", children: token.chainLabel })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-amount", children: formatAmount$1(token.amount) })
+                /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-amount", children: formatAmount(token.amount) })
               ]
             },
             token.tokenId
@@ -376,220 +375,6 @@ function WithdrawModal({
     }
   );
 }
-function formatTime(timestamp) {
-  const date = new Date(timestamp);
-  return date.toLocaleDateString(void 0, {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function formatAmount(amount) {
-  const num = parseFloat(amount);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function getLockedTypeLabel(type, messages) {
-  switch (type) {
-    case "Campaign":
-      return messages.frozenTypeCampaign ?? "Campaign Locked";
-    case "Withdraw":
-      return messages.frozenTypeWithdraw ?? "Pending Withdrawal";
-    case "ReferralReward":
-      return messages.frozenTypeReferral ?? "Referral Locked";
-    case "Benefit":
-      return messages.frozenTypeBenefit ?? "Benefit Locked";
-    case "TgMiniApp":
-      return messages.frozenTypeTgMiniApp ?? "TG Mini App";
-    case "CommunityMilestone":
-      return messages.frozenTypeMilestone ?? "Milestone Locked";
-    default:
-      return type;
-  }
-}
-function FrozenAssetList({
-  data,
-  loading,
-  error,
-  pagination,
-  messages,
-  canResend,
-  onResend,
-  onClose
-}) {
-  if (loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error.message }) });
-  }
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.noData });
-  }
-  const columns = [
-    {
-      key: "locked_amount",
-      title: messages.columnAmount,
-      width: 120,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-frozen-assets__amount", children: formatAmount(row.locked_amount) })
-    },
-    {
-      key: "type",
-      title: messages.columnDetail,
-      render: (_, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-frozen-assets__detail-cell", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-frozen-assets__type", children: getLockedTypeLabel(row.type, messages) }),
-        row.campaign_name && /* @__PURE__ */ jsx("span", { className: "taskon-frozen-assets__campaign", children: row.campaign_name })
-      ] })
-    },
-    {
-      key: "lock_time",
-      title: messages.columnTime,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-frozen-assets__time", children: formatTime(row.lock_time) })
-    },
-    {
-      key: "action",
-      title: messages.columnAction ?? "Action",
-      width: 100,
-      align: "right",
-      render: (_, row) => {
-        if (!canResend(row) || !onResend) return null;
-        return /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "small",
-            onClick: () => onResend(row),
-            className: "taskon-frozen-assets__resend-btn",
-            children: messages.resend
-          }
-        );
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-frozen-assets", children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-frozen-assets__header", children: [
-      /* @__PURE__ */ jsx("h3", { className: "taskon-frozen-assets__title", children: messages.frozenAssets }),
-      onClose && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-frozen-assets__close",
-          onClick: onClose,
-          "aria-label": "Close",
-          children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig: {
-          getRowKey: (row, index) => `${row.lock_time}-${index}`
-        },
-        striped: true,
-        loading: loading && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.noData
-        }
-      }
-    ),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
-      }
-    )
-  ] });
-}
-function useFrozenAssets(options) {
-  const { tokenId, pageSize = USER_CENTER_PAGE_SIZE, autoLoad = true } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 1,
-    mode: "pagination"
-  });
-  const fetchData = useCallback(
-    async (pageNo) => {
-      if (!api) {
-        setError(new Error("TaskOn client not initialized"));
-        return;
-      }
-      if (!tokenId) {
-        setError(new Error("Token ID is required"));
-        return;
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await api.getLockedTokenList({
-          token_id: tokenId,
-          page: {
-            page_no: pageNo - 1,
-            // API 使用 0-based 索引
-            size: pageSize
-          }
-        });
-        setData(response.data);
-        setTotal(response.total);
-      } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Failed to fetch frozen assets")
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [api, tokenId, pageSize]
-  );
-  const refresh = useCallback(async () => {
-    pagination.goToPage(1);
-    await fetchData(1);
-  }, [fetchData, pagination]);
-  const canResend = useCallback((item) => {
-    return item.type === "Withdraw";
-  }, []);
-  useEffect(() => {
-    if (autoLoad && tokenId) {
-      fetchData(1);
-    }
-  }, [autoLoad, tokenId, fetchData]);
-  useEffect(() => {
-    if (pagination.page > 1) {
-      fetchData(pagination.page);
-    }
-  }, [pagination.page, fetchData]);
-  return {
-    data,
-    loading,
-    error,
-    total,
-    pagination,
-    refresh,
-    canResend
-  };
-}
 function calculateXpLevelData(userInfo) {
   const xpPointsInfo = userInfo.points_list[0];
   if (!xpPointsInfo) return null;
@@ -680,7 +465,7 @@ export {
   a as AssetCard,
   b as AssetCarousel,
   EmptyState,
-  FrozenAssetList,
+  F as FrozenAssetList,
   LoadingState,
   Pagination,
   RewardDetailList,
@@ -688,20 +473,18 @@ export {
   T as TokenAssetList,
   U as UserCenterWidget,
   WithdrawModal,
-  e2 as buildRewardCards,
+  d2 as buildRewardCards,
   f2 as formatTokenAmount,
   getChainIcon,
   getChainName,
   getSocialIcon,
-  d2 as toGasFreeWithdrawItem,
   toWei,
   t as toWithdrawItem,
   truncateAddress,
   u as useActivityHistory,
   g as useBindWallet,
   h as useDisableUnlink,
-  useFrozenAssets,
-  d as useGasFreeWithdraw,
+  d as useFrozenAssets,
   e as useIdentityData,
   c2 as usePointsHistory,
   u2 as useRewardDetails,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskon/widget-react",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.3",
   "description": "TaskOn React Widget Library",
   "type": "module",
   "main": "./dist/index.js",
@@ -46,6 +46,9 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
     "lint": "eslint . --max-warnings 0",
     "check-types": "tsc --noEmit",
     "prepublishOnly": "node ../../scripts/prepublish.js && pnpm build",
@@ -67,6 +70,7 @@
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/coverage-v8": "^4.0.18",
     "eslint": "^9.39.1",
     "ethers": "^6.0.0",
     "react": "^19.2.0",
@@ -74,7 +78,8 @@
     "typescript": "5.9.2",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "@taskon/core": "^0.0.1",