@taskon/widget-react 0.0.1-beta.5 → 0.0.1-beta.6

package/dist/chunks/{UserCenterWidget-CB0hnj-L.js → UserCenterWidget-jDO5zTN1.js}

@@ -1,9 +1,9 @@
-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-WmIF58Sb.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, 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-Bt4UZ33y.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-CvU6K4AC.js";
+import { h as useTaskOnContext } from "./ThemeProvider-mXLdLSkq.js";
+import { u as useUserCenterLocale, L as LoadingState, E as EmptyState, P as Pagination, f as formatDateTime, A as AssetImage, b as buildRewardCards, a as useBindSocialAccount, I as Input, c as useTokenAssets, d as useRewardDetails, e as usePointsHistory, W as WithdrawForm, g as PointsList, N as NftRewardContent, T as TokenRewardContent } from "./UserCenterWidget-D5ttw4hO.js";
+import { T as Table, a as usePagination, D as Dialog, B as Button, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D7yC894Y.js";
 import { u as useWallet, d as useToast } from "./useToast-CaRkylKe.js";
 import '../UserCenterWidget.css';function Tabs({
   items,
@@ -90,16 +90,16 @@ function ActivityHistoryList({
   loading,
   error,
   pagination,
-  messages,
   mode = "pagination",
   onItemClick,
   onRetry
 }) {
+  const { messages } = useUserCenterLocale();
   const columns = useMemo(
     () => [
       {
         key: "campaign_name",
-        title: messages.activityName,
+        title: messages.activity_name,
         cellClassName: "taskon-activity-history__cell--name",
         render: (_value, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-activity-history__name-cell", children: [
           /* @__PURE__ */ jsx("span", { className: "taskon-activity-history__campaign-name", children: row.campaign_name }),
@@ -108,14 +108,14 @@ function ActivityHistoryList({
       },
       {
         key: "time",
-        title: messages.activityTime,
+        title: messages.activity_time,
         width: "380px",
         align: "right",
         cellClassName: "taskon-activity-history__cell--time",
         render: (_value, row) => formatTimeRange(row.start_time, row.end_time)
       }
     ],
-    [messages.activityName, messages.activityTime]
+    [messages.activity_name, messages.activity_time]
   );
   const rowConfig = useMemo(
     () => ({
@@ -142,7 +142,7 @@ function ActivityHistoryList({
     ] });
   }
   if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyActivityHistory });
+    return /* @__PURE__ */ jsx(EmptyState, { message: messages.empty_activity_history });
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-activity-history", children: [
     /* @__PURE__ */ jsx(
@@ -165,8 +165,7 @@ function ActivityHistoryList({
         onPrevious: pagination.goToPrevious,
         onNext: pagination.goToNext,
         hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
+        hasNext: pagination.hasNext
       }
     ) : pagination.hasMore && /* @__PURE__ */ jsx("div", { className: "taskon-activity-history__load-more", children: /* @__PURE__ */ jsx(
       "button",
@@ -175,7 +174,7 @@ function ActivityHistoryList({
         className: "taskon-activity-history__load-more-btn",
         onClick: pagination.loadMore,
         disabled: loading,
-        children: loading ? messages.loading : messages.loadMore
+        children: loading ? messages.loading : messages.load_more
       }
     ) })
   ] });
@@ -184,21 +183,21 @@ function getCardTitle(type, messages, pointsData, xpLevelData) {
   var _a;
   switch (type) {
     case UserCenterRewardCardType.Token:
-      return messages.rewardToken;
+      return messages.reward_token;
     case UserCenterRewardCardType.Nft:
-      return messages.rewardNft;
+      return messages.reward_nft;
     case UserCenterRewardCardType.Whitelist:
-      return messages.rewardWhitelist;
+      return messages.reward_whitelist;
     case UserCenterRewardCardType.DiscordRole:
-      return messages.rewardDiscordRole;
+      return messages.reward_discord_role;
     case UserCenterRewardCardType.Points:
-      return (pointsData == null ? void 0 : pointsData.points_name) ?? messages.rewardPoints;
+      return (pointsData == null ? void 0 : pointsData.points_name) ?? messages.reward_points;
     case UserCenterRewardCardType.XpLevel: {
       const xpPointsName = (_a = xpLevelData == null ? void 0 : xpLevelData.xpPointsName) == null ? void 0 : _a.trim();
       if (xpPointsName) {
         return `${xpPointsName} & ${messages.level}`;
       }
-      return messages.rewardXpLevel;
+      return messages.reward_xp_level;
     }
     default:
       return type;
@@ -215,24 +214,75 @@ function TokenIcon() {
     /* @__PURE__ */ jsx("path", { d: "M12.5 2L3 10H22L12.5 2Z", fill: "url(#token-gem-top)" }),
     /* @__PURE__ */ jsx("path", { d: "M3 10L12.5 26L12.5 10H3Z", fill: "url(#token-gem-left)" }),
     /* @__PURE__ */ jsx("path", { d: "M22 10L12.5 26L12.5 10H22Z", fill: "url(#token-gem-right)" }),
-    /* @__PURE__ */ jsx("path", { d: "M12.5 2L8 10H17L12.5 2Z", fill: "url(#token-gem-highlight)", fillOpacity: "0.6" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.5 2L8 10H17L12.5 2Z",
+        fill: "url(#token-gem-highlight)",
+        fillOpacity: "0.6"
+      }
+    ),
     /* @__PURE__ */ jsxs("defs", { children: [
-      /* @__PURE__ */ jsxs("linearGradient", { id: "token-gem-top", x1: "12.5", y1: "2", x2: "12.5", y2: "10", gradientUnits: "userSpaceOnUse", children: [
-        /* @__PURE__ */ jsx("stop", { stopColor: "#81D4FA" }),
-        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#4FC3F7" })
-      ] }),
-      /* @__PURE__ */ jsxs("linearGradient", { id: "token-gem-left", x1: "3", y1: "10", x2: "12.5", y2: "26", gradientUnits: "userSpaceOnUse", children: [
-        /* @__PURE__ */ jsx("stop", { stopColor: "#4FC3F7" }),
-        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0288D1" })
-      ] }),
-      /* @__PURE__ */ jsxs("linearGradient", { id: "token-gem-right", x1: "22", y1: "10", x2: "12.5", y2: "26", gradientUnits: "userSpaceOnUse", children: [
-        /* @__PURE__ */ jsx("stop", { stopColor: "#29B6F6" }),
-        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0277BD" })
-      ] }),
-      /* @__PURE__ */ jsxs("linearGradient", { id: "token-gem-highlight", x1: "12.5", y1: "2", x2: "12.5", y2: "10", gradientUnits: "userSpaceOnUse", children: [
-        /* @__PURE__ */ jsx("stop", { stopColor: "#E1F5FE" }),
-        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#81D4FA" })
-      ] })
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "token-gem-top",
+          x1: "12.5",
+          y1: "2",
+          x2: "12.5",
+          y2: "10",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#81D4FA" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#4FC3F7" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "token-gem-left",
+          x1: "3",
+          y1: "10",
+          x2: "12.5",
+          y2: "26",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#4FC3F7" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0288D1" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "token-gem-right",
+          x1: "22",
+          y1: "10",
+          x2: "12.5",
+          y2: "26",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#29B6F6" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0277BD" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "token-gem-highlight",
+          x1: "12.5",
+          y1: "2",
+          x2: "12.5",
+          y2: "10",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#E1F5FE" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#81D4FA" })
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -263,10 +313,21 @@ function XpLevelIcon() {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "xp-gradient", x1: "13", y1: "2", x2: "13", y2: "21.5", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "#FDE68A" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#F59E0B" })
-    ] }) })
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+      "linearGradient",
+      {
+        id: "xp-gradient",
+        x1: "13",
+        y1: "2",
+        x2: "13",
+        y2: "21.5",
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "#FDE68A" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#F59E0B" })
+        ]
+      }
+    ) })
   ] });
 }
 function PointsIcon() {
@@ -278,10 +339,21 @@ function PointsIcon() {
         fill: "url(#points-gradient)"
       }
     ),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "points-gradient", x1: "12", y1: "2", x2: "12", y2: "20.8", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "#A78BFA" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#7C3AED" })
