@taskon/widget-react 0.0.1-beta.2 → 0.0.1-beta.4

package/dist/chunks/{UserCenterWidget-Cw6h_5hT.js → UserCenterWidget-BRtigY_S.js}

@@ -1,13 +1,10 @@
-import { T as Table, u as usePagination, B as Button, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-DxEFwm31.js";
+import { T as Table, u as usePagination, D as Dialog, B as Button, a as useResolvedWidgetConfig, W as WidgetShell, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-DwXlQC0S.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useLayoutEffect, useMemo, useEffect } from "react";
-import { UserCenterRewardCardType, USER_CENTER_PAGE_SIZE, createUserCenterApi, GasStationRequestStatus, SnsType, createUserApi, VerifyCodeType, createNftClaimApi, NftClaimError, NftClaimErrorType, getNftClaimType, getNftChainName, generatePendingKey, getPendingHash, shouldUseGasStation, NftClaimType, bMintedNftAbi, capNftAbi, setPendingHash, clearPendingHash, RewardType, isNftClaimed, isNftClaimable, getChainName, truncateAddress, filterEnabledAccounts, filterEnabledWallets, getTxExplorerUrl, openInNewTab, USER_CENTER_REWARD_CARD_TYPES, getDefaultTabConfig, filterEnabledTabs, UserCenterTabType } from "@taskon/core";
-import { b as useTaskOnContext } from "./ThemeProvider-wnSXrNQb.js";
-import { L as LoadingState, E as EmptyState, P as Pagination, g as formatDateTime, e as buildRewardCards, h as TxErrorType, d as toGasFreeWithdrawItem, i as TransactionError, j as isSameAddress, p as parseTxError, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, W as WithdrawForm, k as PointsList, l as TokenRewardContent, m as enMessages } from "./UserCenterWidget-BE329iS7.js";
-import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D_5OjvNZ.js";
-import { u as useWidgetLocale } from "./useWidgetLocale-JDelxtt8.js";
-import { u as useChainMap, a as useBindSocialAccount, I as Input } from "./TipPopover-BrW8jo71.js";
-import { u as useWallet, b as useToast } from "./useToast-B-wyO5zL.js";
+import { UserCenterRewardCardType, USER_CENTER_PAGE_SIZE, createUserCenterApi, SnsType, createUserApi, VerifyCodeType, getChainName, truncateAddress, filterEnabledAccounts, filterEnabledWallets, USER_CENTER_REWARD_CARD_TYPES, RewardType, toWei, LockedType, filterEnabledTabs, UserCenterTabType } from "@taskon/core";
+import { d as useTaskOnContext, b as useWidgetLocale } from "./ThemeProvider-CPI_roeh.js";
+import { L as LoadingState, E as EmptyState, P as Pagination, e as formatDateTime, A as AssetImage, d as buildRewardCards, g as useBindSocialAccount, I as Input, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, W as WithdrawForm, h as PointsList, N as NftRewardContent, i as TokenRewardContent, j as enMessages } from "./UserCenterWidget-cADBSVg7.js";
+import { u as useWallet, d as useToast } from "./useToast-CaRkylKe.js";
 import '../UserCenterWidget.css';function Tabs({
   items,
   activeKey,
@@ -588,162 +585,6 @@ function XpLevelCard({
     ] })
   ] });
 }
