@taskon/widget-react 0.0.1 → 0.0.2

package/dist/chunks/{LeaderboardWidget-BSGpHKTk.js → LeaderboardWidget-DyoiiNS6.js}

@@ -1,97 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useMemo, useCallback, useEffect } from "react";
-import { createLeaderboardApi, LeaderboardContentType, formatRankRange, RewardsDistributeType, formatRewardText, calculatePrizePool, RewardType, LeaderboardTableColumn, isAllTimeResponse, isCampaignResponse } from "@taskon/core";
-import { b as useTaskOnContext } from "./ThemeProvider-Cs8IUVQj.js";
-import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-NlOgn1x5.js";
-import { u as useWidgetLocale } from "./useWidgetLocale-BVcopbZS.js";
-import { B as Button, T as Table, P as Pagination } from "./Table-CWGf2FKV.js";
-import '../LeaderboardWidget.css';function usePagination(options) {
-  const { total, pageSize, initialPage = 0, mode = "pagination" } = options;
-  const [page2, setPage] = useState(initialPage);
-  const totalPages = useMemo(() => {
-    return Math.max(1, Math.ceil(total / pageSize));
-  }, [total, pageSize]);
-  const safePage = useMemo(() => {
-    return Math.min(page2, totalPages - 1);
-  }, [page2, totalPages]);
-  if (safePage !== page2) {
-    setPage(safePage);
-  }
-  const hasPrevious = safePage > 0;
-  const hasNext = safePage < totalPages - 1;
-  const goToPage = useCallback(
-    (targetPage) => {
-      const validPage = Math.max(0, Math.min(targetPage, totalPages - 1));
-      setPage(validPage);
-    },
-    [totalPages]
-  );
-  const goToPrevious = useCallback(() => {
-    if (hasPrevious) {
-      setPage((p) => p - 1);
-    }
-  }, [hasPrevious]);
-  const goToNext = useCallback(() => {
-    if (hasNext) {
-      setPage((p) => p + 1);
-    }
-  }, [hasNext]);
-  const reset = useCallback(() => {
-    setPage(0);
-  }, []);
-  const startIndex = safePage * pageSize + 1;
-  const endIndex = Math.min((safePage + 1) * pageSize, total);
-  const hasMore = useMemo(() => {
-    if (mode === "infinite") {
-      return safePage < totalPages - 1;
-    }
-    return hasNext;
-  }, [mode, safePage, totalPages, hasNext]);
-  const loadedCount = useMemo(() => {
-    if (mode === "infinite") {
-      return Math.min((safePage + 1) * pageSize, total);
-    }
-    return endIndex - startIndex + 1;
-  }, [mode, safePage, pageSize, total, startIndex, endIndex]);
-  const loadMore = useCallback(() => {
-    if (mode === "infinite" && hasMore) {
-      setPage((p) => p + 1);
-    }
-  }, [mode, hasMore]);
-  return {
-    page: safePage,
-    totalPages,
-    hasPrevious,
-    hasNext,
-    goToPage,
-    goToPrevious,
-    goToNext,
-    reset,
-    startIndex,
-    endIndex,
-    // Infinite 模式专用
-    loadMore,
-    hasMore,
-    loadedCount
-  };
-}
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
-      reject.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-function useLeaderboard(options) {
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { createLeaderboardApi, LeaderboardContentType, formatRankRange, RewardsDistributeType, formatRewardText, calculatePrizePool, RewardType, LeaderboardTableColumn, truncateAddress, isAllTimeResponse, isCampaignResponse } from "@taskon/core";
+import { h as useTaskOnContext, c as useTranslation, e as createLocaleLoader, D as Dialog } from "./ThemeProvider-CulHkqqY.js";
+import { B as Button, T as Table, P as Pagination, u as useResolvedWidgetConfig, W as WidgetShell, a as usePagination } from "./WidgetShell-8xn-Jivw.js";
+import '../LeaderboardWidget.css';function useLeaderboard(options) {
   const { client } = useTaskOnContext();
   const [data, setData] = useState(null);
   const [loading2, setLoading] = useState(false);
@@ -169,12 +81,12 @@ function useCampaignReward(campaignId) {
   }, [campaignId, client]);
   const rewardSummary = useMemo(() => {
     if (!campaignInfo) return null;
-    let totalWinners2 = 0;
+    let totalWinners = 0;
     const tiers = [];
     campaignInfo.winner_rewards.forEach((wr) => {
       wr.winner_layer_rewards.forEach((wlr, index) => {
         var _a;
-        totalWinners2 += wlr.max_winners;
+        totalWinners += wlr.max_winners;
         const { text: rankRangeText, from: rankFrom, to: rankTo } = formatRankRange(wlr, index);
         const distributeType = ((_a = wlr.rewards[0]) == null ? void 0 : _a.reward_distribute_type) || RewardsDistributeType.Equally;
         const simpleReward = campaignInfo.winner_rewards_simple[index];
@@ -193,10 +105,10 @@ function useCampaignReward(campaignId) {
         });
       });
     });
-    const prizePool2 = calculatePrizePool(campaignInfo.winner_rewards_simple);
+    const prizePool = calculatePrizePool(campaignInfo.winner_rewards_simple);
     return {
-      prizePool: prizePool2,
-      totalWinners: totalWinners2,
+      prizePool,
+      totalWinners,
       tiers,
       startTime: campaignInfo.start_time,
       endTime: campaignInfo.end_time,
@@ -213,6 +125,126 @@ function useCampaignReward(campaignId) {
     refresh: fetchCampaignInfo
   };
 }
+const tab_all_time = "All Time";
+const tab_quest = "Quest";
+const tab_event = "Event";
+const tab_sprint = "Sprint";
+const column_rank = "Rank";
+const column_position = "Position";
+const column_user = "User";
+const column_tasks = "Tasks";
+const column_invited_users = "Invited Users";
+const column_current_tier = "Current Tier";
+const column_points = "Points";
+const column_rewards = "Reward";
+const status_ongoing = "Ongoing";
+const status_ended = "Ended";
+const status_upcoming = "Upcoming";
+const participants = "Participants";
+const prize_pool = "Prize Pool";
+const total_winners = "Total Winners";
+const reward_rules = "Reward Rules";
+const reward_rules_title = "Reward Rules";
+const reward_rules_desc = "Rewards will be given based on leaderboard rankings, determined by users' {pointsName} earned during the event.";
+const event_period = "Event Period";
+const reward_details = "Reward Details";
+const each_receives = "Each receives {amount}";
+const randomly_split = "Randomly split {amount}";
+const empty_title = "No Rankings Yet";
+const empty_desc = "Be the first to join and claim the top spot!";
+const page = "Page";
+const of = "of";
+const previous = "Previous";
+const next = "Next";
+const loading = "Loading...";
+const error = "Failed to load leaderboard";
+const retry = "Retry";
+const not_configured = "Not configured";
+const you = "You";
+const unranked = "Unranked";
+const na = "N/A";
+const no_data = "-";
+const whitelist = "Whitelist";
+const reward_type_nft = "NFT:";
+const reward_type_discord_role = "Discord Role:";
+const reward_type_exp = "EXP:";
+const reward_type_token = "Token:";
+const reward_type_cap = "CAP";
+const reward_value_usd_in = "{amount} USD in {symbol}";
+const reward_rank_top = "Top {val}";
+const enMessages = {
+  tab_all_time,
+  tab_quest,
+  tab_event,
+  tab_sprint,
+  column_rank,
+  column_position,
+  column_user,
+  column_tasks,
+  column_invited_users,
+  column_current_tier,
+  column_points,
+  column_rewards,
+  status_ongoing,
+  status_ended,
+  status_upcoming,
+  participants,
+  prize_pool,
+  total_winners,
+  reward_rules,
+  reward_rules_title,
+  reward_rules_desc,
+  event_period,
+  reward_details,
+  each_receives,
+  randomly_split,
+  empty_title,
+  empty_desc,
+  page,
+  of,
+  previous,
+  next,
+  loading,
+  error,
+  retry,
+  not_configured,
+  you,
+  unranked,
+  na,
+  no_data,
+  whitelist,
+  reward_type_nft,
+  reward_type_discord_role,
+  reward_type_exp,
+  reward_type_token,
+  reward_type_cap,
+  reward_value_usd_in,
+  reward_rank_top
+};
+const loadMessages = createLocaleLoader(
+  enMessages,
+  {
+    ko: () => import("./leaderboardwidget-ko-CG6SWgxf.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./leaderboardwidget-ja-Q6u0HxKG.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./leaderboardwidget-ru-DCcHcJGz.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./leaderboardwidget-es-vKjrjQaz.js").then((module) => ({
+      default: module.default
+    }))
+  }
+);
+function useLeaderboardLocale() {
+  return useTranslation({
+    widgetId: "LeaderboardWidget",
+    defaultMessages: enMessages,
+    loadMessages
+  });
+}
 function HexagonBadge({
   rank,
   colorClass
@@ -240,11 +272,12 @@ function HexagonBadge({
   ] });
 }
 function RankBadge({ rank, isAllTime = false, className = "" }) {
+  const { t } = useLeaderboardLocale();
   if (rank < 0) {
-    return /* @__PURE__ */ jsx("span", { className: `taskon-leaderboard-rank taskon-leaderboard-rank--na ${className}`, children: "N/A" });
+    return /* @__PURE__ */ jsx("span", { className: `taskon-leaderboard-rank taskon-leaderboard-rank--na ${className}`, children: t("na") });
   }
   if (rank === 0) {
-    return /* @__PURE__ */ jsx("span", { className: `taskon-leaderboard-rank taskon-leaderboard-rank--unranked ${className}`, children: "--" });
+    return /* @__PURE__ */ jsx("span", { className: `taskon-leaderboard-rank taskon-leaderboard-rank--unranked ${className}`, children: t("unranked") });
   }
   if (rank === 1) {
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(HexagonBadge, { rank: 1, colorClass: "gold" }) });
@@ -260,12 +293,13 @@ function RankBadge({ rank, isAllTime = false, className = "" }) {
 function UserCell({
   userId,
   userName,
+  displayName,
   avatar,
   isCurrentUser = false,
-  youLabel = "YOU",
   onUserClick,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
   const handleClick = () => {
     if (onUserClick) {
       onUserClick(userId, userName);
@@ -273,7 +307,13 @@ function UserCell({
   };
   const isClickable = !!onUserClick && !isCurrentUser;
   if (isCurrentUser) {
-    return /* @__PURE__ */ jsx("div", { className: `taskon-leaderboard-user taskon-leaderboard-user--current ${className}`, children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__you-badge", children: youLabel }) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `taskon-leaderboard-user taskon-leaderboard-user--current ${className}`,
+        children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__you-badge", children: t("you") })
+      }
+    );
   }
   return /* @__PURE__ */ jsx(
     "div",
@@ -287,36 +327,36 @@ function UserCell({
           handleClick();
         }
       } : void 0,
-      children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__name", children: userName })
+      children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__name", children: displayName ?? userName })
     }
   );
 }
-function getRewardTypeLabel(rewardType, rewardPointsName, messages) {
+function getRewardTypeLabel(rewardType, rewardPointsName, t) {
   if (!rewardType) return null;
   if (rewardType === RewardType.BMintedNft || rewardType === RewardType.Cap || rewardType === RewardType.Nft) {
-    return "NFT:";
+    return t("reward_type_nft");
   }
   if (rewardType === RewardType.DiscordRole) {
-    return "Discord Role:";
+    return t("reward_type_discord_role");
   }
   if (rewardType === RewardType.Exp) {
-    return "EXP:";
+    return t("reward_type_exp");
   }
   if (rewardType === RewardType.GTCPoints || rewardType === RewardType.Points) {
-    return `${rewardPointsName || messages.columnPoints}:`;
+    return `${rewardPointsName || t("column_points")}:`;
   }
   if (rewardType === RewardType.Token) {
-    return "Token:";
+    return t("reward_type_token");
   }
   if (rewardType === RewardType.Whitelist) {
     return null;
   }
   return null;
 }
-function getRewardValueLabel(rewardType, rewardAmount, rewardSymbol, chainLabel, isUsdtEqual, messages) {
+function getRewardValueLabel(rewardType, rewardAmount, rewardSymbol, chainLabel, isUsdtEqual, t) {
   if (!rewardType) {
     return {
-      value: rewardAmount ? `${rewardAmount} ${rewardSymbol || ""}` : messages.noData,
+      value: rewardAmount ? `${rewardAmount} ${rewardSymbol || ""}` : t("no_data"),
       showChain: !!chainLabel
     };
   }
@@ -324,22 +364,31 @@ function getRewardValueLabel(rewardType, rewardAmount, rewardSymbol, chainLabel,
     return { value: rewardSymbol || "", showChain: false };
   }
   if (rewardType === RewardType.Cap) {
-    return { value: "CAP", showChain: false };
+    return { value: t("reward_type_cap"), showChain: false };
   }
   if (rewardType === RewardType.GTCPoints || rewardType === RewardType.Points) {
     return { value: rewardAmount || "", showChain: false };
   }
   if (rewardType === RewardType.Token) {
     if (isUsdtEqual) {
-      return { value: `${rewardAmount} USD in ${rewardSymbol}`, showChain: false };
+      return {
+        value: t("reward_value_usd_in", {
+          amount: rewardAmount ?? "",
+          symbol: rewardSymbol ?? ""
+        }),
+        showChain: false
+      };
     }
-    return { value: `${rewardAmount} ${rewardSymbol}`, showChain: !!chainLabel };
+    return {
+      value: `${rewardAmount} ${rewardSymbol}`,
+      showChain: !!chainLabel
+    };
   }
   if (rewardType === RewardType.Whitelist) {
-    return { value: messages.whitelist || "Whitelist", showChain: false };
+    return { value: t("whitelist"), showChain: false };
   }
   return {
-    value: rewardAmount ? `${rewardAmount} ${rewardSymbol || ""}` : messages.noData,
+    value: rewardAmount ? `${rewardAmount} ${rewardSymbol || ""}` : t("no_data"),
     showChain: !!chainLabel
   };
 }
@@ -350,32 +399,38 @@ function RewardCell({
   rewardType,
   rewardPointsName,
   isUsdtEqual,
-  messages,
   isPotential = false,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
   if (!rewardAmount && !rewardType) {
-    return /* @__PURE__ */ jsx("span", { className, children: messages.noData });
+    return /* @__PURE__ */ jsx("span", { className, children: t("no_data") });
   }
-  const typeLabel = getRewardTypeLabel(rewardType, rewardPointsName, messages);
+  const typeLabel = getRewardTypeLabel(rewardType, rewardPointsName, t);
   const { value, showChain } = getRewardValueLabel(
     rewardType,
     rewardAmount,
     rewardSymbol,
     chainLabel,
     isUsdtEqual,
-    messages
+    t
   );
   const potentialClass = isPotential ? "taskon-leaderboard-table__reward--potential" : "";
-  return /* @__PURE__ */ jsxs("span", { className: `taskon-leaderboard-table__reward ${potentialClass} ${className}`, children: [
-    typeLabel && /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-table__reward-type", children: typeLabel }),
-    /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-table__reward-value", children: value }),
-    showChain && chainLabel && /* @__PURE__ */ jsxs("span", { className: "taskon-leaderboard-table__reward-chain", children: [
-      "(",
-      chainLabel,
-      ")"
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `taskon-leaderboard-table__reward ${potentialClass} ${className}`,
+      children: [
+        typeLabel && /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-table__reward-type", children: typeLabel }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-table__reward-value", children: value }),
+        showChain && chainLabel && /* @__PURE__ */ jsxs("span", { className: "taskon-leaderboard-table__reward-chain", children: [
+          "(",
+          chainLabel,
+          ")"
+        ] })
+      ]
+    }
+  );
 }
 function LeaderboardTabs({
   tabs,
@@ -383,6 +438,21 @@ function LeaderboardTabs({
   onTabChange,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
+  const getFallbackTitle = (tab) => {
+    switch (tab.type) {
+      case LeaderboardContentType.AllTime:
+        return t("tab_all_time");
+      case LeaderboardContentType.Quest:
+        return t("tab_quest");
+      case LeaderboardContentType.Event:
+        return t("tab_event");
+      case LeaderboardContentType.LeaderboardSprint:
+        return t("tab_sprint");
+      default:
+        return "";
+    }
+  };
   if (tabs.length <= 1) {
     return null;
   }
@@ -396,7 +466,7 @@ function LeaderboardTabs({
         "aria-controls": `leaderboard-panel-${tab.id}`,
         className: `taskon-leaderboard-tabs__tab ${isActive ? "taskon-leaderboard-tabs__tab--active" : ""}`,
         onClick: () => onTabChange(tab.id),
-        children: tab.title
+        children: tab.title || getFallbackTitle(tab)
       },
       tab.id
     );
@@ -422,36 +492,38 @@ function formatTimeRange(startTime, endTime) {
   const endMinutes = String(end.getMinutes()).padStart(2, "0");
   return `(${timezone})  ${startYear}-${startMonth}-${startDay} ${startHours}:${startMinutes} ～ ${endYear}-${endMonth}-${endDay} ${endHours}:${endMinutes}`;
 }
-function getEventStatus(startTime, endTime, messages) {
+function getEventStatus(startTime, endTime, t) {
   if (!startTime || !endTime) return null;
   const now = Date.now();
   if (now < startTime) {
-    return { label: messages.statusUpcoming, status: "upcoming" };
+    return { label: t("status_upcoming"), status: "upcoming" };
   }
   if (now > endTime) {
-    return { label: messages.statusEnded, status: "ended" };
+    return { label: t("status_ended"), status: "ended" };
   }
-  return { label: messages.statusOngoing, status: "ongoing" };
+  return { label: t("status_ongoing"), status: "ongoing" };
 }
 function LeaderboardHeader({
   tabConfig,
   showTitle,
   rewardSummary,
   participantsCount,
-  messages,
   onOpenRewardRules,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
   const isSprint = tabConfig.type === LeaderboardContentType.LeaderboardSprint;
-  const eventStatus = getEventStatus(tabConfig.startTime, tabConfig.endTime, messages);
+  const sprintRewardSummary = isSprint ? rewardSummary ?? null : null;
+  const eventStatus = getEventStatus(tabConfig.startTime, tabConfig.endTime, t);
   const hasTimeRange = tabConfig.startTime && tabConfig.endTime;
   const hasParticipants = typeof participantsCount === "number";
-  const hasContent = eventStatus || hasTimeRange || hasParticipants;
-  if (!hasContent && !showTitle && !isSprint) {
+  const shouldShowInfo = Boolean(showTitle && (eventStatus || hasTimeRange || hasParticipants));
+  const shouldShowRewardInfo = sprintRewardSummary !== null;
+  if (!shouldShowInfo && !shouldShowRewardInfo) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", { className: `taskon-leaderboard-header ${className}`, children: [
-    (eventStatus || hasTimeRange || hasParticipants) && /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__info", children: [
+    shouldShowInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__info", children: [
       eventStatus && /* @__PURE__ */ jsx(
         "span",
         {
@@ -462,19 +534,19 @@ function LeaderboardHeader({
       hasTimeRange && /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__time", children: formatTimeRange(tabConfig.startTime, tabConfig.endTime) }),
       hasParticipants && (eventStatus || hasTimeRange) && /* @__PURE__ */ jsx("div", { className: "taskon-leaderboard-header__separator" }),
       hasParticipants && /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__participants", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__participants-label", children: messages.participants || "Participants" }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__participants-label", children: t("participants") }),
         /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__participants-value", children: participantsCount.toLocaleString() })
       ] })
     ] }),
-    isSprint && rewardSummary && /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__reward-info", children: [
+    shouldShowRewardInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__reward-info", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__reward-item", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-label", children: messages.prizePool }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-value", children: rewardSummary.prizePool || "-" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-label", children: t("prize_pool") }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-value", children: sprintRewardSummary.prizePool || t("no_data") })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "taskon-leaderboard-header__reward-separator" }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-header__reward-item", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-label", children: messages.totalWinners }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-value", children: rewardSummary.totalWinners })
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-label", children: t("total_winners") }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-header__reward-value", children: sprintRewardSummary.totalWinners })
       ] }),
       onOpenRewardRules && /* @__PURE__ */ jsx(
         Button,
@@ -483,28 +555,28 @@ function LeaderboardHeader({
           size: "small",
           onClick: onOpenRewardRules,
           className: "taskon-leaderboard-header__reward-rules-btn",
-          children: messages.rewardRules
+          children: t("reward_rules")
         }
       )
     ] })
   ] });
 }
-function getColumnTitle(column, messages, pointsName) {
+function getColumnTitle(column, t, pointsName) {
   switch (column) {
     case LeaderboardTableColumn.Rank:
-      return messages.columnRank;
+      return t("column_rank");
     case LeaderboardTableColumn.User:
-      return messages.columnUser;
+      return t("column_user");
     case LeaderboardTableColumn.Tasks:
-      return messages.columnTasks;
+      return t("column_tasks");
     case LeaderboardTableColumn.InvitedUsers:
-      return messages.columnInvitedUsers;
+      return t("column_invited_users");
     case LeaderboardTableColumn.CurrentTier:
-      return messages.columnCurrentTier;
+      return t("column_current_tier");
     case LeaderboardTableColumn.Points:
-      return pointsName || messages.columnPoints;
+      return pointsName || t("column_points");
     case LeaderboardTableColumn.Rewards:
-      return messages.columnRewards;
+      return t("column_rewards");
     default:
       return "";
   }
@@ -553,17 +625,20 @@ function convertCampaignData(data) {
     };
   });
 }