-    ] }) })
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+      "linearGradient",
+      {
+        id: "points-gradient",
+        x1: "12",
+        y1: "2",
+        x2: "12",
+        y2: "20.8",
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "#A78BFA" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#7C3AED" })
+        ]
+      }
+    ) })
   ] });
 }
 function DefaultIcon({
@@ -312,10 +384,10 @@ function AssetCard({
   value,
   selected = false,
   onClick,
-  messages,
   pointsData,
   xpLevelData
 }) {
+  const { messages } = useUserCenterLocale();
   const title = getCardTitle(type, messages, pointsData, xpLevelData);
   const iconUrl = getCardIconUrl(type, pointsData);
   const iconClassName = `taskon-asset-card__icon${needsLightBackground(type) ? " taskon-asset-card__icon--light" : ""}`;
@@ -327,7 +399,14 @@ function AssetCard({
       onClick,
       "aria-pressed": selected,
       children: [
-        /* @__PURE__ */ jsx("div", { className: iconClassName, children: iconUrl ? /* @__PURE__ */ jsx("img", { src: iconUrl, alt: title, className: "taskon-asset-card__icon-img" }) : /* @__PURE__ */ jsx(DefaultIcon, { type }) }),
+        /* @__PURE__ */ jsx("div", { className: iconClassName, children: iconUrl ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: iconUrl,
+            alt: title,
+            className: "taskon-asset-card__icon-img"
+          }
+        ) : /* @__PURE__ */ jsx(DefaultIcon, { type }) }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-asset-card__content", children: [
           /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__title", children: title }),
           /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__value", children: value })
@@ -340,9 +419,9 @@ function AssetCarousel({
   cards,
   selectedCard,
   selectedPointsId,
-  onSelectCard,
-  messages
+  onSelectCard
 }) {
+  const { messages } = useUserCenterLocale();
   const containerRef = useRef(null);
   const [showLeftArrow, setShowLeftArrow] = useState(false);
   const [showRightArrow, setShowRightArrow] = useState(false);
@@ -354,19 +433,16 @@ function AssetCarousel({
     setShowLeftArrow(scrollLeft > 0);
     setShowRightArrow(scrollLeft + clientWidth < scrollWidth - 1);
   }, []);
-  useCallback(
-    (direction) => {
-      const container = containerRef.current;
-      if (!container) return;
-      const scrollAmount = 200;
-      const newScrollLeft = direction === "left" ? container.scrollLeft - scrollAmount : container.scrollLeft + scrollAmount;
-      container.scrollTo({
-        left: newScrollLeft,
-        behavior: "smooth"
-      });
-    },
-    []
-  );
+  useCallback((direction) => {
+    const container = containerRef.current;
+    if (!container) return;
+    const scrollAmount = 200;
+    const newScrollLeft = direction === "left" ? container.scrollLeft - scrollAmount : container.scrollLeft + scrollAmount;
+    container.scrollTo({
+      left: newScrollLeft,
+      behavior: "smooth"
+    });
+  }, []);
   const isCardSelected = useCallback(
     (card) => {
       if (selectedCard !== card.type) return false;
@@ -392,7 +468,7 @@ function AssetCarousel({
     return /* @__PURE__ */ jsx("div", { className: "taskon-asset-carousel--empty" });
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-asset-carousel", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-asset-carousel__title", children: messages.sectionYouHaveEarned ?? "You have earned" }),
+    /* @__PURE__ */ jsx("h3", { className: "taskon-asset-carousel__title", children: messages.section_you_have_earned }),
     /* @__PURE__ */ jsx("div", { ref: containerRef, className: "taskon-asset-carousel__container", children: visibleCards.map((card, index) => {
       var _a;
       return /* @__PURE__ */ jsx(
@@ -405,7 +481,6 @@ function AssetCarousel({
             var _a2;
             return onSelectCard(card.type, (_a2 = card.pointsData) == null ? void 0 : _a2.points_id);
           },
-          messages,
           pointsData: card.pointsData,
           xpLevelData: card.xpLevelData
         },
@@ -472,28 +547,28 @@ function XpLevelCard({
   historyLoading,
   historyError,
   pagination,
-  messages,
   className = ""
 }) {
   var _a;
+  const { messages } = useUserCenterLocale();
   const { level, currentXp, nextLevelXp, totalXp } = xpData;
-  const pointsName = ((_a = xpData.pointsName) == null ? void 0 : _a.trim()) || "XP";
+  const pointsName = ((_a = xpData.pointsName) == null ? void 0 : _a.trim()) || messages.default_xp_points_name;
   const xpToNext = Math.max(0, nextLevelXp - currentXp);
   const columns = [
     {
       key: "detail",
-      title: messages.columnDetail,
+      title: messages.column_detail,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__name", children: row.name })
     },
     {
       key: "time",
-      title: messages.columnTime,
+      title: messages.column_time,
       width: 160,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__time", children: formatDateTime(row.receive_time) })
     },
     {
       key: "amount",
-      title: `${messages.columnAmount} (${pointsName})`,
+      title: `${messages.column_amount} (${pointsName})`,
       width: 160,
       align: "right",
       render: (_, row) => {
@@ -535,7 +610,7 @@ function XpLevelCard({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__xp", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-xp-level-card__xp-label", children: messages.totalXp }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-xp-level-card__xp-label", children: messages.total_xp }),
         /* @__PURE__ */ jsxs("span", { className: "taskon-xp-level-card__xp-value", children: [
           formatNumber(totalXp),
           " ",
@@ -553,7 +628,7 @@ function XpLevelCard({
           pointsName
         ] }),
         /* @__PURE__ */ jsxs("span", { children: [
-          messages.xpToNextLevel,
+          messages.xp_to_next_level,
           ": ",
           formatNumber(xpToNext),
           " ",
@@ -563,10 +638,10 @@ function XpLevelCard({
       /* @__PURE__ */ jsx(ProgressBar, { value: currentXp, max: nextLevelXp, height: 10 })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__history", children: [
-      /* @__PURE__ */ jsx("h4", { className: "taskon-xp-level-card__history-title", children: messages.xpHistory }),
+      /* @__PURE__ */ jsx("h4", { className: "taskon-xp-level-card__history-title", children: messages.xp_history }),
       historyLoading && historyData.length === 0 && /* @__PURE__ */ jsx(LoadingState, { message: messages.loading }),
       historyError && historyData.length === 0 && /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: historyError.message }) }),
-      !historyLoading && !historyError && historyData.length === 0 && /* @__PURE__ */ jsx(EmptyState, { message: messages.noData }),
+      !historyLoading && !historyError && historyData.length === 0 && /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data }),
       historyData.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-xp-level-card__table-wrap", children: /* @__PURE__ */ jsx(
           Table,
@@ -579,7 +654,7 @@ function XpLevelCard({
             loading: historyLoading && historyData.length > 0,
             loadingText: messages.loading,
             empty: {
-              title: messages.noData
+              title: messages.no_data
             }
           }
         ) }),
@@ -591,8 +666,7 @@ function XpLevelCard({
             onPrevious: pagination.goToPrevious,
             onNext: pagination.goToNext,
             hasPrevious: pagination.hasPrevious,
-            hasNext: pagination.hasNext,
-            messages
+            hasNext: pagination.hasNext
           }
         )
       ] })
@@ -603,9 +677,9 @@ function WhitelistTable({
   data,
   loading,
   error,
-  pagination,
-  messages
+  pagination
 }) {
+  const { messages } = useUserCenterLocale();
   if (loading && data.length === 0) {
     return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
   }
@@ -613,12 +687,12 @@ function WhitelistTable({
     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 });
+    return /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data });
   }
   const columns = [
     {
       key: "whitelist",
-      title: messages.columnWhitelist,
+      title: messages.column_whitelist,
       width: 100,
       render: (_, row) => {
         const wlValue = row.reward_value;
@@ -636,21 +710,21 @@ function WhitelistTable({
     },
     {
       key: "detail",
-      title: messages.columnDetail,
+      title: messages.column_detail,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: row.campaign_name })
     },
     {
       key: "time",
-      title: messages.columnTime,
+      title: messages.column_time,
       width: 160,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
     },
     {
       key: "status",
-      title: messages.columnStatus,
+      title: messages.column_status,
       width: 120,
       align: "right",
-      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manualDrop })
+      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manual_drop })
     }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-table", children: [
@@ -665,7 +739,7 @@ function WhitelistTable({
         loading: loading && data.length > 0,
         loadingText: messages.loading,
         empty: {
-          title: messages.noData
+          title: messages.no_data
         }
       }
     ),
@@ -677,8 +751,7 @@ function WhitelistTable({
         onPrevious: pagination.goToPrevious,
         onNext: pagination.goToNext,
         hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
+        hasNext: pagination.hasNext
       }
     )
   ] });
@@ -687,9 +760,9 @@ function DiscordRoleTable({
   data,
   loading,
   error,
-  pagination,
-  messages
+  pagination
 }) {
+  const { messages } = useUserCenterLocale();
   if (loading && data.length === 0) {
     return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
   }
@@ -697,12 +770,12 @@ function DiscordRoleTable({
     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 });
+    return /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data });
   }
   const columns = [
     {
       key: "discordRole",
-      title: messages.columnDiscordRole,
+      title: messages.column_discord_role,
       width: 160,
       render: (_, row) => {
         const dcValue = row.reward_value;
@@ -711,21 +784,21 @@ function DiscordRoleTable({
     },
     {
       key: "detail",
-      title: messages.columnDetail,
+      title: messages.column_detail,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: row.milestone_name || row.campaign_name })
     },
     {
       key: "time",
-      title: messages.columnTime,
+      title: messages.column_time,
       width: 160,
       render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
     },
     {
       key: "status",
-      title: messages.columnStatus,
+      title: messages.column_status,
       width: 120,
       align: "right",
-      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manualDrop })
+      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manual_drop })
     }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-table", children: [
@@ -740,7 +813,7 @@ function DiscordRoleTable({
         loading: loading && data.length > 0,
         loadingText: messages.loading,
         empty: {
-          title: messages.noData
+          title: messages.no_data
         }
       }
     ),
@@ -752,8 +825,7 @@ function DiscordRoleTable({
         onPrevious: pagination.goToPrevious,
         onNext: pagination.goToNext,
         hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
+        hasNext: pagination.hasNext
       }
     )
   ] });