-const DEFAULT_WHITELIST_IMAGE = "data:image/svg+xml,%3Csvg width='80' height='81' viewBox='0 0 80 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_7084_12942' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='80' height='81'%3E%3Crect y='0.00146484' width='80' height='80' rx='4' fill='%23CBFF01'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7084_12942)'%3E%3Crect width='80' height='80' rx='4' fill='url(%23paint0_linear_7084_12942)'/%3E%3Cpath d='M19.416 20.3864C5.81087 25.7182 -0.895974 41.0695 4.4358 54.6746C9.76758 68.2797 25.119 74.9866 38.724 69.6548L60.3663 61.1733C73.9714 55.8415 80.6783 40.4901 75.3465 26.885C70.0147 13.2799 54.6634 6.57309 41.0583 11.9049L19.416 20.3864Z' fill='%2300FFA3'/%3E%3Cpath d='M53.1374 21.1072H26.6534C15.7884 21.1072 6.98047 29.915 6.98047 40.7801C6.98047 51.6451 15.7884 60.4529 26.6534 60.4529H53.1374C64.0025 60.4529 72.8104 51.6451 72.8104 40.7801C72.8104 29.915 64.0025 21.1072 53.1374 21.1072Z' fill='black'/%3E%3Cpath d='M17.5691 43.286L14.8984 34.8704H16.9994L18.9223 41.3513H18.0083L19.9074 34.8704H21.6048L23.504 41.3513H22.6019L24.5247 34.8704H26.6138L23.9313 43.286H22.222L20.3229 36.817H21.1775L19.2902 43.286H17.5691Z' fill='white'/%3E%3Cpath d='M31.1209 43.286V40.01C31.1209 39.7409 31.0418 39.5312 30.8836 39.3809C30.7253 39.2226 30.5235 39.1435 30.2782 39.1435C30.112 39.1435 29.9617 39.1791 29.8272 39.2503C29.7005 39.3215 29.6016 39.4205 29.5304 39.5471C29.4592 39.6737 29.4236 39.828 29.4236 40.01L28.6164 39.6302C28.6164 39.1633 28.7114 38.7637 28.9013 38.4313C29.0991 38.0911 29.3682 37.8299 29.7085 37.6479C30.0487 37.458 30.4444 37.363 30.8954 37.363C31.3623 37.363 31.7659 37.458 32.1061 37.6479C32.4543 37.8299 32.7194 38.0831 32.9014 38.4076C33.0913 38.732 33.1863 39.1079 33.1863 39.5352V43.286H31.1209ZM27.3583 43.286V34.633H29.4236V43.286H27.3583Z' fill='white'/%3E%3Cpath d='M34.2665 43.286V37.4817H36.3437V43.286H34.2665ZM35.2992 36.8052C34.9906 36.8052 34.7334 36.7023 34.5276 36.4966C34.3219 36.2829 34.219 36.0178 34.219 35.7013C34.219 35.3927 34.3219 35.1315 34.5276 34.9179C34.7334 34.7042 34.9906 34.5974 35.2992 34.5974C35.6236 34.5974 35.8847 34.7042 36.0826 34.9179C36.2883 35.1315 36.3912 35.3927 36.3912 35.7013C36.3912 36.0178 36.2883 36.2829 36.0826 36.4966C35.8847 36.7023 35.6236 36.8052 35.2992 36.8052Z' fill='white'/%3E%3Cpath d='M38.3424 43.286V35.0841H40.4078V43.286H38.3424ZM37.0605 39.2028V37.4817H41.6897V39.2028H37.0605Z' fill='white'/%3E%3Cpath d='M45.2547 43.4166C44.6058 43.4166 44.0321 43.29 43.5336 43.0368C43.035 42.7756 42.6433 42.4156 42.3585 41.9566C42.0736 41.4977 41.9312 40.9714 41.9312 40.3779C41.9312 39.7924 42.0696 39.2741 42.3466 38.823C42.6236 38.3641 42.9994 38.004 43.4742 37.7429C43.9569 37.4738 44.499 37.3393 45.1004 37.3393C45.6859 37.3393 46.2042 37.4659 46.6553 37.7191C47.1143 37.9644 47.4703 38.3087 47.7236 38.7518C47.9847 39.187 48.1153 39.6855 48.1153 40.2474C48.1153 40.3661 48.1073 40.4887 48.0915 40.6153C48.0836 40.734 48.0599 40.8725 48.0203 41.0308L42.9045 41.0545V39.7251L47.2013 39.6895L46.2755 40.2711C46.2675 39.9467 46.2201 39.6816 46.133 39.4758C46.046 39.2622 45.9194 39.1 45.7532 38.9892C45.587 38.8784 45.3773 38.823 45.1241 38.823C44.863 38.823 44.6374 38.8863 44.4475 39.0129C44.2576 39.1395 44.1112 39.3176 44.0084 39.5471C43.9055 39.7765 43.854 40.0535 43.854 40.3779C43.854 40.7103 43.9094 40.9952 44.0202 41.2326C44.131 41.462 44.2893 41.6361 44.495 41.7548C44.7008 41.8735 44.954 41.9329 45.2547 41.9329C45.5395 41.9329 45.7888 41.8854 46.0025 41.7904C46.224 41.6955 46.4219 41.5491 46.5959 41.3513L47.6761 42.4314C47.3912 42.7558 47.043 43.0011 46.6316 43.1673C46.228 43.3335 45.769 43.4166 45.2547 43.4166Z' fill='white'/%3E%3Cpath d='M48.8952 43.286V34.633H50.9606V43.286H48.8952Z' fill='white'/%3E%3Cpath d='M52.1637 43.286V37.4817H54.2409V43.286H52.1637ZM53.1964 36.8052C52.8878 36.8052 52.6306 36.7023 52.4249 36.4966C52.2191 36.2829 52.1163 36.0178 52.1163 35.7013C52.1163 35.3927 52.2191 35.1315 52.4249 34.9179C52.6306 34.7042 52.8878 34.5974 53.1964 34.5974C53.5208 34.5974 53.782 34.7042 53.9798 34.9179C54.1855 35.1315 54.2884 35.3927 54.2884 35.7013C54.2884 36.0178 54.1855 36.2829 53.9798 36.4966C53.782 36.7023 53.5208 36.8052 53.1964 36.8052Z' fill='white'/%3E%3Cpath d='M57.6522 43.4522C57.2961 43.4522 56.944 43.4047 56.5958 43.3098C56.2555 43.2148 55.935 43.0882 55.6343 42.9299C55.3415 42.7638 55.0923 42.5738 54.8865 42.3602L56.0142 41.2088C56.2041 41.4067 56.4296 41.561 56.6907 41.6717C56.9598 41.7825 57.2446 41.8379 57.5453 41.8379C57.7194 41.8379 57.85 41.8142 57.937 41.7667C58.032 41.7192 58.0795 41.652 58.0795 41.5649C58.0795 41.4383 58.0122 41.3433 57.8777 41.28C57.7511 41.2088 57.581 41.1495 57.3673 41.102C57.1616 41.0466 56.9439 40.9833 56.7145 40.9121C56.485 40.8329 56.2634 40.7301 56.0498 40.6035C55.8361 40.4769 55.662 40.2988 55.5275 40.0693C55.4009 39.8399 55.3376 39.5471 55.3376 39.191C55.3376 38.8191 55.4365 38.4946 55.6343 38.2177C55.8401 37.9328 56.1249 37.7112 56.4889 37.553C56.8529 37.3868 57.2803 37.3037 57.7709 37.3037C58.2694 37.3037 58.7442 37.3907 59.1952 37.5648C59.6463 37.731 60.0103 37.9842 60.2872 38.3245L59.1478 39.4758C58.9578 39.2622 58.7481 39.1158 58.5187 39.0367C58.2892 38.9496 58.0795 38.9061 57.8896 38.9061C57.7076 38.9061 57.577 38.9338 57.4979 38.9892C57.4187 39.0367 57.3792 39.1039 57.3792 39.191C57.3792 39.2938 57.4425 39.3769 57.5691 39.4402C57.7036 39.5035 57.8737 39.5629 58.0795 39.6183C58.2931 39.6658 58.5107 39.7291 58.7323 39.8082C58.9618 39.8873 59.1794 39.9981 59.3851 40.1406C59.5988 40.2751 59.7689 40.4571 59.8955 40.6866C60.0301 40.916 60.0973 41.2128 60.0973 41.5768C60.0973 42.1544 59.8758 42.6134 59.4326 42.9537C58.9895 43.286 58.396 43.4522 57.6522 43.4522Z' fill='white'/%3E%3Cpath d='M61.8268 43.286V35.0841H63.8921V43.286H61.8268ZM60.5449 39.2028V37.4817H65.174V39.2028H60.5449Z' fill='white'/%3E%3Cpath d='M47.7919 52.0511C47.7919 52.0511 44.2559 55.8169 39.894 55.8169C35.5321 55.8169 31.9961 52.0511 31.9961 52.0511C31.9961 52.0511 35.5321 48.2854 39.8938 48.2854C44.2556 48.2854 47.7919 52.0511 47.7919 52.0511Z' fill='%2300FFA3'/%3E%3Cpath d='M38.8667 54.9634L36.1367 52.2334L37.0466 51.3234L38.8667 53.1435L42.6369 49.3734L43.5468 50.2833L38.8667 54.9634Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7084_12942' x1='-5.83666e-07' y1='33.1271' x2='80.0095' y2='32.9475' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300FFA3'/%3E%3Cstop offset='1' stop-color='%23F2FFC1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E";
-function AssetImage({
-  src,
-  chain,
-  alt = "",
-  size = 60,
-  className = "",
-  useWhitelistDefault = false
-}) {
-  const { chainMap } = useChainMap();
-  const chainInfo = chain ? chainMap[chain.toLowerCase()] : void 0;
-  const imageSrc = src || (useWhitelistDefault ? DEFAULT_WHITELIST_IMAGE : "");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `taskon-asset-image ${className}`,
-      style: { width: size, height: size },
-      children: [
-        imageSrc ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: imageSrc,
-            alt,
-            className: "taskon-asset-image__main"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "taskon-asset-image__placeholder" }),
-        (chainInfo == null ? void 0 : chainInfo.icon) && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: chainInfo.icon,
-            alt: chainInfo.label || chain,
-            className: "taskon-asset-image__chain"
-          }
-        )
-      ]
-    }
-  );
-}
-function NftTable({
-  data,
-  loading,
-  error,
-  pagination,
-  messages,
-  onClaim,
-  onTxClick
-}) {
-  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.emptyNft });
-  }
-  const renderStatus = (item) => {
-    const nftValue = item.reward_value;
-    if (nftValue.tx_hash) {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-reward-table__link",
-          onClick: (e) => {
-            e.stopPropagation();
-            onTxClick == null ? void 0 : onTxClick(item);
-          },
-          title: nftValue.tx_hash,
-          children: messages.claimedTxn
-        }
-      );
-    }
-    if (nftValue.claimable) {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-reward-table__claim-btn",
-          onClick: (e) => {
-            e.stopPropagation();
-            onClaim == null ? void 0 : onClaim(item);
-          },
-          children: messages.claim
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manualDrop });
-  };
-  const columns = [
-    {
-      key: "nft",
-      title: messages.columnNft,
-      width: 100,
-      render: (_, row) => {
-        const nftValue = row.reward_value;
-        return /* @__PURE__ */ jsx(
-          AssetImage,
-          {
-            src: nftValue.collection_image,
-            chain: nftValue.chain,
-            alt: nftValue.collection_name,
-            size: 60
-          }
-        );
-      }
-    },
-    {
-      key: "detail",
-      title: messages.columnDetail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: row.campaign_name })
-    },
-    {
-      key: "time",
-      title: messages.columnTime,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
-    },
-    {
-      key: "status",
-      title: messages.columnStatus,
-      width: 120,
-      align: "right",
-      render: (_, row) => renderStatus(row)
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-table", children: [
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig: {
-          getRowKey: (row, index) => `${row.campaign_id}-${row.reward_time}-${index}`
-        },
-        loading: loading && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.emptyNft
-        }
-      }
-    ),
-    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 WhitelistTable({
   data,
   loading,
@@ -1063,276 +904,85 @@ function useUserRewards(options = {}) {
     refresh
   };
 }
-function useGasFreeWithdraw(options = {}) {
-  const {
-    userAddress,
-    onSuccess,
-    onCancel,
-    onError,
-    onConnect,
-    pollingInterval = 3e3,
-    maxPollingAttempts = 100
-  } = options;
+function useFrozenAssets(options) {
+  const { tokenId, pageSize = USER_CENTER_PAGE_SIZE, autoLoad = true } = options;
   const { client } = useTaskOnContext();
-  const { evmAddress, connectEvm } = useWallet();
-  const { isLoaded: chainMapLoaded } = useChainMap();
-  const [status, setStatus] = useState("init");
-  const [tokens, setTokens] = useState([]);
+  const [data, setData] = useState([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
-  const [errorType, setErrorType] = useState(null);
-  const [txHash, setTxHash] = useState(null);
-  const [gasFreeRemaining, setGasFreeRemaining] = useState(null);
-  const [gasFreeFetching, setGasFreeFetching] = useState(false);
-  const [connectedAddress, setConnectedAddress] = useState(null);
-  const pollingTimerRef = useRef(null);
-  const pollingAttemptsRef = useRef(0);
   const api = useMemo(() => {
     if (!client) return null;
     return createUserCenterApi(client);
   }, [client]);
-  useEffect(() => {
-    return () => {
-      if (pollingTimerRef.current) {
-        clearTimeout(pollingTimerRef.current);
-        pollingTimerRef.current = null;
-      }
-    };
-  }, []);
-  const refreshGasFreeTimes = useCallback(
-    async (chain) => {
-      if (!api) return;
-      setGasFreeFetching(true);
-      try {
-        const times = await api.getTokenWithdrawGasFreeTimes({ chain });
-        setGasFreeRemaining(times);
-      } catch (err) {
-        console.error("Failed to get gas free times:", err);
-      } finally {
-        setGasFreeFetching(false);
-      }
-    },
-    [api]
-  );
-  const pollGasStationResult = useCallback(
-    async (requestId) => {
-      if (!api) return;
-      pollingAttemptsRef.current += 1;
-      try {
-        const result = await api.getGasStationAirdropResult({
-          gas_station_request_id: requestId
-        });
-        switch (result.gas_station_request_status) {
-          case GasStationRequestStatus.Success:
-            setTxHash(result.tx_hash);
-            setStatus("success");
-            onSuccess == null ? void 0 : onSuccess(result.tx_hash);
-            break;
-          case GasStationRequestStatus.Failed:
-            const failError = new Error("Gas Station withdrawal failed");
-            setError(failError);
-            setErrorType(TxErrorType.TransactionFailed);
-            setStatus("init");
-            onError == null ? void 0 : onError(failError);
-            break;
-          case GasStationRequestStatus.Pending:
-          case GasStationRequestStatus.Processing:
-            if (pollingAttemptsRef.current >= maxPollingAttempts) {
-              const timeoutError = new Error(
-                "Withdrawal timeout, please check later"
-              );
-              setError(timeoutError);
-              setErrorType(TxErrorType.TransactionFailed);
-              setStatus("init");
-              onError == null ? void 0 : onError(timeoutError);
-            } else {
-              pollingTimerRef.current = setTimeout(() => {
-                pollGasStationResult(requestId);
-              }, pollingInterval);
-            }
-            break;
-        }
-      } catch (err) {
-        const pollError = err instanceof Error ? err : new Error("Failed to check status");
-        setError(pollError);
-        setErrorType(TxErrorType.TransactionFailed);
-        setStatus("init");
-        onError == null ? void 0 : onError(pollError);
-      }
-    },
-    [api, maxPollingAttempts, pollingInterval, onSuccess, onError]
-  );
-  const initWithdraw = useCallback(
-    (token) => {
-      if (!token.can_withdraw) {
-        setError(new Error("This token cannot be withdrawn"));
+  const pagination = usePagination({
+    total,
+    pageSize,
+    initialPage: 0,
+    mode: "pagination"
+  });
+  const skipNextPageEffectRef = useRef(false);
+  const fetchData = useCallback(
+    async (pageNo) => {
+      if (!api) {
+        setError(new Error("TaskOn client not initialized"));
         return;
       }
-      setTokens([toGasFreeWithdrawItem(token)]);
-      setError(null);
-      setErrorType(null);
-      setTxHash(null);
-      setConnectedAddress(null);
-      setStatus("init");
-      refreshGasFreeTimes(token.chain);
-    },
-    [refreshGasFreeTimes]
-  );
-  const initBatchWithdraw = useCallback(
-    (tokenList) => {
-      const withdrawableTokens = tokenList.filter((t) => t.can_withdraw);
-      if (withdrawableTokens.length === 0) {
-        setError(new Error("No tokens available for withdrawal"));
+      if (!tokenId) {
+        setError(new Error("Token ID is required"));
         return;
       }
-      setTokens(withdrawableTokens.map(toGasFreeWithdrawItem));
+      setLoading(true);
       setError(null);
-      setErrorType(null);
-      setTxHash(null);
-      setConnectedAddress(null);
-      setStatus("init");
-      const firstToken = withdrawableTokens[0];
-      if (firstToken) {
-        refreshGasFreeTimes(firstToken.chain);
+      try {
+        const response = await api.getLockedTokenList({
+          token_id: tokenId,
+          page: {
+            page_no: pageNo,
+            // 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);
       }
     },
-    [refreshGasFreeTimes]
+    [api, tokenId, pageSize]
   );
-  const checkAndConnect = useCallback(async () => {
-    try {
-      let address = evmAddress;
-      if (!address) {
-        address = await connectEvm();
-        if (!address) {
-          throw new TransactionError(
-            TxErrorType.ConnectFailed,
-            "Failed to connect wallet"
-          );
-        }
-      }
-      setConnectedAddress(address);
-      onConnect == null ? void 0 : onConnect(address);
-      if (userAddress && !isSameAddress(address, userAddress)) {
-        throw new TransactionError(
-          TxErrorType.AccountMismatch,
-          `Connected address ${address} does not match target address ${userAddress}`
-        );
-      }
-      if (gasFreeRemaining !== null && gasFreeRemaining <= 0) {
-        setError(new Error("No free withdrawal remaining"));
-        return false;
-      }
-      setStatus("confirm");
-      return true;
-    } catch (err) {
-      const errType = parseTxError(err);
-      setError(err instanceof Error ? err : new Error("Connection failed"));
-      setErrorType(errType);
-      if (errType === TxErrorType.Canceled) {
-        setStatus("cancel");
-      } else {
-        setStatus("init");
-      }
-      onError == null ? void 0 : onError(err instanceof Error ? err : new Error("Connection failed"));
-      return false;
-    }
-  }, [evmAddress, connectEvm, userAddress, gasFreeRemaining, onConnect, onError]);
-  const confirmWithdraw = useCallback(async () => {
-    if (!api) {
-      setError(new Error("TaskOn client not initialized"));
-      return;
-    }
-    if (!connectedAddress) {
-      setError(new Error("Wallet not connected"));
-      return;
+  const refresh = useCallback(async () => {
+    if (autoLoad && pagination.page !== 0) {
+      skipNextPageEffectRef.current = true;
     }
-    if (tokens.length === 0) {
-      setError(new Error("No tokens to withdraw"));
+    pagination.goToPage(0);
+    await fetchData(0);
+  }, [autoLoad, fetchData, pagination]);
+  const canResend = useCallback((item) => {
+    return item.type === "Withdraw" && Boolean(item.nonce) && Boolean(item.receiver_address);
+  }, []);
+  useEffect(() => {
+    if (!autoLoad || !tokenId) {
       return;
     }
-    if (gasFreeRemaining !== null && gasFreeRemaining <= 0) {
-      setError(new Error("No free withdrawal remaining"));
+    if (skipNextPageEffectRef.current) {
+      skipNextPageEffectRef.current = false;
       return;
     }
-    setStatus("loading");
-    setError(null);
-    setErrorType(null);
-    try {
-      const firstToken = tokens[0];
-      if (!firstToken) {
-        throw new Error("No tokens provided");
-      }
-      const chainName = firstToken.chain;
-      const tokenParams = tokens.map((t) => ({
-        token_id: t.tokenId,
-        amount: t.amount
-      }));
-      const requestId = await api.tokenWithdrawFromGasStation({
-        chain: chainName,
-        receiver_address: connectedAddress,
-        tokens: tokenParams
-      });
-      setStatus("polling");
-      pollingAttemptsRef.current = 0;
-      pollGasStationResult(requestId);
-    } catch (err) {
-      const errType = parseTxError(err);
-      const error2 = err instanceof Error ? err : new Error("Withdrawal failed");
-      setError(error2);
-      setErrorType(errType);
-      if (errType === TxErrorType.Canceled) {
-        setStatus("cancel");
-        onCancel == null ? void 0 : onCancel();
-      } else {
-        setStatus("init");
-        onError == null ? void 0 : onError(error2);
-      }
-    }
-  }, [api, connectedAddress, tokens, gasFreeRemaining, pollGasStationResult, onCancel, onError]);
-  const cancelWithdraw = useCallback(() => {
-    if (pollingTimerRef.current) {
-      clearTimeout(pollingTimerRef.current);
-      pollingTimerRef.current = null;
-    }
-    setStatus("cancel");
-    onCancel == null ? void 0 : onCancel();
-    setTimeout(() => {
-      setStatus("init");
-      setTokens([]);
-      setError(null);
-      setErrorType(null);
-      setConnectedAddress(null);
-    }, 100);
-  }, [onCancel]);
-  const reset = useCallback(() => {
-    if (pollingTimerRef.current) {
-      clearTimeout(pollingTimerRef.current);
-      pollingTimerRef.current = null;
-    }
-    setStatus("init");
-    setTokens([]);
-    setError(null);
-    setErrorType(null);
-    setTxHash(null);
-    setConnectedAddress(null);
-    pollingAttemptsRef.current = 0;
-  }, []);
+    fetchData(pagination.page);
+  }, [autoLoad, tokenId, pagination.page, fetchData]);
   return {
-    status,
-    tokens,
+    data,
+    loading,
     error,
-    errorType,
-    txHash,
-    gasFreeRemaining,
-    chainMapLoaded,
-    gasFreeFetching,
-    connectedAddress,
-    initWithdraw,
-    initBatchWithdraw,
-    checkAndConnect,
-    confirmWithdraw,
-    cancelWithdraw,
-    reset,
-    refreshGasFreeTimes
+    total,
+    pagination,
+    refresh,
+    canResend
   };
 }
 const SNS_TYPE_MAP = {
@@ -1442,7 +1092,7 @@ function useIdentityData() {
 }
 function useUnbindSocial(options = {}) {
   const { onUnbindSuccess, onUnbindError } = options;
-  const { client } = useTaskOnContext();
+  const { client, refreshUserInfo } = useTaskOnContext();
   const [unbindStatus, setUnbindStatus] = useState("idle");
   const [error, setError] = useState(null);
   const [processingType, setProcessingType] = useState(null);
@@ -1467,6 +1117,7 @@ function useUnbindSocial(options = {}) {
           sns_type: type
         });
         if (result) {
+          await refreshUserInfo();
           setUnbindStatus("success");
           onUnbindSuccess == null ? void 0 : onUnbindSuccess();
           return true;
@@ -1487,7 +1138,7 @@ function useUnbindSocial(options = {}) {
         setProcessingType(null);
       }
     },
-    [api, onUnbindSuccess, onUnbindError]
+    [api, refreshUserInfo, onUnbindSuccess, onUnbindError]
   );
   const reset = useCallback(() => {
     setUnbindStatus("idle");
@@ -1508,7 +1159,7 @@ const SNS_BIND_DUPLICATE_ERROR = 10016;
 const INVALID_EMAIL_VERIFY_CODE = 10017;
 function useBindEmail(options = {}) {
   const { onSendCodeSuccess, onSendCodeError, onBindSuccess, onBindError } = options;
-  const { client } = useTaskOnContext();
+  const { client, refreshUserInfo } = useTaskOnContext();
   const [status, setStatus] = useState("idle");
   const [countdown, setCountdown] = useState(0);
   const [error, setError] = useState(null);
@@ -1634,6 +1285,7 @@ function useBindEmail(options = {}) {
           sns_user_name: emailAddress
         });
         if (result.result) {
+          await refreshUserInfo();
           setStatus("success");
           onBindSuccess == null ? void 0 : onBindSuccess(result);
           return result;
@@ -1655,7 +1307,7 @@ function useBindEmail(options = {}) {
         return null;
       }
     },
-    [api, onBindSuccess, onBindError]
+    [api, refreshUserInfo, onBindSuccess, onBindError]
   );
   const reset = useCallback(() => {
     setStatus("idle");
@@ -1696,7 +1348,7 @@ function useBindWallet(options = {}) {
     onUnbindSuccess,
     onUnbindError
   } = options;
-  const { client } = useTaskOnContext();
+  const { client, refreshUserInfo } = useTaskOnContext();
   const {
     connectEvm,
     signEvmMessage,
@@ -1750,6 +1402,7 @@ function useBindWallet(options = {}) {
           sig: signature
         });
         if (result) {
+          await refreshUserInfo();
           setBindStatus("success");
           onBindSuccess == null ? void 0 : onBindSuccess();
           return true;
@@ -1766,7 +1419,16 @@ function useBindWallet(options = {}) {
         setProcessingChain(null);
       }
     },
-    [api, connectEvm, signEvmMessage, connectedAddress, isConnected, onBindSuccess, onBindError]
+    [
+      api,
+      refreshUserInfo,
+      connectEvm,
+      signEvmMessage,
+      connectedAddress,
+      isConnected,
+      onBindSuccess,
+      onBindError
+    ]
   );
   const unbind = useCallback(
     async (chainType, address) => {
@@ -1809,6 +1471,7 @@ function useBindWallet(options = {}) {
           sig: signature
         });
         if (result) {
+          await refreshUserInfo();
           setUnbindStatus("success");
           onUnbindSuccess == null ? void 0 : onUnbindSuccess();
           return true;
@@ -1825,7 +1488,16 @@ function useBindWallet(options = {}) {
         setProcessingChain(null);
       }
     },
-    [api, connectEvm, signEvmMessage, connectedAddress, isConnected, onUnbindSuccess, onUnbindError]
+    [
+      api,
+      refreshUserInfo,
+      connectEvm,
+      signEvmMessage,
+      connectedAddress,
+      isConnected,
+      onUnbindSuccess,
+      onUnbindError
+    ]
   );
   const reset = useCallback(() => {
     setBindStatus("idle");
@@ -2012,285 +1684,6 @@ function useDisableUnlink() {
     isLastLoginMethod
   };
 }
-function getRewardId(item) {
-  const rewardValue = item.reward_value;
-  if (typeof rewardValue.reward_id === "number") {
-    return rewardValue.reward_id;
-  }
-  if (typeof rewardValue.collection_id === "number") {
-    return rewardValue.collection_id;
-  }
-  return void 0;
-}
-function checkNftClaimable(item) {
-  if (item.reward_type !== RewardType.Nft && item.reward_type !== RewardType.Cap && item.reward_type !== RewardType.BMintedNft) {
-    return {
-      canClaim: false,
-      error: new NftClaimError(
-        NftClaimErrorType.NotClaimable,
-        `Invalid reward type: ${item.reward_type}`
-      )
-    };
-  }
-  const rewardValue = item.reward_value;
-  if (isNftClaimed(rewardValue)) {
-    return {
-      canClaim: false,
-      error: new NftClaimError(
-        NftClaimErrorType.AlreadyClaimed,
-        "NFT has already been claimed"
-      )
-    };
-  }
-  if (!isNftClaimable(rewardValue)) {
-    return {
-      canClaim: false,
-      error: new NftClaimError(
-        NftClaimErrorType.NotClaimable,
-        "NFT is not claimable (manual drop)"
-      )
-    };
-  }
-  const rewardId = getRewardId(item);
-  if (rewardId === void 0) {
-    return {
-      canClaim: false,
-      error: new NftClaimError(
-        NftClaimErrorType.MissingRewardId,
-        "Missing reward_id in reward data"
-      )
-    };
-  }
-  return { canClaim: true };
-}
-function useNftClaim(options = {}) {
-  const { onSuccess, onError, onPendingFound } = options;
-  const { client, userId } = useTaskOnContext();
-  const {
-    evmAdapter,
-    evmAddress,
-    evmChainId,
-    isEvmConnected,
-    connectEvm
-  } = useWallet();
-  const { chainMap } = useChainMap();
-  const [status, setStatus] = useState("idle");
-  const [error, setError] = useState(null);
-  const [txHash, setTxHash] = useState(null);
-  const [claimingNft, setClaimingNft] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createNftClaimApi(client);
-  }, [client]);
-  const claimNft = useCallback(
-    async (item) => {
-      if (!api) {
-        const err = new NftClaimError(
-          NftClaimErrorType.ApiError,
-          "TaskOn client not initialized"
-        );
-        setError(err);
-        onError == null ? void 0 : onError(err, item);
-        return;
-      }
-      if (!userId) {
-        const err = new NftClaimError(
-          NftClaimErrorType.ApiError,
-          "User not logged in"
-        );
-        setError(err);
-        onError == null ? void 0 : onError(err, item);
-        return;
-      }
-      const { canClaim, error: checkError } = checkNftClaimable(item);
-      if (!canClaim && checkError) {
-        setError(checkError);
-        onError == null ? void 0 : onError(checkError, item);
-        return;
-      }
-      const rewardValue = item.reward_value;
-      const nftType = getNftClaimType(rewardValue);
-      const chainName = getNftChainName(rewardValue);
-      const rewardId = getRewardId(item);
-      const pendingKey = generatePendingKey(nftType, item.campaign_id, rewardId);
-      setClaimingNft({
-        item,
-        nftType,
-        chainName,
-        pendingKey
-      });
-      try {
-        setStatus("checking");
-        setError(null);
-        setTxHash(null);
-        const pending = getPendingHash(userId, pendingKey);
-        if (pending) {
-          onPendingFound == null ? void 0 : onPendingFound(pendingKey, pending.hash, pending.chainName);
-          throw new NftClaimError(
-            NftClaimErrorType.PendingTransaction,
-            `Transaction ${pending.hash} is pending`
-          );
-        }
-        const chainInfo = chainMap[chainName.toLowerCase()];
-        if (!chainInfo) {
-          throw new NftClaimError(
-            NftClaimErrorType.ChainNotFound,
-            `Chain ${chainName} not found`
-          );
-        }
-        const useGasStation = shouldUseGasStation(rewardValue);
-        if (useGasStation) {
-          setStatus("signing");
-          await api.claimCampaignRewardFromGasStation({
-            campaign_id: item.campaign_id,
-            reward_id: rewardId
-          });
-          setStatus("success");
-          onSuccess == null ? void 0 : onSuccess("", item);
-          return;
-        }
-        setStatus("connecting");
-        if (!(evmAdapter == null ? void 0 : evmAdapter.invokeContract)) {
-          throw new NftClaimError(
-            NftClaimErrorType.NoWallet,
-            "Wallet adapter does not support contract invocation. Please provide a wallet adapter with invokeContract method."
-          );
-        }
-        let walletAddress = evmAddress;
-        if (!isEvmConnected || !walletAddress) {
-          const connectResult = await connectEvm();
-          if (!connectResult) {
-            throw new NftClaimError(
-              NftClaimErrorType.WalletRejected,
-              "Failed to connect wallet"
-            );
-          }
-          walletAddress = connectResult;
-        }
-        const receiverAddress = rewardValue.receiver_address;
-        if (receiverAddress && walletAddress.toLowerCase() !== receiverAddress.toLowerCase()) {
-          throw new NftClaimError(
-            NftClaimErrorType.AddressMismatch,
-            `Connected address ${walletAddress} does not match receiver address ${receiverAddress}`
-          );
-        }
-        if (evmChainId !== chainInfo.id) {
-          setStatus("switching");
-          if (evmAdapter.switchNetwork) {
-            try {
-              await evmAdapter.switchNetwork(chainInfo.id);
-            } catch (e) {
-              throw new NftClaimError(
-                NftClaimErrorType.NetworkSwitchFailed,
-                `Failed to switch to ${chainInfo.name}`,
-                e instanceof Error ? e : void 0
-              );
-            }
-          } else {
-            throw new NftClaimError(
-              NftClaimErrorType.NetworkSwitchFailed,
-              `Please switch to ${chainInfo.name} network manually`
-            );
-          }
-        }
-        setStatus("signing");
-        let hash;
-        if (nftType === NftClaimType.Minted) {
-          const sigRes = await api.getBMintNFTCampaignNftSig({
-            campaign_reward_id: rewardId
-          });
-          setStatus("confirming");
-          hash = await evmAdapter.invokeContract({
-            contract: sigRes.entry_address,
-            abi: bMintedNftAbi,
-            method: "claim",
-            params: [
-              sigRes.nft_address,
-              {
-                dropId: BigInt(sigRes.distribute_id),
-                userId: BigInt(sigRes.user_id),
-                limit: BigInt(sigRes.limit),
-                totalLimit: BigInt(sigRes.total_limit),
-                amount: BigInt(1),
-                nonce: BigInt(sigRes.nonce),
-                uri: sigRes.token_uri
-              },
-              [sigRes.signature]
-            ],
-            chainId: chainInfo.id
-          });
-        } else {
-          const sigRes = await api.claimCampaignRewardNft({
-            chain: chainName,
-            campaign_id: item.campaign_id,
-            reward_id: rewardId
-          });
-          setStatus("confirming");
-          hash = await evmAdapter.invokeContract({
-            contract: sigRes.contract_address,
-            abi: capNftAbi,
-            method: "mint",
-            params: [
-              walletAddress,
-              BigInt(sigRes.campaign_id),
-              sigRes.token_uri,
-              BigInt(sigRes.total),
-              sigRes.hash,
-              sigRes.signature
-            ],
-            chainId: chainInfo.id
-          });
-        }
-        setPendingHash(userId, pendingKey, hash, chainName);
-        setStatus("pending");
-        setTxHash(hash);
-        setStatus("success");
-        onSuccess == null ? void 0 : onSuccess(hash, item);
-      } catch (e) {
-        const claimError = NftClaimError.fromUnknown(e);
-        setError(claimError);
-        setStatus("error");
-        onError == null ? void 0 : onError(claimError, item);
-      }
-    },
-    [
-      api,
-      userId,
-      chainMap,
-      evmAdapter,
-      evmAddress,
-      evmChainId,
-      isEvmConnected,
-      connectEvm,
-      onSuccess,
-      onError,
-      onPendingFound
-    ]
-  );
-  const reset = useCallback(() => {
-    setStatus("idle");
-    setError(null);
-    setTxHash(null);
-    setClaimingNft(null);
-  }, []);
-  const clearPending = useCallback(
-    (pendingKey) => {
-      if (userId) {
-        clearPendingHash(userId, pendingKey);
-      }
-    },
-    [userId]
-  );
-  return {
-    status,
-    error,
-    txHash,
-    claimingNft,
-    claimNft,
-    reset,
-    clearPending
-  };
-}
 const twitterIcon = new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH3SURBVHgBzZeNkYIwEIXjVYAdcB1QAtcBVqBWcFoBdgBWgB1YAtcBJUAHlrCXxxEnEzaQIMi9mR0zIT+fSd4GhDBERLGMTEZN86uSUcgIhU3yYdABvEuYK+AgKnq/KgXz0bGkMiLxfkXd3GJDf/tVi3X1hRVJzdrz+Sw2mw0b2+1WNE0jXHU8Htt+u91uqFkiiDkbj8eDoigi2YCCIKAwDNtAGXVxHDsdgMvl0rZHX4w5oFrYnlRV9ZwYZQWIQVGX5zkNCc8VRF3XNCYx9DDLst4/0gHLsmT7oV6tpgvEKAiEbcCgp9NpEFAJEyvQ+/1OrhoFsQ3MAaKt2ro0TclHoyAQAMylNgH18+ML4QwC4Z+bjtEBkyRpy/idImcQm2MUoKNNXweBdDdwlkbemCovEEg5BglPt7QJuDgI5GvpxUDUFplJjQNcDEQ/E+YK6Ja2Zd3ZQHSb7vf7nmWLopi0RV4g5m1qszQHOBuIDqFfZNwF53NLe4FwKV6XSmqw9BDgSyCut6l6kdIdwwFOAvG5TW2O4QC9QKbcplxSc7W0FWTqbaqSGveuO2RpgNRmpcdLb09orybm4nA4cN0qfNfkssG3WFc3gMSyUIp19fkhP35+ZOEq1tNVMjRtif7BR/hTHYxbPp5HeQ/CAApl3GiZFao7gNic9xdG16HkLDPmwQAAAABJRU5ErkJggg==", import.meta.url).href;
 const discordIcon = new URL("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20y='0.187012'%20width='24'%20height='24.2243'%20rx='8'%20fill='%237870FF'/%3e%3cpath%20d='M18.7627%206.96988C16.7288%205.45184%2014.7966%205.34341%2014.4915%205.34341L14.2881%205.56027C16.6271%206.21086%2017.9492%207.4036%2018.0508%207.51203C14.3898%205.56027%2010.322%205.45184%206.66102%206.96988C6.15254%207.18674%205.84746%207.4036%205.74576%207.4036C5.94915%207.29517%207.16949%206.10243%209.71186%205.45184L9.50847%205.23498C9.50847%205.23498%207.47458%205.12655%205.23729%206.86145C5.23729%206.86145%203%2010.8734%203%2015.9697C3%2015.9697%204.32203%2018.2467%207.67797%2018.3551C7.67797%2018.3551%208.18644%2017.7046%208.69492%2017.054C6.9661%2016.5118%206.15254%2015.3191%206.05085%2015.2106L6.66102%2015.5359C8.49153%2016.2949%2010.4237%2017.3793%2013.9831%2016.7287C14.6949%2016.6202%2015.5085%2016.4034%2016.2203%2016.0781C16.7288%2015.7528%2017.339%2015.5359%2017.9492%2015.1022C17.8475%2015.2106%2017.0339%2016.4034%2015.2034%2016.9455C15.6102%2017.5961%2016.2203%2018.2467%2016.2203%2018.2467C19.678%2018.1383%2021%2015.8612%2021%2016.0781C21%2011.0903%2018.7627%206.96988%2018.7627%206.96988ZM9.20339%2014.3432C8.38983%2014.3432%207.67797%2013.5842%207.67797%2012.6083C7.67797%2011.6324%208.38983%2010.8734%209.20339%2010.8734C10.0169%2010.8734%2010.7288%2011.7408%2010.7288%2012.6083C10.7288%2013.5842%2010.0169%2014.3432%209.20339%2014.3432ZM14.7966%2014.3432C13.9831%2014.3432%2013.2712%2013.5842%2013.2712%2012.6083C13.2712%2011.6324%2013.9831%2010.8734%2014.7966%2010.8734C15.7119%2010.8734%2016.4237%2011.7408%2016.4237%2012.6083C16.4237%2013.5842%2015.7119%2014.3432%2014.7966%2014.3432Z'%20fill='white'/%3e%3c/svg%3e", import.meta.url).href;
 const telegramIcon = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20y='0.000396729'%20width='24'%20height='24'%20rx='8'%20fill='%2354AEFF'/%3e%3cpath%20d='M18.9513%206.24633L16.5438%2017.617C16.377%2018.424%2015.8902%2018.6174%2015.21%2018.2439L11.542%2015.5296L9.76804%2017.2435C9.56797%2017.4436%209.40125%2017.617%209.03445%2017.617C8.55428%2017.617%208.63431%2017.4369%208.47425%2016.9835L7.20714%2012.8553L3.57252%2011.7216C2.78558%2011.4882%202.77891%2010.948%203.74592%2010.5545L17.9243%205.08592C18.5711%204.79915%2019.1914%205.24598%2018.9446%206.23966L18.9513%206.24633Z'%20fill='white'/%3e%3c/svg%3e", import.meta.url).href;
@@ -2331,11 +1724,12 @@ function SocialIcon({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className,
+      style: { color: "var(--taskon-color-text-secondary)" },
       children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1ZM8 13h8v-2H8v2Zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5Z",
-          fill: "#9CA3AF"
+          fill: "currentColor"
         }
       )
     }
@@ -3288,303 +2682,20 @@ function IdentityContent({
     isEmpty && /* @__PURE__ */ jsx("div", { className: "taskon-identity-empty", children: messages.noData ?? "No identity options configured" })
   ] });
 }
-function LoadingSpinner() {
-  return /* @__PURE__ */ jsx("div", { className: "taskon-claim-dialog-spinner", children: /* @__PURE__ */ jsx("div", { className: "taskon-claim-dialog-spinner__circle" }) });
-}
-function SuccessIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "taskon-claim-dialog-icon taskon-claim-dialog-icon--success",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M8 12L11 15L16 9",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-}
-function ErrorIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "taskon-claim-dialog-icon taskon-claim-dialog-icon--error",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M15 9L9 15M9 9L15 15",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  );
-}
-function getStatusMessage(status, messages) {
-  switch (status) {
-    case "checking":
-      return messages.claimingNft ?? "Claiming NFT...";
-    case "connecting":
-      return messages.claimConnectingWallet ?? "Connecting wallet...";
-    case "switching":
-      return messages.claimSwitchingNetwork ?? "Switching network...";
-    case "signing":
-      return messages.claimGettingSignature ?? "Getting signature...";
-    case "confirming":
-      return messages.claimConfirmInWallet ?? "Please confirm in your wallet";
-    case "pending":
-      return messages.claimTransactionPending ?? "Transaction pending...";
-    case "success":
-      return messages.claimSuccess ?? "Claim successful!";
-    case "error":
-      return messages.claimFailed ?? "Claim failed";
-    default:
-      return "";
-  }
-}
-function formatTxHash(hash) {
-  if (hash.length <= 16) return hash;
-  return `${hash.slice(0, 10)}...${hash.slice(-6)}`;
-}
-function ClaimNftDialog({
-  open,
-  onClose,
-  status,
-  error,
-  txHash,
-  claimingNft,
-  explorerUrl,
-  messages,
-  onRetry
-}) {
-  const isLoading = [
-    "checking",
-    "connecting",
-    "switching",
-    "signing",
-    "confirming",
-    "pending"
-  ].includes(status);
-  const canClose = status === "success" || status === "error" || status === "idle";
-  const handleClose = () => {
-    if (canClose) {
-      onClose();
-    }
-  };
-  const handleViewTx = () => {
-    if (explorerUrl) {
-      window.open(explorerUrl, "_blank", "noopener,noreferrer");
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange: (isOpen) => {
-        if (!isOpen && canClose) {
-          onClose();
-        }
-      },
-      title: messages.claimNft ?? "Claim NFT",
-      showCloseButton: canClose,
-      contentClassName: "taskon-claim-dialog",
-      maxWidth: 400,
-      children: /* @__PURE__ */ jsxs("div", { className: "taskon-claim-dialog-content", children: [
-        claimingNft && /* @__PURE__ */ jsx("div", { className: "taskon-claim-dialog-nft", children: claimingNft.item.reward_value.collection_image && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: claimingNft.item.reward_value.collection_image,
-            alt: "NFT",
-            className: "taskon-claim-dialog-nft__image"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-claim-dialog-status", children: [
-          isLoading && /* @__PURE__ */ jsx(LoadingSpinner, {}),
-          status === "success" && /* @__PURE__ */ jsx(SuccessIcon, {}),
-          status === "error" && /* @__PURE__ */ jsx(ErrorIcon, {})
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "taskon-claim-dialog-message", children: status === "error" && error ? error.message : getStatusMessage(status, messages) }),
-        txHash && (status === "pending" || status === "success") && /* @__PURE__ */ jsxs("div", { className: "taskon-claim-dialog-tx", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-claim-dialog-tx__label", children: "Tx:" }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-claim-dialog-tx__hash", children: formatTxHash(txHash) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-claim-dialog-actions", children: [
-          txHash && explorerUrl && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "taskon-claim-dialog-btn taskon-claim-dialog-btn--secondary",
-              onClick: handleViewTx,
-              children: messages.viewOnExplorer ?? "View on Explorer"
-            }
-          ),
-          status === "error" && onRetry && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "taskon-claim-dialog-btn taskon-claim-dialog-btn--primary",
-              onClick: onRetry,
-              children: messages.retry ?? "Retry"
-            }
-          ),
-          canClose && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "taskon-claim-dialog-btn taskon-claim-dialog-btn--primary",
-              onClick: handleClose,
-              children: messages.close ?? "Close"
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-function NftRewardContent({
-  nftList,
-  loading,
-  error,
-  pagination,
-  messages,
-  onClaim: customOnClaim,
-  onTxClick: customOnTxClick,
-  onClaimSuccess,
-  onClaimError
-}) {
-  const { chainMap } = useChainMap();
-  const [isClaimDialogOpen, setIsClaimDialogOpen] = useState(false);
-  const {
-    status: claimStatus,
-    error: claimError,
-    txHash: claimTxHash,
-    claimingNft,
-    claimNft,
-    reset: resetClaim
-  } = useNftClaim({
-    onSuccess: (txHash, item) => {
-      onClaimSuccess == null ? void 0 : onClaimSuccess(txHash, item);
-    },
-    onError: (err, item) => {
-      onClaimError == null ? void 0 : onClaimError(err, item);
-    },
-    onPendingFound: (pendingKey, txHash, chainName) => {
-      console.log("Pending transaction found:", pendingKey, txHash, chainName);
-    }
-  });
-  const explorerUrl = useMemo(() => {
-    if (!claimTxHash || !claimingNft) return void 0;
-    const chainName = claimingNft.chainName;
-    const chainInfo = chainMap[chainName.toLowerCase()];
-    if (!chainInfo) return void 0;
-    return getTxExplorerUrl(chainInfo, claimTxHash);
-  }, [claimTxHash, claimingNft, chainMap]);
-  const handleNftClaim = useCallback(
-    (item) => {
-      if (customOnClaim) {
-        customOnClaim(item);
-        return;
-      }
-      setIsClaimDialogOpen(true);
-      claimNft(item);
-    },
-    [customOnClaim, claimNft]
-  );
-  const handleNftTxClick = useCallback(
-    (item) => {
-      if (customOnTxClick) {
-        customOnTxClick(item);
-        return;
-      }
-      const nftValue = item.reward_value;
-      if (!nftValue.tx_hash) {
-        console.warn("No tx_hash found for NFT item:", item);
-        return;
-      }
-      const chainName = getNftChainName(nftValue);
-      if (!chainName) {
-        console.warn("No chain info found for NFT item:", item);
-        return;
-      }
-      const chainInfo = chainMap[chainName.toLowerCase()];
-      if (!chainInfo) {
-        console.warn(`Chain info not found for: ${chainName}`);
-        return;
-      }
-      const txUrl = getTxExplorerUrl(chainInfo, nftValue.tx_hash);
-      openInNewTab(txUrl);
-    },
-    [customOnTxClick, chainMap]
-  );
-  const handleCloseDialog = useCallback(() => {
-    setIsClaimDialogOpen(false);
-    setTimeout(() => {
-      resetClaim();
-    }, 200);
-  }, [resetClaim]);
-  const handleRetry = useCallback(() => {
-    if (claimingNft) {
-      resetClaim();
-      claimNft(claimingNft.item);
-    }
-  }, [claimingNft, resetClaim, claimNft]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      NftTable,
-      {
-        data: nftList,
-        loading,
-        error,
-        pagination,
-        messages,
-        onClaim: handleNftClaim,
-        onTxClick: handleNftTxClick
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ClaimNftDialog,
-      {
-        open: isClaimDialogOpen,
-        onClose: handleCloseDialog,
-        status: claimStatus,
-        error: claimError,
-        txHash: claimTxHash,
-        claimingNft,
-        explorerUrl,
-        messages,
-        onRetry: handleRetry
-      }
-    )
-  ] });
-}
 function MyRewardsContent({
   messages,
   defaultRewardCard,
   defaultPointId
 }) {
+  const { toast } = useToast();
+  const { client } = useTaskOnContext();
   const [selectedPointsId, setSelectedPointsId] = useState(null);
   const hasUserSelectedRef = useRef(false);
   const appliedDefaultKeyRef = useRef(null);
   const [showWithdrawForm, setShowWithdrawForm] = useState(false);
   const [selectedTokenForWithdraw, setSelectedTokenForWithdraw] = useState(null);
+  const [viewingFrozenToken, setViewingFrozenToken] = useState(null);
+  const [resendParams, setResendParams] = useState(void 0);
   const {
     cards,
     selectedCard,
@@ -3627,6 +2738,20 @@ function MyRewardsContent({
     rewardType: RewardType.Token,
     autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Token
   });
+  const {
+    data: frozenAssets,
+    loading: frozenAssetsLoading,
+    error: frozenAssetsError,
+    pagination: frozenAssetsPagination,
+    canResend
+  } = useFrozenAssets({
+    tokenId: (viewingFrozenToken == null ? void 0 : viewingFrozenToken.token_id) ?? 0,
+    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Token && !!(viewingFrozenToken == null ? void 0 : viewingFrozenToken.token_id)
+  });
+  const userCenterApi = useMemo(() => {
+    if (!client) return null;
+    return createUserCenterApi(client);
+  }, [client]);
   const {
     data: nftList,
     loading: nftLoading,
@@ -3673,18 +2798,54 @@ function MyRewardsContent({
     pointsId: (selectedXpLevelData == null ? void 0 : selectedXpLevelData.xpPointsId) ?? 0,
     autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.XpLevel && !!selectedXpLevelData
   });
-  useGasFreeWithdraw({
-    onSuccess: () => refreshTokenAssets(),
-    onError: (err) => console.error("Gas-free withdraw failed:", err)
-  });
   const handleWithdraw = (token) => {
+    setResendParams(void 0);
     setSelectedTokenForWithdraw(token);
     setShowWithdrawForm(true);
   };
   const handleBatchWithdraw = () => {
+    setResendParams(void 0);
     setSelectedTokenForWithdraw(null);
     setShowWithdrawForm(true);
   };
+  const handleViewFrozen = (token) => {
+    setViewingFrozenToken(token);
+  };
+  const handleCloseFrozenAssets = () => {
+    setViewingFrozenToken(null);
+  };
+  const handleResendFrozenAsset = async (item) => {
+    if (!viewingFrozenToken || !userCenterApi) {
+      return;
+    }
+    if (item.type !== LockedType.Withdraw) {
+      return;
+    }
+    if (!item.nonce || !item.receiver_address) {
+      toast.error(messages.error ?? "Missing resend payload");
+      return;
+    }
+    try {
+      const requests = await userCenterApi.getTokenWithdrawByNonce({
+        chain: viewingFrozenToken.chain,
+        nonce: item.nonce
+      });
+      const withdrawableRequests = requests.filter((request) => request.can_withdraw);
+      if (withdrawableRequests.length === 0) {
+        toast.error(messages.emptyToken ?? "No tokens available for resend");
+        return;
+      }
+      setResendParams({
+        nonce: item.nonce,
+        receiverAddress: item.receiver_address,
+        tokens: withdrawableRequests
+      });
+      setSelectedTokenForWithdraw(viewingFrozenToken);
+      setShowWithdrawForm(true);
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "Failed to load resend details");
+    }
+  };
   const handleSelectCard = (type, pointsId) => {
     hasUserSelectedRef.current = true;
     selectCard(type);
@@ -3722,6 +2883,11 @@ function MyRewardsContent({
     }
     appliedDefaultKeyRef.current = applyKey;
   }, [cards, defaultPointId, defaultRewardCard, selectCard]);
+  useEffect(() => {
+    if (selectedCard !== USER_CENTER_REWARD_CARD_TYPES.Token) {
+      setViewingFrozenToken(null);
+    }
+  }, [selectedCard]);
   if (rewardsLoading && cards.length === 0) {
     return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
   }
@@ -3748,7 +2914,16 @@ function MyRewardsContent({
             tokenHistoryPagination,
             messages,
             onWithdraw: handleWithdraw,
-            onBatchWithdraw: handleBatchWithdraw
+            onBatchWithdraw: handleBatchWithdraw,
+            onViewFrozen: handleViewFrozen,
+            showFrozenAssets: !!viewingFrozenToken,
+            frozenAssets,
+            frozenAssetsLoading,
+            frozenAssetsError,
+            frozenAssetsPagination,
+            canResendFrozenAsset: canResend,
+            onResendFrozenAsset: handleResendFrozenAsset,
+            onCloseFrozenAssets: handleCloseFrozenAssets
           }
         );
       case USER_CENTER_REWARD_CARD_TYPES.XpLevel:
@@ -3847,9 +3022,33 @@ function MyRewardsContent({
         tokenAssetsLoading,
         initialTokenId: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.token_id,
         initialChain: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.chain,
-        onClose: () => setShowWithdrawForm(false),
+        resend: resendParams ? {
+          nonce: resendParams.nonce,
+          receiverAddress: resendParams.receiverAddress
+        } : void 0,
+        resendTokenItems: resendParams ? resendParams.tokens.map((request) => {
+          const matchedToken = tokenAssets.find(
+            (token) => token.token_id === request.token_id && token.chain.toLowerCase() === request.chain.toLowerCase()
+          );
+          return {
+            tokenId: request.token_id,
+            tokenSymbol: request.token_symbol,
+            tokenIcon: (matchedToken == null ? void 0 : matchedToken.token_icon) ?? "",
+            tokenAddress: request.token_address,
+            tokenDecimals: request.token_decimals,
+            chain: request.chain,
+            chainLabel: (matchedToken == null ? void 0 : matchedToken.chain_label) ?? request.chain,
+            amount: request.token_amount,
+            amountInWei: toWei(request.token_amount, request.token_decimals)
+          };
+        }) : void 0,
+        onClose: () => {
+          setResendParams(void 0);
+          setShowWithdrawForm(false);
+        },
         onSuccess: () => {
           refreshTokenAssets();
+          setResendParams(void 0);
           setShowWithdrawForm(false);
         }
       }
@@ -3876,8 +3075,10 @@ function ActivityHistoryContent({
   );
 }
 function mergeUserCenterConfig(props, cloud) {
+  const resolved = props.config ?? cloud ?? null;
+  const normalized = Array.isArray(resolved) && resolved.length > 0 ? resolved : null;
   return {
-    config: props.config ?? cloud ?? getDefaultTabConfig()
+    config: normalized
   };
 }
 const TAB_LABEL_KEYS = {
@@ -3891,7 +3092,7 @@ const TAB_DEFAULT_LABELS = {
   [UserCenterTabType.ActivityHistory]: "Activity History"
 };
 function UserCenterWidget(props) {
-  const { widgetId } = props;
+  const { widgetId, themeMode } = props;
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeUserCenterConfig(
@@ -3899,26 +3100,29 @@ function UserCenterWidget(props) {
       functionConfig ?? null
     );
   }, [props.config, functionConfig]);
+  const resolvedConfig = mergedConfig.config;
+  const isConfigured = Array.isArray(resolvedConfig) && resolvedConfig.length > 0;
   return /* @__PURE__ */ jsx(
     WidgetShell,
     {
       widgetId,
       isConfigLoading,
       cloudTheme,
+      themeMode,
       className: "taskon-user-center",
-      errorMessage: configError ?? void 0,
-      children: /* @__PURE__ */ jsx(
+      errorMessage: configError ?? (!isConfigured ? "未配置" : void 0),
+      children: Array.isArray(resolvedConfig) && resolvedConfig.length > 0 ? /* @__PURE__ */ jsx(
         UserCenterWidgetInner,
         {
           ...props,
-          config: mergedConfig.config
+          config: resolvedConfig
         }
-      )
+      ) : null
     }
   );
 }
 function UserCenterWidgetInner({
-  config = getDefaultTabConfig(),
+  config,
   defaultTab,
   defaultRewardCard,
   defaultPointId,
@@ -3931,7 +3135,7 @@ function UserCenterWidgetInner({
   const { messages, isLoading: isLocaleLoading } = useWidgetLocale({
     widgetId: "UserCenterWidget",
     defaultMessages: enMessages,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./UserCenterWidget-BE329iS7.js").then((n) => n.n), "./locales/ja.json": () => import("./usercenter-ja-uu-XfVF9.js"), "./locales/ko.json": () => import("./usercenter-ko-DYgUOVzd.js") }), `./locales/${locale}.json`, 3)
+    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./UserCenterWidget-cADBSVg7.js").then((n) => n.w), "./locales/ja.json": () => import("./usercenter-ja-B2465c1O.js"), "./locales/ko.json": () => import("./usercenter-ko-xAEYxqLg.js") }), `./locales/${locale}.json`, 3)
   });
   const enabledTabs = useMemo(() => filterEnabledTabs(config), [config]);
   const tabItems = useMemo(() => {
@@ -3980,7 +3184,7 @@ export {
   AssetCard as a,
   AssetCarousel as b,
   useUserRewards as c,
-  useGasFreeWithdraw as d,
+  useFrozenAssets as d,
   useIdentityData as e,
   useUnbindSocial as f,
   useBindWallet as g,