+function formatUserDisplayName(userName) {
+  return truncateAddress(userName, 6, 6);
+}
 function LeaderboardTable({
   tabConfig,
   allTimeData,
   campaignData,
   currentUserId,
-  messages,
   onUserClick,
   rewardTiers,
   loading: loading2 = false,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
   const isAllTime = tabConfig.type === LeaderboardContentType.AllTime;
   const tableData = useMemo(() => {
     if (isAllTime && allTimeData) {
@@ -578,7 +653,7 @@ function LeaderboardTable({
     return tabConfig.columns.map((column) => {
       const baseColumn = {
         key: column,
-        title: getColumnTitle(column, messages, tabConfig.pointsName)
+        title: getColumnTitle(column, t, tabConfig.pointsName)
       };
       switch (column) {
         case LeaderboardTableColumn.Rank:
@@ -596,9 +671,9 @@ function LeaderboardTable({
               {
                 userId: row.userId,
                 userName: row.userName,
+                displayName: formatUserDisplayName(row.userName),
                 avatar: row.avatar,
                 isCurrentUser: currentUserId === row.userId,
-                youLabel: messages.you,
                 onUserClick
               }
             )
@@ -607,25 +682,25 @@ function LeaderboardTable({
           return {
             ...baseColumn,
             width: 142,
-            render: (_, row) => row.tasks ?? messages.noData
+            render: (_, row) => row.tasks ?? t("no_data")
           };
         case LeaderboardTableColumn.InvitedUsers:
           return {
             ...baseColumn,
             width: 142,
-            render: (_, row) => row.invitedUsers ?? messages.noData
+            render: (_, row) => row.invitedUsers ?? t("no_data")
           };
         case LeaderboardTableColumn.CurrentTier:
           return {
             ...baseColumn,
             width: 142,
-            render: (_, row) => row.currentTier ?? messages.noData
+            render: (_, row) => row.currentTier ?? t("no_data")
           };
         case LeaderboardTableColumn.Points:
           return {
             ...baseColumn,
             width: 142,
-            render: (_, row) => row.points && row.points > 0 ? row.points.toLocaleString() : messages.noData
+            render: (_, row) => row.points && row.points > 0 ? row.points.toLocaleString() : t("no_data")
           };
         case LeaderboardTableColumn.Rewards:
           return {
@@ -642,8 +717,7 @@ function LeaderboardTable({
                     chainLabel: row.chainLabel,
                     rewardType: row.rewardType,
                     rewardPointsName: row.rewardPointsName,
-                    isUsdtEqual: row.isUsdtEqual,
-                    messages
+                    isUsdtEqual: row.isUsdtEqual
                   }
                 );
               }
@@ -655,22 +729,28 @@ function LeaderboardTable({
                     rewardAmount: reward.rewardAmount,
                     rewardSymbol: reward.rewardSymbol,
                     chainLabel: reward.chainLabel,
-                    messages,
                     isPotential: true
                   }
                 );
               }
-              return messages.noData;
+              return t("no_data");
             }
           };
         default:
           return {
             ...baseColumn,
-            render: () => messages.noData
+            render: () => t("no_data")
           };
       }
     });
-  }, [tabConfig.columns, tabConfig.pointsName, messages, currentUserId, onUserClick, rewardTiers]);
+  }, [
+    tabConfig.columns,
+    tabConfig.pointsName,
+    t,
+    currentUserId,
+    onUserClick,
+    rewardTiers
+  ]);
   const rowConfig = useMemo(
     () => ({
       getRowKey: (row) => row.id,
@@ -680,10 +760,10 @@ function LeaderboardTable({
   );
   const emptyConfig = useMemo(
     () => ({
-      title: messages.emptyTitle,
-      description: messages.emptyDesc
+      title: t("empty_title"),
+      description: t("empty_desc")
     }),
-    [messages.emptyTitle, messages.emptyDesc]
+    [t]
   );
   return /* @__PURE__ */ jsx(
     Table,
@@ -692,7 +772,7 @@ function LeaderboardTable({
       data: tableData,
       rowConfig,
       loading: loading2,
-      loadingText: messages.loading,
+      loadingText: t("loading"),
       empty: emptyConfig,
       striped: true,
       className
@@ -707,7 +787,6 @@ function LeaderboardPagination({
   hasNext,
   onPrevious,
   onNext,
-  messages,
   className = ""
 }) {
   if (totalPages <= 1 || total === 0) {
@@ -731,7 +810,7 @@ function LeaderboardPagination({
 function formatDate(timestamp) {
   if (!timestamp) return "";
   const date = new Date(timestamp);
-  return date.toLocaleDateString("en-US", {
+  return date.toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -739,26 +818,23 @@ function formatDate(timestamp) {
     minute: "2-digit"
   });
 }
-function getDistributeText(distributeType, messages) {
+function getDistributeText(distributeType, t) {
   switch (distributeType) {
     case RewardsDistributeType.Equally:
-      return "Each receives";
+      return t("each_receives", { amount: "{amount}" }).replace("{amount}", "").trim();
     case RewardsDistributeType.Random:
-      return "Randomly split";
+      return t("randomly_split", { amount: "{amount}" }).replace("{amount}", "").trim();
     default:
       return "";
   }
 }
 function TierRow({
   tier,
-  messages
+  t
 }) {
-  const distributeText = getDistributeText(tier.distributeType);
+  const distributeText = getDistributeText(tier.distributeType, t);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__tier", children: [
-    /* @__PURE__ */ jsxs("span", { className: "taskon-leaderboard-modal__tier-rank", children: [
-      "Top ",
-      tier.rankRangeText
-    ] }),
+    /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-modal__tier-rank", children: t("reward_rank_top", { val: tier.rankRangeText }) }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__tier-reward", children: [
       distributeText && /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-modal__tier-distribute", children: distributeText }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__tier-token", children: [
@@ -785,16 +861,15 @@ function RewardRulesModal({
   isOpen,
   onClose,
   rewardSummary,
-  messages,
   className = ""
 }) {
+  const { t } = useLeaderboardLocale();
   if (!rewardSummary) {
     return null;
   }
-  const description = messages.rewardRulesDesc.replace(
-    "{pointsName}",
-    rewardSummary.pointsName || "points"
-  );
+  const description = t("reward_rules_desc", {
+    pointsName: rewardSummary.pointsName || t("column_points")
+  });
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -802,16 +877,16 @@ function RewardRulesModal({
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      title: messages.rewardRulesTitle,
+      title: t("reward_rules_title"),
       showCloseButton: true,
       className,
       contentClassName: "taskon-leaderboard-modal",
       maxWidth: 480,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__content", children: [
-        /* @__PURE__ */ jsx("h2", { className: "taskon-leaderboard-modal__title", children: messages.rewardRulesTitle }),
+        /* @__PURE__ */ jsx("h2", { className: "taskon-leaderboard-modal__title", children: t("reward_rules_title") }),
         /* @__PURE__ */ jsx("p", { className: "taskon-leaderboard-modal__desc", children: description }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__section", children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-leaderboard-modal__section-title", children: messages.eventPeriod }),
+          /* @__PURE__ */ jsx("h3", { className: "taskon-leaderboard-modal__section-title", children: t("event_period") }),
           /* @__PURE__ */ jsxs("p", { className: "taskon-leaderboard-modal__period", children: [
             formatDate(rewardSummary.startTime),
             " -",
@@ -820,8 +895,8 @@ function RewardRulesModal({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard-modal__section", children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-leaderboard-modal__section-title", children: messages.rewardDetails }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-leaderboard-modal__tiers", children: rewardSummary.tiers.map((tier) => /* @__PURE__ */ jsx(TierRow, { tier, messages }, tier.tierNo)) })
+          /* @__PURE__ */ jsx("h3", { className: "taskon-leaderboard-modal__section-title", children: t("reward_details") }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-leaderboard-modal__tiers", children: rewardSummary.tiers.map((tier) => /* @__PURE__ */ jsx(TierRow, { tier, t }, tier.tierNo)) })
         ] })
       ] })
     }
@@ -832,131 +907,9 @@ function mergeLeaderboardConfig(props, cloud) {
     config: props.config ?? cloud ?? null
   };
 }
-const tabAllTime = "All Time";
-const tabQuest = "Quest";
-const tabEvent = "Event";
-const tabSprint = "Sprint";
-const columnRank = "Rank";
-const columnPosition = "Position";
-const columnUser = "User";
-const columnTasks = "Tasks";
-const columnInvitedUsers = "Invited Users";
-const columnCurrentTier = "Current Tier";
-const columnPoints = "Points";
-const columnRewards = "Reward";
-const statusOngoing = "Ongoing";
-const statusEnded = "Ended";
-const statusUpcoming = "Upcoming";
-const participants = "Participants";
-const prizePool = "Prize Pool";
-const totalWinners = "Total Winners";
-const rewardRules = "Reward Rules";
-const rewardRulesTitle = "Reward Rules";
-const rewardRulesDesc = "Rewards will be given based on leaderboard rankings, determined by users' {pointsName} earned during the event.";
-const eventPeriod = "Event Period";
-const rewardDetails = "Reward Details";
-const eachReceives = "Each receives {amount}";
-const randomlySplit = "Randomly split {amount}";
-const emptyTitle = "No Rankings Yet";
-const emptyDesc = "Be the first to join and claim the top spot!";
-const page = "Page";
-const of = "of";
-const previous = "Previous";
-const next = "Next";
-const loading = "Loading...";
-const error = "Failed to load leaderboard";
-const retry = "Retry";
-const you = "You";
-const unranked = "Unranked";
-const na = "N/A";
-const noData = "-";
-const whitelist = "Whitelist";
-const enMessages = {
-  tabAllTime,
-  tabQuest,
-  tabEvent,
-  tabSprint,
-  columnRank,
-  columnPosition,
-  columnUser,
-  columnTasks,
-  columnInvitedUsers,
-  columnCurrentTier,
-  columnPoints,
-  columnRewards,
-  statusOngoing,
-  statusEnded,
-  statusUpcoming,
-  participants,
-  prizePool,
-  totalWinners,
-  rewardRules,
-  rewardRulesTitle,
-  rewardRulesDesc,
-  eventPeriod,
-  rewardDetails,
-  eachReceives,
-  randomlySplit,
-  emptyTitle,
-  emptyDesc,
-  page,
-  of,
-  previous,
-  next,
-  loading,
-  error,
-  retry,
-  you,
-  unranked,
-  na,
-  noData,
-  whitelist
-};
-const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  columnCurrentTier,
-  columnInvitedUsers,
-  columnPoints,
-  columnPosition,
-  columnRank,
-  columnRewards,
-  columnTasks,
-  columnUser,
-  default: enMessages,
-  eachReceives,
-  emptyDesc,
-  emptyTitle,
-  error,
-  eventPeriod,
-  loading,
-  na,
-  next,
-  noData,
-  of,
-  page,
-  participants,
-  previous,
-  prizePool,
-  randomlySplit,
-  retry,
-  rewardDetails,
-  rewardRules,
-  rewardRulesDesc,
-  rewardRulesTitle,
-  statusEnded,
-  statusOngoing,
-  statusUpcoming,
-  tabAllTime,
-  tabEvent,
-  tabQuest,
-  tabSprint,
-  totalWinners,
-  unranked,
-  whitelist,
-  you
-}, Symbol.toStringTag, { value: "Module" }));
 function LeaderboardWidget(props) {
-  const { widgetId } = props;
+  const { widgetId, themeMode } = props;
+  const { t } = useLeaderboardLocale();
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeLeaderboardConfig(
@@ -964,21 +917,23 @@ function LeaderboardWidget(props) {
       functionConfig ?? null
     );
   }, [props.config, functionConfig]);
+  const isConfigured = !!mergedConfig.config && Array.isArray(mergedConfig.config.leaderboards) && mergedConfig.config.leaderboards.length > 0;
   return /* @__PURE__ */ jsx(
     WidgetShell,
     {
       widgetId,
       isConfigLoading,
       cloudTheme,
+      themeMode,
       className: "taskon-leaderboard",
-      errorMessage: configError ?? (!mergedConfig.config ? "Leaderboard config is required. Please provide config via props or widgetId." : void 0),
-      children: /* @__PURE__ */ jsx(
+      errorMessage: configError ?? (!isConfigured ? t("not_configured") : void 0),
+      children: isConfigured ? /* @__PURE__ */ jsx(
         LeaderboardWidgetInner,
         {
           ...props,
           config: mergedConfig.config
         }
-      )
+      ) : null
     }
   );
 }
@@ -992,11 +947,7 @@ function LeaderboardWidgetInner({
 }) {
   var _a;
   const { userId } = useTaskOnContext();
-  const { messages } = useWidgetLocale({
-    widgetId: "LeaderboardWidget",
-    defaultMessages: enMessages,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => Promise.resolve().then(() => en), "./locales/ja.json": () => import("./leaderboardwidget-ja-Bj6gz6y1.js"), "./locales/ko.json": () => import("./leaderboardwidget-ko-f1cLO9ic.js") }), `./locales/${locale}.json`, 3)
-  });
+  const { t } = useLeaderboardLocale();
   const [activeTabId, setActiveTabId] = useState(
     defaultTabId || ((_a = config.leaderboards[0]) == null ? void 0 : _a.id) || ""
   );
@@ -1004,14 +955,17 @@ function LeaderboardWidgetInner({
   const currentTab = useMemo(() => {
     return config.leaderboards.find((tab) => tab.id === activeTabId);
   }, [config.leaderboards, activeTabId]);
+  const [paginationTotal, setPaginationTotal] = useState(0);
   const {
     page: page2,
+    totalPages: actualTotalPages,
+    hasPrevious,
+    hasNext,
     goToPrevious,
     goToNext,
     reset: resetPagination
   } = usePagination({
-    total: 0,
-    // 初始值，hasPrevious/hasNext 将根据实际 total 重新计算
+    total: paginationTotal,
     pageSize: config.displayOptions.rows
   });
   const {
@@ -1025,9 +979,9 @@ function LeaderboardWidgetInner({
     page: page2,
     pageSize: config.displayOptions.rows
   });
-  const actualTotalPages = Math.max(1, Math.ceil(total / config.displayOptions.rows));
-  const hasPrevious = page2 > 0;
-  const hasNext = page2 < actualTotalPages - 1;
+  useEffect(() => {
+    setPaginationTotal(total);
+  }, [total]);
   const isSprint = (currentTab == null ? void 0 : currentTab.type) === LeaderboardContentType.LeaderboardSprint;
   const { rewardSummary, loading: rewardLoading } = useCampaignReward(
     isSprint ? currentTab == null ? void 0 : currentTab.relatedId : void 0
@@ -1066,7 +1020,7 @@ function LeaderboardWidgetInner({
   }, [leaderboardData]);
   if (leaderboardError) {
     return /* @__PURE__ */ jsx("div", { className: `taskon-leaderboard taskon-leaderboard--error ${className}`, style, children: /* @__PURE__ */ jsxs("div", { className: "taskon-leaderboard__error", children: [
-      /* @__PURE__ */ jsx("p", { className: "taskon-leaderboard__error-text", children: messages.error }),
+      /* @__PURE__ */ jsx("p", { className: "taskon-leaderboard__error-text", children: t("error") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -1074,7 +1028,7 @@ function LeaderboardWidgetInner({
           size: "medium",
           onClick: refreshLeaderboard,
           className: "taskon-leaderboard__retry-btn",
-          children: messages.retry
+          children: t("retry")
         }
       )
     ] }) });
@@ -1098,7 +1052,6 @@ function LeaderboardWidgetInner({
         showTitle: config.displayOptions.showTitle,
         rewardSummary,
         participantsCount,
-        messages,
         onOpenRewardRules: isSprint ? handleOpenRewardRules : void 0
       }
     ),
@@ -1109,7 +1062,6 @@ function LeaderboardWidgetInner({
         allTimeData,
         campaignData,
         currentUserId: userId,
-        messages,
         onUserClick,
         rewardTiers: rewardSummary == null ? void 0 : rewardSummary.tiers,
         loading: leaderboardLoading || rewardLoading,
@@ -1125,8 +1077,7 @@ function LeaderboardWidgetInner({
         hasPrevious,
         hasNext,
         onPrevious: goToPrevious,
-        onNext: goToNext,
-        messages
+        onNext: goToNext
       }
     ),
     isSprint && /* @__PURE__ */ jsx(
@@ -1134,23 +1085,11 @@ function LeaderboardWidgetInner({
       {
         isOpen: isRewardModalOpen,
         onClose: handleCloseRewardRules,
-        rewardSummary,
-        messages
+        rewardSummary
       }
     )
   ] });
 }
 export {
-  LeaderboardWidget as L,
-  RankBadge as R,
-  UserCell as U,
-  __variableDynamicImportRuntimeHelper as _,
-  useCampaignReward as a,
-  usePagination as b,
-  LeaderboardTabs as c,
-  LeaderboardHeader as d,
-  LeaderboardTable as e,
-  LeaderboardPagination as f,
-  RewardRulesModal as g,
-  useLeaderboard as u
+  LeaderboardWidget as L
 };