@@ -1895,7 +1967,11 @@ function ArrowButton({
     }
   );
 }
-function CopyButton({ text }) {
+function CopyButton({
+  text,
+  copyLabel,
+  copiedLabel
+}) {
   const [copied, setCopied] = useState(false);
   const handleCopy = useCallback(() => {
     navigator.clipboard.writeText(text).then(() => {
@@ -1908,7 +1984,8 @@ function CopyButton({ text }) {
     {
       className: "taskon-network-copy-btn",
       onClick: handleCopy,
-      title: copied ? "Copied!" : "Copy",
+      title: copied ? copiedLabel : copyLabel,
+      "aria-label": copied ? copiedLabel : copyLabel,
       children: copied ? (
         // 复制成功图标（勾选）
         /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M3 7L6 10L11 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
@@ -1931,7 +2008,7 @@ function SocialAccountItem({
   disabledReason,
   messages
 }) {
-  const displayText = data.isBound && data.account ? data.account.sns_user_name : (messages.linkPlatformAccount ?? "Link {platform} Account").replace("{platform}", data.snsType);
+  const displayText = data.isBound && data.account ? data.account.sns_user_name : messages.link_platform_account.replace("{platform}", data.snsType);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1951,14 +2028,14 @@ function SocialAccountItem({
           ) : /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-item__name", children: displayText }) })
         ] }),
         data.isBound ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-item__linked", children: messages.linked ?? "Linked" }),
+          /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-item__linked", children: messages.linked }),
           !disabled && /* @__PURE__ */ jsx(
             "button",
             {
               className: "taskon-identity-social-item__unlink-btn",
               onClick: onUnbind,
               disabled: isLoading,
-              "aria-label": messages.unbind ?? "Unbind",
+              "aria-label": messages.unbind,
               children: isLoading ? /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-btn__spinner" }) : /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11 3L3 11M3 3L11 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
             }
           )
@@ -1991,18 +2068,25 @@ function WalletItem({
   const isEvm = data.coreChainType === "evm";
   if (isEvm && addresses && addresses.length > 0) {
     return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--multi", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: "EVM Chain" }) }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: messages.evm_chain }) }),
       /* @__PURE__ */ jsx(EvmChainIcons, {}),
       /* @__PURE__ */ jsx("div", { className: "taskon-network-card__addresses", children: addresses.map((addr, index) => {
         var _a, _b, _c;
         return /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row", children: [
           /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row__left", children: [
             /* @__PURE__ */ jsx("span", { className: `taskon-network-address-row__addr ${!addr.isPrimary ? "taskon-network-address-row__addr--secondary" : ""}`, children: truncateAddress(((_a = addr.address) == null ? void 0 : _a.address) ?? "") }),
-            /* @__PURE__ */ jsx(CopyButton, { text: ((_b = addr.address) == null ? void 0 : _b.address) ?? "" })
+            /* @__PURE__ */ jsx(
+              CopyButton,
+              {
+                text: ((_b = addr.address) == null ? void 0 : _b.address) ?? "",
+                copyLabel: messages.copy,
+                copiedLabel: messages.copied
+              }
+            )
           ] }),
           /* @__PURE__ */ jsx("div", { className: "taskon-network-address-row__divider" }),
           /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row__right", children: [
-            /* @__PURE__ */ jsx("span", { className: `taskon-network-address-row__type ${addr.isPrimary ? "taskon-network-address-row__type--primary" : "taskon-network-address-row__type--secondary"}`, children: addr.isPrimary ? "Primary Address" : "Secondary Address" }),
+            /* @__PURE__ */ jsx("span", { className: `taskon-network-address-row__type ${addr.isPrimary ? "taskon-network-address-row__type--primary" : "taskon-network-address-row__type--secondary"}`, children: addr.isPrimary ? messages.primary_address : messages.secondary_address }),
             /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "taskon-network-address-row__edit", children: [
               /* @__PURE__ */ jsx("path", { d: "M2 12H4L10.5 5.5L8.5 3.5L2 10V12Z", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
               /* @__PURE__ */ jsx("path", { d: "M8.5 3.5L10.5 5.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
@@ -2018,7 +2102,7 @@ function WalletItem({
               },
               disabled: isLoading || disabled,
               title: disabledReason,
-              children: messages.unbind ?? "Unbind"
+              children: messages.unbind
             }
           )
         ] }, ((_c = addr.address) == null ? void 0 : _c.address) ?? index);
@@ -2027,7 +2111,7 @@ function WalletItem({
   }
   if (isEvm && !data.isBound) {
     return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--multi", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: "EVM Chain" }) }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: messages.evm_chain }) }),
       /* @__PURE__ */ jsx(EvmChainIcons, {}),
       /* @__PURE__ */ jsx(
         "button",
@@ -2035,7 +2119,7 @@ function WalletItem({
           className: "taskon-network-connect-btn",
           onClick: onBind,
           disabled: isLoading,
-          children: isLoading ? messages.loading : messages.connectWallet ?? "Connect Wallet"
+          children: isLoading ? messages.loading : messages.connect_wallet
         }
       )
     ] });
@@ -2049,14 +2133,21 @@ function WalletItem({
           onClick: () => onUnbind(),
           disabled: isLoading || disabled,
           title: disabledReason,
-          children: messages.unbind ?? "Unbind"
+          children: messages.unbind
         }
       ),
       /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: name }) }),
       /* @__PURE__ */ jsx("div", { className: "taskon-network-card__chain-icon", children: /* @__PURE__ */ jsx(ChainIcon, { chain: data.coreChainType }) }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-input", children: [
         /* @__PURE__ */ jsx("span", { className: "taskon-network-address-input__text", children: truncateAddress(data.address.address) }),
-        /* @__PURE__ */ jsx(CopyButton, { text: data.address.address })
+        /* @__PURE__ */ jsx(
+          CopyButton,
+          {
+            text: data.address.address,
+            copyLabel: messages.copy,
+            copiedLabel: messages.copied
+          }
+        )
       ] })
     ] });
   }
@@ -2069,7 +2160,7 @@ function WalletItem({
         className: "taskon-network-connect-btn",
         onClick: onBind,
         disabled: isLoading,
-        children: isLoading ? messages.loading : messages.connectWallet ?? "Connect Wallet"
+        children: isLoading ? messages.loading : messages.connect_wallet
       }
     )
   ] });
