@taskon/widget-react 0.0.1-beta.1

package/dist/user-center.js

@@ -0,0 +1,713 @@
+import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-BVw_IEEd.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 { 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 { useState, useMemo, useCallback, useEffect } from "react";
+import { b as useTaskOnContext } from "./chunks/ThemeProvider-wnSXrNQb.js";
+function getTabLabel(tab, messages) {
+  switch (tab) {
+    case "MyRewards":
+      return messages.tabMyRewards;
+    case "Identity":
+      return messages.tabIdentity;
+    case "ActivityHistory":
+      return messages.tabActivityHistory;
+    default:
+      return tab;
+  }
+}
+function TabBar({
+  activeTab,
+  tabs,
+  onTabChange,
+  messages,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `taskon-user-center-tabs ${className}`, children: tabs.map((tab) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `taskon-user-center-tabs__tab ${activeTab === tab ? "taskon-user-center-tabs__tab--active" : ""}`,
+      onClick: () => onTabChange(tab),
+      children: getTabLabel(tab, messages)
+    },
+    tab
+  )) });
+}
+function formatTime$1(timestamp) {
+  return formatLocalDate(timestamp);
+}
+function formatTokenAmount(amount) {
+  return formatTokenAmount$1(amount, {
+    showCurrency: false,
+    useAbbreviation: false,
+    decimals: 4,
+    minValue: 1e-4,
+    zeroText: "0"
+  });
+}
+function getEmptyMessage(rewardType, messages) {
+  switch (rewardType) {
+    case "Token":
+      return messages.emptyToken;
+    case "Nft":
+      return messages.emptyNft;
+    default:
+      return messages.noData;
+  }
+}
+function TokenRow({ item, onClick }) {
+  const tokenValue = item.reward_value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "taskon-reward-detail__row",
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--icon", children: tokenValue.token_logo && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: tokenValue.token_logo,
+            alt: tokenValue.token_name,
+            className: "taskon-reward-detail__token-icon"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
+          /* @__PURE__ */ jsxs("span", { className: "taskon-reward-detail__primary", children: [
+            "+",
+            formatTokenAmount(tokenValue.amount),
+            " ",
+            tokenValue.token_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) })
+      ]
+    }
+  );
+}
+function NftRow({
+  item,
+  onClick,
+  onClaim,
+  onTxClick,
+  messages
+}) {
+  const nftValue = item.reward_value;
+  const renderNftAction = () => {
+    if (nftValue.tx_hash) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "taskon-reward-detail__claimed-link",
+          onClick: (e3) => {
+            e3.stopPropagation();
+            onTxClick == null ? void 0 : onTxClick();
+          },
+          title: nftValue.tx_hash,
+          children: messages.claimedTxn
+        }
+      );
+    }
+    if (nftValue.claimable) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "taskon-reward-detail__claim-btn",
+          onClick: (e3) => {
+            e3.stopPropagation();
+            onClaim == null ? void 0 : onClaim();
+          },
+          children: messages.claim
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__manual-drop", children: messages.manualDrop });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "taskon-reward-detail__row taskon-reward-detail__row--nft",
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--nft-image", children: nftValue.collection_image && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: nftValue.collection_image,
+            alt: nftValue.collection_name,
+            className: "taskon-reward-detail__nft-image"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
+          /* @__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--action", children: renderNftAction() })
+      ]
+    }
+  );
+}
+function SimpleRow({ item, onClick }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "taskon-reward-detail__row",
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
+          /* @__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) })
+      ]
+    }
+  );
+}
+function RewardDetailList({
+  rewardType,
+  data,
+  loading,
+  error,
+  pagination,
+  messages,
+  onItemClick,
+  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: getEmptyMessage(rewardType, messages) });
+  }
+  const renderRow = (item, index) => {
+    const handleClick = onItemClick ? () => onItemClick(item) : void 0;
+    const itemKey = `${item.campaign_id}-${item.reward_time}-${index}`;
+    switch (rewardType) {
+      case RewardType.Token:
+        return /* @__PURE__ */ jsx(TokenRow, { item, onClick: handleClick }, itemKey);
+      case RewardType.Nft:
+        return /* @__PURE__ */ jsx(
+          NftRow,
+          {
+            item,
+            onClick: handleClick,
+            onClaim: onClaim ? () => onClaim(item) : void 0,
+            onTxClick: onTxClick ? () => onTxClick(item) : void 0,
+            messages
+          },
+          itemKey
+        );
+      default:
+        return /* @__PURE__ */ jsx(SimpleRow, { item, onClick: handleClick }, itemKey);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail", children: [
+    /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__list", children: data.map((item, index) => renderRow(item, index)) }),
+    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
+      }
+    ),
+    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) {
+  const num = parseFloat(amount);
+  if (isNaN(num) || num === 0) return "0";
+  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
+}
+function WarningIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "48", height: "48", children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }) });
+}
+function SuccessIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "48", height: "48", children: /* @__PURE__ */ jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
+}
+function WithdrawModal({
+  open,
+  status,
+  tokens,
+  messages,
+  error,
+  txHash,
+  isGasInsufficient,
+  onConfirm,
+  onCancel,
+  onClose
+}) {
+  if (!open) {
+    return null;
+  }
+  if (status === "noEnough" || isGasInsufficient) {
+    return /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open,
+        onOpenChange: (isOpen) => {
+          if (!isOpen) onClose();
+        },
+        title: messages.gasNotEnough,
+        showCloseButton: true,
+        contentClassName: "taskon-withdraw-modal__content",
+        maxWidth: 400,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
+            /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__icon taskon-withdraw-modal__icon--warning", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
+            /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-modal__message", children: messages.gasNotEnough })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__footer", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: messages.ok ?? "OK" }) })
+        ]
+      }
+    );
+  }
+  if (status === "success") {
+    return /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open,
+        onOpenChange: (isOpen) => {
+          if (!isOpen) onClose();
+        },
+        title: messages.withdrawSuccess,
+        showCloseButton: true,
+        contentClassName: "taskon-withdraw-modal__content",
+        maxWidth: 400,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
+            /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__icon taskon-withdraw-modal__icon--success", children: /* @__PURE__ */ jsx(SuccessIcon, {}) }),
+            /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-modal__message", children: messages.withdrawSuccess }),
+            txHash && /* @__PURE__ */ jsxs("p", { className: "taskon-withdraw-modal__tx-hash", children: [
+              "TX: ",
+              txHash.slice(0, 10),
+              "...",
+              txHash.slice(-8)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__footer", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onClose, children: messages.ok ?? "OK" }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) onCancel();
+      },
+      title: messages.withdrawConfirm,
+      showCloseButton: true,
+      contentClassName: "taskon-withdraw-modal__content",
+      maxWidth: 400,
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-modal__title", children: messages.withdrawConfirm }),
+        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
+          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__tokens", children: tokens.map((token) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "taskon-withdraw-modal__token-item",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__token-info", children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: token.tokenIcon,
+                      alt: token.tokenSymbol,
+                      className: "taskon-withdraw-modal__token-icon"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__token-details", children: [
+                    /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-symbol", children: token.tokenSymbol }),
+                    /* @__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) })
+              ]
+            },
+            token.tokenId
+          )) }),
+          error && /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__error", children: error.message })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__footer", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              onClick: onCancel,
+              disabled: status === "loading",
+              children: messages.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: onConfirm,
+              disabled: status === "loading",
+              loading: status === "loading",
+              children: status === "loading" ? messages.loading : messages.withdraw
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+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;
+  const currentXp = xpPointsInfo.amount;
+  const nextLevelXp = userInfo.next_level_limit;
+  let percent = 0;
+  if (nextLevelXp > 0) {
+    if (currentXp >= nextLevelXp) {
+      percent = 100;
+    } else {
+      percent = Number((currentXp / nextLevelXp * 100).toFixed(2));
+    }
+  }
+  const xpToNextLevel = currentXp >= nextLevelXp ? 0 : nextLevelXp - currentXp;
+  return {
+    level: userInfo.level,
+    currentXp,
+    nextLevelXp,
+    totalXp: currentXp,
+    percent,
+    xpToNextLevel,
+    xpPointsId: xpPointsInfo.points_info.points_id,
+    xpPointsName: xpPointsInfo.points_info.points_name,
+    xpPointsIcon: xpPointsInfo.points_info.points_icon
+  };
+}
+function useXpLevel(options = {}) {
+  const { autoLoad = true } = options;
+  const { client } = useTaskOnContext();
+  const [userInfo, setUserInfo] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const api = useMemo(() => {
+    if (!client) return null;
+    return createUserCenterApi(client);
+  }, [client]);
+  const xpData = useMemo(() => {
+    if (!userInfo) return null;
+    return calculateXpLevelData(userInfo);
+  }, [userInfo]);
+  const xpPointsInfo = useMemo(() => {
+    if (!userInfo || !userInfo.points_list.length) return null;
+    const firstPoints = userInfo.points_list[0];
+    return firstPoints ?? null;
+  }, [userInfo]);
+  const otherPointsList = useMemo(() => {
+    if (!userInfo || userInfo.points_list.length <= 1) return [];
+    return userInfo.points_list.slice(1);
+  }, [userInfo]);
+  const fetchData = useCallback(async () => {
+    if (!api) {
+      setError(new Error("TaskOn client not initialized"));
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await api.getCUserInfo({});
+      setUserInfo(response);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err : new Error("Failed to fetch user info")
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  const refresh = useCallback(async () => {
+    await fetchData();
+  }, [fetchData]);
+  useEffect(() => {
+    if (autoLoad) {
+      fetchData();
+    }
+  }, [autoLoad, fetchData]);
+  return {
+    userInfo,
+    xpData,
+    xpPointsInfo,
+    otherPointsList,
+    loading,
+    error,
+    refresh
+  };
+}
+export {
+  A as ActivityHistoryList,
+  a as AssetCard,
+  b as AssetCarousel,
+  EmptyState,
+  FrozenAssetList,
+  LoadingState,
+  Pagination,
+  RewardDetailList,
+  TabBar,
+  T as TokenAssetList,
+  U as UserCenterWidget,
+  WithdrawModal,
+  e2 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,
+  e as useIdentityData,
+  c2 as usePointsHistory,
+  u2 as useRewardDetails,
+  a2 as useTokenAssets,
+  b2 as useTokenWithdraw,
+  f as useUnbindSocial,
+  c as useUserRewards,
+  useXpLevel
+};