@@ -2099,14 +2190,14 @@ function ConfirmUnlinkDialog({
     {
       open,
       onOpenChange,
-      title: messages.confirmUnbind,
+      title: messages.confirm_unbind,
       showCloseButton: false,
       maxWidth: 400,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink", children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-confirm-unlink__icon", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink__text", children: [
-          /* @__PURE__ */ jsx("h4", { className: "taskon-confirm-unlink__title", children: messages.confirmUnbind }),
-          /* @__PURE__ */ jsx("p", { className: "taskon-confirm-unlink__description", children: messages.unbindWarning })
+          /* @__PURE__ */ jsx("h4", { className: "taskon-confirm-unlink__title", children: messages.confirm_unbind }),
+          /* @__PURE__ */ jsx("p", { className: "taskon-confirm-unlink__description", children: messages.unbind_warning })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink__actions", children: [
           /* @__PURE__ */ jsx(
@@ -2134,17 +2225,19 @@ function ConfirmUnlinkDialog({
 }
 function SocialAccountsSection({
   accounts,
-  messages,
   onBind,
   onUnbind,
   isProcessing,
   checkUnlink,
   onShowWarning
 }) {
+  const { messages } = useUserCenterLocale();
   if (accounts.length === 0) {
     return null;
   }
-  const [confirmTarget, setConfirmTarget] = useState(null);
+  const [confirmTarget, setConfirmTarget] = useState(
+    null
+  );
   const showConfirm = confirmTarget !== null;
   const handleBind = useCallback(
     (account) => {
@@ -2157,7 +2250,7 @@ function SocialAccountsSection({
       if (!account.account) return;
       const check = checkUnlink(account.account);
       if (check.disabled) {
-        onShowWarning(check.message ?? messages.unbindFailed);
+        onShowWarning(check.message ?? messages.unbind_failed);
         return;
       }
       setConfirmTarget(account);
@@ -2170,7 +2263,7 @@ function SocialAccountsSection({
     setConfirmTarget(null);
   }, [confirmTarget, onUnbind]);
   return /* @__PURE__ */ jsxs("section", { className: "taskon-identity-social-section", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-identity-social-section__title", children: messages.socialAccounts ?? "Social Media Accounts" }),
+    /* @__PURE__ */ jsx("h3", { className: "taskon-identity-social-section__title", children: messages.social_accounts }),
     /* @__PURE__ */ jsx("div", { className: "taskon-identity-social-grid", children: accounts.map((account) => {
       const check = account.account ? checkUnlink(account.account) : { disabled: false, message: null };
       return /* @__PURE__ */ jsx(
@@ -2205,7 +2298,6 @@ function SocialAccountsSection({
 function WalletsSection({
   wallets,
   rawAddresses,
-  messages,
   onBind,
   onUnbind,
   isProcessing,
@@ -2213,6 +2305,7 @@ function WalletsSection({
   onShowWarning,
   onShowInfo
 }) {
+  const { messages } = useUserCenterLocale();
   if (wallets.length === 0) {
     return null;
   }
@@ -2242,11 +2335,11 @@ function WalletsSection({
       if (!addressToUnbind || !wallet.address) return;
       const check = checkUnlink(wallet.address, wallet.isKycVerified);
       if (check.disabled) {
-        onShowWarning(check.message ?? messages.unbindFailed);
+        onShowWarning(check.message ?? messages.unbind_failed);
         return;
       }
       if (check.needsKycWarning) {
-        onShowInfo(messages.kycWarning);
+        onShowInfo(messages.kyc_warning);
       }
       setConfirmTarget({ wallet, address: addressToUnbind });
     },
@@ -2258,7 +2351,7 @@ function WalletsSection({
     setConfirmTarget(null);
   }, [confirmTarget, onUnbind]);
   return /* @__PURE__ */ jsxs("section", { className: "taskon-network-section", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-network-section__title", children: messages.walletAddresses ?? "Network List" }),
+    /* @__PURE__ */ jsx("h3", { className: "taskon-network-section__title", children: messages.wallet_addresses }),
     /* @__PURE__ */ jsx("div", { className: "taskon-network-grid", children: wallets.map((wallet) => {
       const check = wallet.address ? checkUnlink(wallet.address, wallet.isKycVerified) : { disabled: false, message: null };
       const isEvm = wallet.coreChainType === "evm";
@@ -2314,16 +2407,16 @@ function EmailBindDialog({
   const showCodeInput = status === "inputCode" || status === "submitting" || status === "success";
   const emailError = useMemo(() => {
     if (isEmailDuplicate) {
-      return messages.emailAlreadyLinked ?? "This email is already linked to another account";
+      return messages.email_already_linked;
     }
     if (email && !isEmailValid) {
-      return messages.pleaseEnterValidEmail ?? "Please enter a valid email address";
+      return messages.please_enter_valid_email;
     }
     return void 0;
   }, [isEmailDuplicate, email, isEmailValid, messages]);
   const codeError = useMemo(() => {
     if (isCodeInvalid) {
-      return messages.pleaseEnterValidCode ?? "Please enter a valid verification code";
+      return messages.please_enter_valid_code;
     }
     return void 0;
   }, [isCodeInvalid, messages]);
@@ -2367,20 +2460,20 @@ function EmailBindDialog({
       onOpenChange: (open) => {
         if (!open) handleClose();
       },
-      title: messages.linkEmailAccount ?? "Link Email Account",
+      title: messages.link_email_account,
       showCloseButton: true,
       maxWidth: 400,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog", children: [
-        /* @__PURE__ */ jsx("h2", { className: "taskon-email-bind-dialog__title", children: messages.linkEmailAccount ?? "Link Email Account" }),
+        /* @__PURE__ */ jsx("h2", { className: "taskon-email-bind-dialog__title", children: messages.link_email_account }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog__field", children: [
-          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.emailAddress ?? "Email Address" }),
+          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.email_address }),
           /* @__PURE__ */ jsx(
             Input,
             {
               type: "email",
               value: email,
               onChange: handleEmailChange,
-              placeholder: messages.pleaseEnterEmail ?? "Please enter email address",
+              placeholder: messages.please_enter_email,
               maxLength: 64,
               disabled: showCodeInput,
               error: emailError,
@@ -2389,7 +2482,7 @@ function EmailBindDialog({
           )
         ] }),
         showCodeInput && /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog__field", children: [
-          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.verificationCode ?? "Verification Code" }),
+          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.verification_code }),
           /* @__PURE__ */ jsx(
             Input,
             {
@@ -2397,7 +2490,7 @@ function EmailBindDialog({
               inputMode: "numeric",
               value: code,
               onChange: handleCodeChange,
-              placeholder: messages.pleaseEnterCode ?? "Please enter verification code",
+              placeholder: messages.please_enter_code,
               maxLength: 6,
               disabled: isSubmitting,
               error: codeError,
@@ -2409,7 +2502,7 @@ function EmailBindDialog({
                   disabled: countdown > 0 || isSending,
                   loading: isSending,
                   onClick: handleSendCode,
-                  children: countdown > 0 ? `${messages.resendCode ?? "Resend"} (${countdown}s)` : messages.resendCode ?? "Resend"
+                  children: countdown > 0 ? `${messages.resend_code} (${countdown}s)` : messages.resend_code
                 }
               )
             }
@@ -2426,7 +2519,7 @@ function EmailBindDialog({
               loading: isSending,
               onClick: handleSendCode,
               style: { width: "100%" },
-              children: messages.sendVerificationCode ?? "Send Verification Code"
+              children: messages.send_verification_code
             }
           )
         ) : (
@@ -2440,7 +2533,7 @@ function EmailBindDialog({
               loading: isSubmitting,
               onClick: handleBind,
               style: { width: "100%" },
-              children: messages.confirm ?? "Confirm"
+              children: messages.confirm
             }
           )
         ) })
@@ -2450,7 +2543,6 @@ function EmailBindDialog({
 }
 function EmailSection({
   emailAccount,
-  messages,
   onUnbind,
   isUnbinding,
   checkUnlink,
@@ -2458,6 +2550,7 @@ function EmailSection({
   onShowError,
   onShowWarning
 }) {
+  const { messages } = useUserCenterLocale();
   const [dialogVisible, setDialogVisible] = useState(false);
   const {
     status: emailBindStatus,
@@ -2470,19 +2563,19 @@ function EmailSection({
     clearError: clearEmailError
   } = useBindEmail({
     onSendCodeSuccess: () => {
-      onShowSuccess(messages.sendCodeSuccess ?? "Verification code sent");
+      onShowSuccess(messages.send_code_success);
     },
     onSendCodeError: (error) => {
       if (!error.message.includes("duplicate")) {
-        onShowError(messages.sendCodeFailed ?? "Failed to send verification code");
+        onShowError(messages.send_code_failed);
       }
     },
     onBindSuccess: () => {
-      onShowSuccess(messages.bindSuccess);
+      onShowSuccess(messages.bind_success);
       setDialogVisible(false);
     },
     onBindError: () => {
-      onShowError(messages.bindFailed);
+      onShowError(messages.bind_failed);
     }
   });
   const handleBind = useCallback(() => {
@@ -2492,7 +2585,7 @@ function EmailSection({
     if (!emailAccount.account) return;
     const check2 = checkUnlink(emailAccount.account);
     if (check2.disabled) {
-      onShowWarning(check2.message ?? messages.unbindFailed);
+      onShowWarning(check2.message ?? messages.unbind_failed);
       return;
     }
     onUnbind(emailAccount.account.sns_id, "Email");
@@ -2504,7 +2597,7 @@ function EmailSection({
   const check = emailAccount.account ? checkUnlink(emailAccount.account) : { disabled: false, message: null };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("section", { className: "taskon-identity-email-section", children: [
-      /* @__PURE__ */ jsx("h3", { className: "taskon-identity-email-section__title", children: messages.emailAddress ?? "Email Address" }),
+      /* @__PURE__ */ jsx("h3", { className: "taskon-identity-email-section__title", children: messages.email_address }),
       /* @__PURE__ */ jsx("div", { className: "taskon-identity-email-card", children: /* @__PURE__ */ jsx(
         SocialAccountItem,
         {
@@ -2538,11 +2631,13 @@ function EmailSection({
 const USER_CENTER_WALLET_ACCOUNT_TYPE = String(SnsType.All).toLowerCase();
 const isWalletAccountType = (accountType) => accountType.toLowerCase() === USER_CENTER_WALLET_ACCOUNT_TYPE;
 function IdentityContent({
-  config,
-  messages
+  config
 }) {
   var _a, _b, _c, _d;
-  const identityTab = config.find((t) => t.tab === "Identity");
+  const { t } = useUserCenterLocale();
+  const identityTab = config.find(
+    (t2) => t2.tab === "Identity"
+  );
   const enabledAccounts = identityTab ? filterEnabledAccounts(identityTab) : [];
   const enabledWallets = identityTab ? filterEnabledWallets(identityTab) : [];
   const identityParams = identityTab && !Array.isArray(identityTab.params) ? identityTab.params : void 0;
@@ -2561,18 +2656,22 @@ function IdentityContent({
     processingType: socialProcessingType
   } = useUnbindSocial({
     onUnbindSuccess: () => {
-      toast.success(messages.unbindSuccess);
+      toast.success(t("unbind_success"));
     },
     onUnbindError: () => {
-      toast.error(messages.unbindFailed);
+      toast.error(t("unbind_failed"));
     }
   });
-  const { bind: bindOAuth, isBinding: isOAuthBinding, isOAuthSupported } = useOAuthBindings({
+  const {
+    bind: bindOAuth,
+    isBinding: isOAuthBinding,
+    isOAuthSupported
+  } = useOAuthBindings({
     onSuccess: () => {
-      toast.success(messages.bindSuccess);
+      toast.success(t("bind_success"));
     },
     onFailed: (error) => {
-      toast.error(error || messages.bindFailed);
+      toast.error(error || t("bind_failed"));
     }
   });
   const {
@@ -2583,16 +2682,16 @@ function IdentityContent({
     processingChain: walletProcessingChain
   } = useBindWallet({
     onBindSuccess: () => {
-      toast.success(messages.bindSuccess);
+      toast.success(t("bind_success"));
     },
     onUnbindSuccess: () => {
-      toast.success(messages.unbindSuccess);
+      toast.success(t("unbind_success"));
     },
     onBindError: () => {
-      toast.error(messages.bindFailed);
+      toast.error(t("bind_failed"));
     },
     onUnbindError: () => {
-      toast.error(messages.unbindFailed);
+      toast.error(t("unbind_failed"));
     }
   });
   const enabledSocialAccountTypes = useMemo(() => {
@@ -2626,7 +2725,12 @@ function IdentityContent({
     return walletAddresses.filter((wallet) => {
       return enabledWalletChainTypes.has(wallet.coreChainType.toLowerCase());
     });
-  }, [walletAddresses, hasExplicitWalletConfig, enabledWalletChainTypes, isWalletAccountEnabled]);
+  }, [
+    walletAddresses,
+    hasExplicitWalletConfig,
+    enabledWalletChainTypes,
+    isWalletAccountEnabled
+  ]);
   const emailAccount = useMemo(() => {
     return filteredSocialAccounts.find((a) => a.snsType === SnsType.Email);
   }, [filteredSocialAccounts]);
@@ -2639,9 +2743,9 @@ function IdentityContent({
         bindOAuth(snsType);
         return;
       }
-      toast.info(messages.bindSocialTodo ?? "This binding method is not yet supported");
+      toast.info(t("bind_social_todo"));
     },
-    [bindOAuth, isOAuthSupported, toast, messages]
+    [bindOAuth, isOAuthSupported, toast, t]
   );
   const isSocialProcessing = useCallback(
     (snsType) => {
@@ -2672,7 +2776,7 @@ function IdentityContent({
     return socialProcessingType === SnsType.Email && socialUnbindStatus === "loading";
   }, [socialProcessingType, socialUnbindStatus]);
   if (!isLoaded) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-identity", children: /* @__PURE__ */ jsx("div", { className: "taskon-identity-loading", children: messages.loading }) });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-identity", children: /* @__PURE__ */ jsx("div", { className: "taskon-identity-loading", children: t("loading") }) });
   }
   const isEmpty = socialAccountsWithoutEmail.length === 0 && !emailAccount && filteredWalletAddresses.length === 0;
   return /* @__PURE__ */ jsxs("div", { className: "taskon-identity", children: [
@@ -2680,7 +2784,6 @@ function IdentityContent({
       SocialAccountsSection,
       {
         accounts: socialAccountsWithoutEmail,
-        messages,
         onBind: handleSocialBind,
         onUnbind: unbindSocial,
         isProcessing: isSocialProcessing,
@@ -2693,7 +2796,6 @@ function IdentityContent({
       {
         wallets: filteredWalletAddresses,
         rawAddresses,
-        messages,
         onBind: handleWalletBind,
         onUnbind: handleWalletUnbind,
         isProcessing: isWalletProcessing,
@@ -2706,7 +2808,6 @@ function IdentityContent({
       EmailSection,
       {
         emailAccount,
-        messages,
         onUnbind: unbindSocial,
         isUnbinding: isEmailUnbinding,
         checkUnlink: checkSocialUnlink,
@@ -2715,15 +2816,15 @@ function IdentityContent({
         onShowWarning: toast.warning
       }
     ),
-    isEmpty && /* @__PURE__ */ jsx("div", { className: "taskon-identity-empty", children: messages.noData ?? "No identity options configured" })
+    isEmpty && /* @__PURE__ */ jsx("div", { className: "taskon-identity-empty", children: t("empty_identity") })
   ] });
 }
 function MyRewardsContent({
-  messages,
   defaultRewardCard,
   defaultPointId
 }) {
   const { toast } = useToast();
+  const { t } = useUserCenterLocale();
   const { client } = useTaskOnContext();
   const [selectedPointsId, setSelectedPointsId] = useState(null);
   const hasUserSelectedRef = useRef(false);
@@ -2858,7 +2959,7 @@ function MyRewardsContent({
       return;
     }
     if (!item.nonce || !item.receiver_address) {
-      toast.error(messages.error ?? "Missing resend payload");
+      toast.error(t("missing_resend_payload"));
       return;
     }
     try {
@@ -2866,9 +2967,11 @@ function MyRewardsContent({
         chain: viewingFrozenToken.chain,
         nonce: item.nonce
       });
-      const withdrawableRequests = requests.filter((request) => request.can_withdraw);
+      const withdrawableRequests = requests.filter(
+        (request) => request.can_withdraw
+      );
       if (withdrawableRequests.length === 0) {
-        toast.error(messages.emptyToken ?? "No tokens available for resend");
+        toast.error(t("no_tokens_for_resend"));
         return;
       }
       setResendParams({
@@ -2879,7 +2982,9 @@ function MyRewardsContent({
       setSelectedTokenForWithdraw(viewingFrozenToken);
       setShowWithdrawForm(true);
     } catch (error) {
-      toast.error(error instanceof Error ? error.message : "Failed to load resend details");
+      toast.error(
+        error instanceof Error ? error.message : t("failed_load_resend_details")
+      );
     }
   };
   const handleSelectCard = (type, pointsId) => {
@@ -2925,14 +3030,14 @@ function MyRewardsContent({
     }
   }, [selectedCard]);
   if (rewardsLoading && cards.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
+    return /* @__PURE__ */ jsx(LoadingState, { message: t("loading") });
   }
   if (rewardsError && cards.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: rewardsError.message }) });
   }
   const hasVisibleCards = cards.some((c) => c.visible);
   if (!rewardsLoading && !hasVisibleCards) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyRewards });
+    return /* @__PURE__ */ jsx(EmptyState, { message: t("empty_rewards") });
   }
   const renderSelectedContent = () => {
     switch (selectedCard) {
@@ -2948,7 +3053,6 @@ function MyRewardsContent({
             tokenHistoryLoading,
             tokenHistoryError,
             tokenHistoryPagination,
-            messages,
             onWithdraw: handleWithdraw,
             onBatchWithdraw: handleBatchWithdraw,
             onViewFrozen: handleViewFrozen,
@@ -2964,7 +3068,7 @@ function MyRewardsContent({
         );
       case USER_CENTER_REWARD_CARD_TYPES.XpLevel:
         if (!selectedXpLevelData) {
-          return /* @__PURE__ */ jsx(EmptyState, { message: messages.noData });
+          return /* @__PURE__ */ jsx(EmptyState, { message: t("no_data") });
         }
         return /* @__PURE__ */ jsx(
           XpLevelCard,
@@ -2979,8 +3083,7 @@ function MyRewardsContent({
             historyData: xpLevelHistory,
             historyLoading: xpLevelHistoryLoading,
             historyError: xpLevelHistoryError,
-            pagination: xpLevelHistoryPagination,
-            messages
+            pagination: xpLevelHistoryPagination
           }
         );
       case USER_CENTER_REWARD_CARD_TYPES.Nft:
@@ -2991,7 +3094,6 @@ function MyRewardsContent({
             loading: nftLoading,
             error: nftError,
             pagination: nftPagination,
-            messages,
             onClaimSuccess: () => {
               refreshNftList();
             }
@@ -3004,8 +3106,7 @@ function MyRewardsContent({
             data: whitelistList,
             loading: whitelistLoading,
             error: whitelistError,
-            pagination: whitelistPagination,
-            messages
+            pagination: whitelistPagination
           }
         );
       case USER_CENTER_REWARD_CARD_TYPES.DiscordRole:
@@ -3015,13 +3116,12 @@ function MyRewardsContent({
             data: discordRoleList,
             loading: discordRoleLoading,
             error: discordRoleError,
-            pagination: discordRolePagination,
-            messages
+            pagination: discordRolePagination
           }
         );
       case USER_CENTER_REWARD_CARD_TYPES.Points:
         if (!selectedPointsData) {
-          return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyPoints });
+          return /* @__PURE__ */ jsx(EmptyState, { message: t("empty_points") });
         }
         return /* @__PURE__ */ jsx(
           PointsList,
@@ -3030,8 +3130,7 @@ function MyRewardsContent({
             data: pointsHistory,
             loading: pointsLoading,
             error: pointsError,
-            pagination: pointsPagination,
-            messages
+            pagination: pointsPagination
           }
         );
       default:
@@ -3045,8 +3144,7 @@ function MyRewardsContent({
         cards,
         selectedCard,
         selectedPointsId,
-        onSelectCard: handleSelectCard,
-        messages
+        onSelectCard: handleSelectCard
       }
     ),
     renderSelectedContent(),
@@ -3054,7 +3152,6 @@ function MyRewardsContent({
       WithdrawForm,
       {
         open: showWithdrawForm,
-        messages,
         tokenAssets,
         tokenAssetsLoading,
         initialTokenId: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.token_id,
@@ -3076,7 +3173,10 @@ function MyRewardsContent({
             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)
+            amountInWei: toWei(
+              request.token_amount,
+              request.token_decimals
+            )
           };
         }) : void 0,
         onClose: () => {
@@ -3092,9 +3192,7 @@ function MyRewardsContent({
     )
   ] });
 }
-function ActivityHistoryContent({
-  messages
-}) {
+function ActivityHistoryContent() {
   const { data, loading, error, pagination, refresh } = useActivityHistory({
     mode: "pagination"
   });
@@ -3105,7 +3203,6 @@ function ActivityHistoryContent({
       loading,
       error,
       pagination,
-      messages,
       mode: "pagination",
       onRetry: refresh
     }
@@ -3119,17 +3216,13 @@ function mergeUserCenterConfig(props, cloud) {
   };
 }
 const TAB_LABEL_KEYS = {
-  [UserCenterTabType.MyRewards]: "tabMyRewards",
-  [UserCenterTabType.Identity]: "tabIdentity",
-  [UserCenterTabType.ActivityHistory]: "tabActivityHistory"
-};
-const TAB_DEFAULT_LABELS = {
-  [UserCenterTabType.MyRewards]: "My Rewards",
-  [UserCenterTabType.Identity]: "Identity",
-  [UserCenterTabType.ActivityHistory]: "Activity History"
+  [UserCenterTabType.MyRewards]: "tab_my_rewards",
+  [UserCenterTabType.Identity]: "tab_identity",
+  [UserCenterTabType.ActivityHistory]: "tab_activity_history"
 };
 function UserCenterWidget(props) {
   const { widgetId, themeMode } = props;
+  const { t } = useUserCenterLocale();
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeUserCenterConfig(
@@ -3147,14 +3240,8 @@ function UserCenterWidget(props) {
       cloudTheme,
       themeMode,
       className: "taskon-user-center",
-      errorMessage: configError ?? (!isConfigured ? "未配置" : void 0),
-      children: Array.isArray(resolvedConfig) && resolvedConfig.length > 0 ? /* @__PURE__ */ jsx(
-        UserCenterWidgetInner,
-        {
-          ...props,
-          config: resolvedConfig
-        }
-      ) : null
+      errorMessage: configError ?? (!isConfigured ? t("not_configured") : void 0),
+      children: Array.isArray(resolvedConfig) && resolvedConfig.length > 0 ? /* @__PURE__ */ jsx(UserCenterWidgetInner, { ...props, config: resolvedConfig }) : null
     }
   );
 }
@@ -3169,29 +3256,25 @@ function UserCenterWidgetInner({
 }) {
   var _a;
   const { isInitializing } = useTaskOnContext();
-  const { messages, isLoading: isLocaleLoading } = useWidgetLocale({
-    widgetId: "UserCenterWidget",
-    defaultMessages: enMessages,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./UserCenterWidget-CvU6K4AC.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 { t, isLoading: isLocaleLoading } = useUserCenterLocale();
   const enabledTabs = useMemo(() => filterEnabledTabs(config), [config]);
   const tabItems = useMemo(() => {
     return enabledTabs.map((tabConfig) => ({
       key: tabConfig.tab,
-      label: messages[TAB_LABEL_KEYS[tabConfig.tab]] ?? TAB_DEFAULT_LABELS[tabConfig.tab]
+      label: t(TAB_LABEL_KEYS[tabConfig.tab])
     }));
-  }, [enabledTabs, messages]);
-  const initialTab = defaultTab && enabledTabs.some((t) => t.tab === defaultTab) ? defaultTab : ((_a = enabledTabs[0]) == null ? void 0 : _a.tab) ?? UserCenterTabType.MyRewards;
+  }, [enabledTabs, t]);
+  const initialTab = defaultTab && enabledTabs.some((t2) => t2.tab === defaultTab) ? defaultTab : ((_a = enabledTabs[0]) == null ? void 0 : _a.tab) ?? UserCenterTabType.MyRewards;
   const [activeTab, setActiveTab] = useState(initialTab);
   const handleTabChange = (tab) => {
     setActiveTab(tab);
     onTabChange == null ? void 0 : onTabChange(tab);
   };
   if (isInitializing || isLocaleLoading) {
-    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx(LoadingState, { message: messages.loading }) });
+    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx(LoadingState, { message: t("loading") }) });
   }
   if (enabledTabs.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx("div", { className: "taskon-user-center-empty", children: messages.noData }) });
+    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx("div", { className: "taskon-user-center-empty", children: t("no_data") }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: `taskon-user-center ${className}`, style, children: [
     /* @__PURE__ */ jsx(Tabs, { items: tabItems, activeKey: activeTab, onChange: handleTabChange }),
@@ -3200,31 +3283,15 @@ function UserCenterWidgetInner({
         MyRewardsContent,
         {
           config,
-          messages,
           defaultRewardCard,
           defaultPointId
         }
       ),
-      activeTab === UserCenterTabType.Identity && /* @__PURE__ */ jsx(IdentityContent, { config, messages }),
-      activeTab === UserCenterTabType.ActivityHistory && /* @__PURE__ */ jsx(
-        ActivityHistoryContent,
-        {
-          messages
-        }
-      )
+      activeTab === UserCenterTabType.Identity && /* @__PURE__ */ jsx(IdentityContent, { config }),
+      activeTab === UserCenterTabType.ActivityHistory && /* @__PURE__ */ jsx(ActivityHistoryContent, {})
     ] })
   ] });
 }
 export {
-  ActivityHistoryList as A,
-  UserCenterWidget as U,
-  AssetCard as a,
-  AssetCarousel as b,
-  useUserRewards as c,
-  useFrozenAssets as d,
-  useIdentityData as e,
-  useUnbindSocial as f,
-  useBindWallet as g,
-  useDisableUnlink as h,
-  useActivityHistory as u
+  UserCenterWidget as U
 };