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

package/dist/chunks/{CommunityTaskList-CrMvOB8w.js → CommunityTaskList-Hde2OKHH.js}

@@ -1,12 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useContext, useMemo } from "react";
 import { isUnauthorizedError, TaskReviewResult, formatLongNumber, EligibilityType, Operator, MeetConditionStatus, RewardType, formatUtcTime, ErrorCode, SnsType, createCommunityTaskApi, TaskCardType, ChainType, getSwapDexTitleExpress, UserEligibleStatus, CampaignStatus, MediaType, createQuestApi, CampaignType, formatTokenAmount, TaskTemplateId, EligibilityTemplateId, RecurrenceType, createCommonApi, normalizeTask, formatSwapTokensForDisplay, formatAddress } from "@taskon/core";
-import { q as TaskOnContext, d as useTaskOnContext, t as useTaskOnPortalContainer } from "./ThemeProvider-Bt4UZ33y.js";
-import { D as Dialog, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-WmIF58Sb.js";
-import { u as useTranslation, c as createLocaleLoader } from "./createLocaleLoader-BameiEhU.js";
+import { c as useTranslation, e as createLocaleLoader, v as TaskOnContext, h as useTaskOnContext, x as useTaskOnPortalContainer } from "./ThemeProvider-mXLdLSkq.js";
+import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D7yC894Y.js";
 import { d as useToast } from "./useToast-CaRkylKe.js";
-import { a as useBindWallet, T as TitleExpress, b as CardDescExpress, c as useNftClaimFlow, R as RewardModuleDialog, B as BlindBoxDialog, d as TaskItem, E as EligibilityInfo, e as Textarea } from "./EligibilityInfo-Beww12QX.js";
-import { g as useBindSocialAccount, B as BindWalletDialog, l as useChainMap, s as TipPopover, k as useIsMobile, I as Input } from "./UserCenterWidget-CvU6K4AC.js";
+import { u as useBindWallet, T as TitleExpress, C as CardDescExpress, a as useNftClaimFlow, R as RewardModuleDialog, B as BlindBoxDialog, b as TaskItem, E as EligibilityInfo, c as Textarea } from "./EligibilityInfo-BV0Z2TgY.js";
+import { a as useBindSocialAccount, B as BindWalletDialog, l as useChainMap, q as TipPopover, h as useIsMobile, I as Input } from "./UserCenterWidget-D5ttw4hO.js";
 import { createPortal } from "react-dom";
 import '../CommunityTaskList.css';function CardSelector({
   options,
@@ -142,6 +141,76 @@ const community_points = "Points";
 const community_token = "Token";
 const community_dex = "DEX";
 const community_rule_max = "(Max {val} {name})";
+const taskchain_event_ended = "Event Ended";
+const taskchain_login_required = "Login Required";
+const taskchain_login_prompt = "Please login to participate in this task chain";
+const taskchain_login_button = "Login";
+const taskchain_not_eligible_title = "Not Eligible";
+const taskchain_not_eligible_desc = "You don't meet the requirements to participate in this task chain.";
+const taskchain_oops = "Oops!";
+const taskchain_error_load_chain = "Failed to load task chain";
+const taskchain_error_load_campaign_info = "Failed to load campaign info";
+const taskchain_error_load_user_status = "Failed to load user status";
+const taskchain_loading = "Loading...";
+const taskchain_back = "Back";
+const taskchain_next = "Next";
+const taskchain_no_task_available = "No task available";
+const taskchain_spots_left = "Spots left";
+const taskchain_won = "Won";
+const taskchain_ended = "Ended";
+const taskchain_locked = "Locked";
+const taskchain_unlock_prefix = "Complete the";
+const taskchain_unlock_day_challenge = "Day {day} challenge";
+const taskchain_unlock_suffix = "then wait until next day to unlock";
+const taskchain_goal = "Goal";
+const taskchain_token_fallback = "Token";
+const taskchain_points_fallback = "Points";
+const taskchain_nft_fallback = "NFT";
+const taskchain_blindbox_submit_failed = "Failed to submit campaign. Please try again.";
+const taskchain_blindbox_claim_failed = "Failed to claim reward. Please try again.";
+const taskchain_blindbox_title_missed = "Oops! Better Luck Next Time!";
+const taskchain_blindbox_title_won = "Congratulations!";
+const taskchain_blindbox_subtitle_missed = "Rewards Missed";
+const taskchain_blindbox_subtitle_won = "You Have Won";
+const taskchain_blindbox_preparing_reward = "Preparing your reward...";
+const taskchain_blindbox_submitting = "Submitting...";
+const taskchain_blindbox_retry_submit = "Retry submit";
+const taskchain_reward_submit_failed = "Failed to submit campaign. Please try again.";
+const taskchain_reward_congratulations = "Congratulations!";
+const taskchain_reward_you_won = "You have won";
+const taskchain_reward_claiming = "Claiming...";
+const taskchain_reward_claim = "Claim Reward";
+const taskchain_nft_claim_failed = "Failed to claim NFT";
+const taskchain_reward_token_label = "Reward Token";
+const taskchain_value_label = "Value";
+const taskchain_reward_type_cap = "Cap";
+const taskchain_reward_type_nft = "NFT";
+const taskchain_nft_cta_mint = "Mint";
+const taskchain_nft_cta_view = "View my NFT";
+const taskchain_nft_claim_not_supported = "NFT claim is not supported for this reward type yet.";
+const taskchain_nft_alt = "NFT";
+const taskchain_chain_alt = "Chain";
+const taskchain_nft_claim_dialog_claim_nft = "Claim NFT";
+const taskchain_nft_claim_dialog_claiming_nft = "Claiming NFT...";
+const taskchain_nft_claim_dialog_connecting_wallet = "Connecting wallet...";
+const taskchain_nft_claim_dialog_switching_network = "Switching network...";
+const taskchain_nft_claim_dialog_getting_signature = "Getting signature...";
+const taskchain_nft_claim_dialog_confirm_in_wallet = "Please confirm in your wallet";
+const taskchain_nft_claim_dialog_tx_pending = "Transaction pending...";
+const taskchain_nft_claim_dialog_success = "Claim successful!";
+const taskchain_nft_claim_dialog_failed = "Claim failed";
+const taskchain_nft_claim_dialog_canceled = "Transaction was rejected by user.";
+const taskchain_nft_claim_dialog_view_explorer = "View on Explorer";
+const taskchain_nft_claim_dialog_retry = "Retry";
+const taskchain_nft_claim_dialog_close = "Close";
+const taskchain_nft_pending_dialog_title = "Pending Transaction";
+const taskchain_nft_pending_dialog_desc = "You have already claimed this NFT, please wait for this transaction to be confirmed.";
+const taskchain_nft_pending_dialog_check_explorer = "You can check this transaction on explorer:";
+const taskchain_nft_pending_dialog_hash_label = "Transaction hash:";
+const taskchain_nft_pending_dialog_claim_again_warn = '"Claim Again" will send a new transaction it is only recommended when you are sure there is something wrong with the current transaction.';
+const taskchain_nft_pending_dialog_receive_address_fixed = "This receive address can't be changed:";
+const taskchain_nft_pending_dialog_claim_again = "Claim Again";
+const taskchain_nft_pending_dialog_continue_waiting = "Continue Waiting";
 const enMessages = {
   once_tag,
   daily_tag,
@@ -244,21 +313,91 @@ const enMessages = {
   community_points,
   community_token,
   community_dex,
-  community_rule_max
+  community_rule_max,
+  taskchain_event_ended,
+  taskchain_login_required,
+  taskchain_login_prompt,
+  taskchain_login_button,
+  taskchain_not_eligible_title,
+  taskchain_not_eligible_desc,
+  taskchain_oops,
+  taskchain_error_load_chain,
+  taskchain_error_load_campaign_info,
+  taskchain_error_load_user_status,
+  taskchain_loading,
+  taskchain_back,
+  taskchain_next,
+  taskchain_no_task_available,
+  taskchain_spots_left,
+  taskchain_won,
+  taskchain_ended,
+  taskchain_locked,
+  taskchain_unlock_prefix,
+  taskchain_unlock_day_challenge,
+  taskchain_unlock_suffix,
+  taskchain_goal,
+  taskchain_token_fallback,
+  taskchain_points_fallback,
+  taskchain_nft_fallback,
+  taskchain_blindbox_submit_failed,
+  taskchain_blindbox_claim_failed,
+  taskchain_blindbox_title_missed,
+  taskchain_blindbox_title_won,
+  taskchain_blindbox_subtitle_missed,
+  taskchain_blindbox_subtitle_won,
+  taskchain_blindbox_preparing_reward,
+  taskchain_blindbox_submitting,
+  taskchain_blindbox_retry_submit,
+  taskchain_reward_submit_failed,
+  taskchain_reward_congratulations,
+  taskchain_reward_you_won,
+  taskchain_reward_claiming,
+  taskchain_reward_claim,
+  taskchain_nft_claim_failed,
+  taskchain_reward_token_label,
+  taskchain_value_label,
+  taskchain_reward_type_cap,
+  taskchain_reward_type_nft,
+  taskchain_nft_cta_mint,
+  taskchain_nft_cta_view,
+  taskchain_nft_claim_not_supported,
+  taskchain_nft_alt,
+  taskchain_chain_alt,
+  taskchain_nft_claim_dialog_claim_nft,
+  taskchain_nft_claim_dialog_claiming_nft,
+  taskchain_nft_claim_dialog_connecting_wallet,
+  taskchain_nft_claim_dialog_switching_network,
+  taskchain_nft_claim_dialog_getting_signature,
+  taskchain_nft_claim_dialog_confirm_in_wallet,
+  taskchain_nft_claim_dialog_tx_pending,
+  taskchain_nft_claim_dialog_success,
+  taskchain_nft_claim_dialog_failed,
+  taskchain_nft_claim_dialog_canceled,
+  taskchain_nft_claim_dialog_view_explorer,
+  taskchain_nft_claim_dialog_retry,
+  taskchain_nft_claim_dialog_close,
+  taskchain_nft_pending_dialog_title,
+  taskchain_nft_pending_dialog_desc,
+  taskchain_nft_pending_dialog_check_explorer,
+  taskchain_nft_pending_dialog_hash_label,
+  taskchain_nft_pending_dialog_claim_again_warn,
+  taskchain_nft_pending_dialog_receive_address_fixed,
+  taskchain_nft_pending_dialog_claim_again,
+  taskchain_nft_pending_dialog_continue_waiting
 };
 const loadMessages = createLocaleLoader(
   enMessages,
   {
-    ko: () => import("./communitytask-ko-BD0hzQSi.js").then((module) => ({
+    ko: () => import("./communitytask-ko-Bf24PQKI.js").then((module) => ({
       default: module.default
     })),
-    ja: () => import("./communitytask-ja-CmW6nP-L.js").then((module) => ({
+    ja: () => import("./communitytask-ja-GRf9cbdx.js").then((module) => ({
       default: module.default
     })),
-    ru: () => import("./communitytask-ru-DhySaZL8.js").then((module) => ({
+    ru: () => import("./communitytask-ru-CZm2CPoV.js").then((module) => ({
       default: module.default
     })),
-    es: () => import("./communitytask-es-1zawvXEX.js").then((module) => ({
+    es: () => import("./communitytask-es-CBNnS4o2.js").then((module) => ({
       default: module.default
     }))
   }
@@ -2687,6 +2826,7 @@ function TaskChainCard({
   className = "",
   onOpen
 }) {
+  const { t } = useCommunityTaskLocale();
   const isLocked = useMemo(() => {
     return isLockedByPreDayChallenge(meetConditions);
   }, [meetConditions]);
@@ -2712,10 +2852,10 @@ function TaskChainCard({
     });
     return {
       icon: params.token_icon || TOKEN_ICON,
-      name: params.token_name || "",
+      name: params.token_name || t("taskchain_token_fallback"),
       amount
     };
-  }, [taskChain.reward_list]);
+  }, [taskChain.reward_list, t]);
   const pointsReward = useMemo(() => {
     const reward = taskChain.reward_list.find(
       (r) => r.reward_type === RewardType.GTCPoints
@@ -2725,10 +2865,10 @@ function TaskChainCard({
     if (!params) return null;
     return {
       icon: params.points_icon || POINTS_ICON,
-      name: params.points_name || "Points",
+      name: params.points_name || t("taskchain_points_fallback"),
       amount: params.amount || 0
     };
-  }, [taskChain.reward_list]);
+  }, [taskChain.reward_list, t]);
   const nftReward = useMemo(() => {
     const reward = taskChain.reward_list.find(
       (r) => r.reward_type === RewardType.BMintedNft
@@ -2739,9 +2879,9 @@ function TaskChainCard({
     const icon = params.media_type === MediaType.Video || !params.nft_cdn_image ? NFT_ICON$1 : getMiniNftCdnUrl$1(params.nft_cdn_image);
     return {
       icon,
-      name: params.nft_collection_name || "NFT"
+      name: params.nft_collection_name || t("taskchain_nft_fallback")
     };
-  }, [taskChain.reward_list]);
+  }, [taskChain.reward_list, t]);
   const handleClick = useCallback(() => {
     if (disabled || isEnded || isLocked) return;
     onOpen == null ? void 0 : onOpen(taskChain.id);
@@ -2765,7 +2905,7 @@ function TaskChainCard({
         children: [
           /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-card-name", children: taskChain.name }),
           taskChain.token_reward_quantity > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-card-spots", children: [
-            /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-card-spots-label", children: "Spots left" }),
+            /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-card-spots-label", children: t("taskchain_spots_left") }),
             /* @__PURE__ */ jsxs("span", { children: [
               taskChain.token_reward_left_quantity,
               "/",
@@ -2818,15 +2958,15 @@ function TaskChainCard({
                 )
               ] })
             ] }),
-            isCompleted && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-card-won", children: "Won" })
+            isCompleted && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-card-won", children: t("taskchain_won") })
           ] }),
-          isEnded && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-card-overlay taskon-taskchain-card-overlay--ended", children: /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-card-overlay-text", children: "Ended" }) }),
+          isEnded && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-card-overlay taskon-taskchain-card-overlay--ended", children: /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-card-overlay-text", children: t("taskchain_ended") }) }),
           isLocked && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-card-overlay taskon-taskchain-card-overlay--locked", children: [
             /* @__PURE__ */ jsx(
               "img",
               {
                 src: LOCK_ICON,
-                alt: "Locked",
+                alt: t("taskchain_locked"),
                 className: "taskon-taskchain-card-lock-icon"
               }
             ),
@@ -2835,22 +2975,19 @@ function TaskChainCard({
                 "img",
                 {
                   src: LOCK_ICON,
-                  alt: "Locked",
+                  alt: t("taskchain_locked"),
                   className: "taskon-taskchain-card-lock-icon"
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-card-lock-text", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  "Complete the",
+                  t("taskchain_unlock_prefix"),
                   " ",
-                  /* @__PURE__ */ jsxs("span", { className: "taskon-taskchain-card-lock-highlight", children: [
-                    "Day ",
-                    previousDayNumber,
-                    " challenge"
-                  ] }),
-                  ","
+                  /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-card-lock-highlight", children: t("taskchain_unlock_day_challenge", {
+                    day: previousDayNumber
+                  }) })
                 ] }),
-                /* @__PURE__ */ jsx("div", { children: "then wait until next day to unlock" })
+                /* @__PURE__ */ jsx("div", { children: t("taskchain_unlock_suffix") })
               ] })
             ] })
           ] })
@@ -2896,6 +3033,7 @@ function useTaskChainStore(options) {
 function useTaskChainDetail(options) {
   const { campaignId, enabled = true } = options;
   const { client, isLoggedIn } = useTaskOnContext();
+  const { t } = useCommunityTaskLocale();
   const [campaign, setCampaign] = useState(null);
   const [userStatus, setUserStatus] = useState(null);
   const [campaignStatusInfo, setCampaignStatusInfo] = useState(null);
@@ -2911,22 +3049,22 @@ function useTaskChainDetail(options) {
       const result = await api.getCampaignInfo({ campaign_id: campaignId });
       setCampaign(result);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load campaign info";
+      const errorMessage = err instanceof Error ? err.message : t("taskchain_error_load_campaign_info");
       setError(errorMessage);
       console.error("[useTaskChainDetail] Error loading campaign:", err);
     }
-  }, [enabled, api, campaignId]);
+  }, [enabled, api, campaignId, t]);
   const fetchUserStatus = useCallback(async () => {
     if (!enabled || !api || !campaignId || !isLoggedIn) return;
     try {
       const result = await api.getUserCampaignStatus({ campaign_id: campaignId });
       setUserStatus(result);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load user status";
+      const errorMessage = err instanceof Error ? err.message : t("taskchain_error_load_user_status");
       setError(errorMessage);
       console.error("[useTaskChainDetail] Error loading user status:", err);
     }
-  }, [enabled, api, campaignId, isLoggedIn]);
+  }, [enabled, api, campaignId, isLoggedIn, t]);
   const fetchCampaignStatusInfo = useCallback(async () => {
     if (!enabled || !api || !campaignId) return;
     try {
@@ -3004,6 +3142,7 @@ function StepIndicator({
   children,
   className = ""
 }) {
+  const { t } = useCommunityTaskLocale();
   const stepBars = Array.from({ length: count }, (_, index) => {
     const isCompleted = index < currentStep + 1;
     return /* @__PURE__ */ jsx(
@@ -3020,35 +3159,22 @@ function StepIndicator({
       "img",
       {
         src: FLAG_ICON,
-        alt: "Goal",
+        alt: t("taskchain_goal"),
         className: "taskon-taskchain-step-indicator-flag"
       }
     ),
     children
   ] });
 }
-function formatDate(timestamp) {
+function formatDate(timestamp, locale) {
   const ts = typeof timestamp === "string" ? parseInt(timestamp, 10) : timestamp;
   const ms = ts < 1e12 ? ts * 1e3 : ts;
   const date = new Date(ms);
-  const months = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ];
-  const month = months[date.getMonth()];
-  const day = date.getDate().toString().padStart(2, "0");
-  const year = date.getFullYear();
-  return `${month} ${day}, ${year}`;
+  return new Intl.DateTimeFormat(locale, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit"
+  }).format(date);
 }
 function IconDate() {
   return /* @__PURE__ */ jsxs(
@@ -3086,14 +3212,16 @@ function TaskChainDetailTime({
   campaignStatusInfo,
   className = ""
 }) {
+  const { locale } = useTaskOnContext();
+  const { t } = useCommunityTaskLocale();
   const timeRange = useMemo(() => {
     if (!campaign) return "";
     const { start_time, end_time } = campaign;
     if (!start_time || !end_time) return "";
-    const startStr = formatDate(start_time);
-    const endStr = formatDate(end_time);
+    const startStr = formatDate(start_time, locale);
+    const endStr = formatDate(end_time, locale);
     return `${startStr} - ${endStr}`;
-  }, [campaign]);
+  }, [campaign, locale]);
   const spots = useMemo(() => {
     var _a, _b, _c, _d;
     if (!(campaign == null ? void 0 : campaign.winner_rewards) || !((_a = campaignStatusInfo == null ? void 0 : campaignStatusInfo.statistics) == null ? void 0 : _a.winner_number))
@@ -3132,7 +3260,7 @@ function TaskChainDetailTime({
     ] }),
     timeRange && spots && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-time-divider" }),
     spots && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-time-item", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-time-label", children: "Left Spots" }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-time-label", children: t("taskchain_spots_left") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-time-value", children: spots })
     ] })
   ] }) });
@@ -3168,6 +3296,7 @@ function RewardDisplay({
   winnerRewardsSimple,
   className = ""
 }) {
+  const { t } = useCommunityTaskLocale();
   const allRewards = useMemo(() => {
     return (winnerRewards == null ? void 0 : winnerRewards.flatMap(
       (reward) => (reward.winner_layer_rewards || []).flatMap((layer) => layer.rewards || [])
@@ -3201,17 +3330,28 @@ function RewardDisplay({
       totalWinners: tokenMaxWinners
     });
   }, [tokenParam, tokenHasBlindBox, tokenMaxWinners]);
+  const tokenName = useMemo(
+    () => (tokenParam == null ? void 0 : tokenParam.token_name) || t("taskchain_token_fallback"),
+    [tokenParam == null ? void 0 : tokenParam.token_name, t]
+  );
   const pointParam = useMemo(() => {
     const target = allRewards.find(
       (reward) => reward.reward_type === RewardType.Points || reward.reward_type === RewardType.GTCPoints
     );
     return (target == null ? void 0 : target.reward_params) || null;
   }, [allRewards]);
+  const pointsName = useMemo(
+    () => (pointParam == null ? void 0 : pointParam.points_name) || t("taskchain_points_fallback"),
+    [pointParam == null ? void 0 : pointParam.points_name, t]
+  );
   const mintedNftReward = useMemo(() => {
     const target = allRewards.find((reward) => reward.reward_type === RewardType.BMintedNft);
     return (target == null ? void 0 : target.reward_params) || null;
   }, [allRewards]);
-  const mintedNftName = useMemo(() => (mintedNftReward == null ? void 0 : mintedNftReward.nft_collection_name) || "NFT", [mintedNftReward]);
+  const mintedNftName = useMemo(
+    () => (mintedNftReward == null ? void 0 : mintedNftReward.nft_collection_name) || t("taskchain_nft_fallback"),
+    [mintedNftReward == null ? void 0 : mintedNftReward.nft_collection_name, t]
+  );
   const mintedNftImage = useMemo(() => {
     if (!mintedNftReward) return "";
     if (mintedNftReward.media_type === "video") return "";
@@ -3231,14 +3371,14 @@ function RewardDisplay({
           "img",
           {
             src: tokenParam.token_icon || DEFAULT_TOKEN_ICON$2,
-            alt: tokenParam.token_name || "Token",
+            alt: tokenName,
             className: "taskon-taskchain-reward-display-icon"
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-reward-display-text taskon-taskchain-reward-display-text--token", children: [
           tokenAmountDisplay,
           " ",
-          tokenParam.token_name
+          tokenName
         ] })
       ] }),
       pointParam && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-reward-display-item", children: [
@@ -3246,14 +3386,14 @@ function RewardDisplay({
           "img",
           {
             src: pointParam.points_icon,
-            alt: pointParam.points_name || "Points",
+            alt: pointsName,
             className: "taskon-taskchain-reward-display-icon"
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-reward-display-text taskon-taskchain-reward-display-text--points", children: [
           pointParam.amount,
           " ",
-          pointParam.points_name
+          pointsName
         ] })
       ] }),
       mintedNftReward && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-reward-display-item", children: [
@@ -3318,33 +3458,39 @@ function getMiniNftCdnUrl(url) {
   const separator = url.includes("?") ? "&" : "?";
   return `${url}${separator}x-oss-process=image/resize,m_fill,h_160,w_160`;
 }
-const TASKCHAIN_NFT_CLAIM_MESSAGES = {
-  claimDialog: {
-    claimNft: "Claim NFT",
-    claimingNft: "Claiming NFT...",
-    claimConnectingWallet: "Connecting wallet...",
-    claimSwitchingNetwork: "Switching network...",
-    claimGettingSignature: "Getting signature...",
-    claimConfirmInWallet: "Please confirm in your wallet",
-    claimTransactionPending: "Transaction pending...",
-    claimSuccess: "Claim successful!",
-    claimFailed: "Claim failed",
-    claimCanceled: "Transaction was rejected by user.",
-    viewOnExplorer: "View on Explorer",
-    retry: "Retry",
-    close: "Close"
-  },
-  pendingDialog: {
-    pendingTransaction: "Pending Transaction",
-    claimPendingTitle: "You have already claimed this NFT, please wait for this transaction to be confirmed.",
-    claimPendingCheckExplorer: "You can check this transaction on explorer:",
-    claimPendingHashLabel: "Transaction hash:",
-    claimPendingClaimAgainWarn: '"Claim Again" will send a new transaction it is only recommended when you are sure there is something wrong with the current transaction.',
-    claimPendingReceiveAddressNoChange: "This receive address can’t be changed:",
-    claimAgain: "Claim Again",
-    continueWaiting: "Continue Waiting"
-  }
-};
+function buildTaskChainNftClaimMessages(t) {
+  return {
+    claimDialog: {
+      claimNft: t("taskchain_nft_claim_dialog_claim_nft"),
+      claimingNft: t("taskchain_nft_claim_dialog_claiming_nft"),
+      claimConnectingWallet: t("taskchain_nft_claim_dialog_connecting_wallet"),
+      claimSwitchingNetwork: t("taskchain_nft_claim_dialog_switching_network"),
+      claimGettingSignature: t("taskchain_nft_claim_dialog_getting_signature"),
+      claimConfirmInWallet: t("taskchain_nft_claim_dialog_confirm_in_wallet"),
+      claimTransactionPending: t("taskchain_nft_claim_dialog_tx_pending"),
+      claimSuccess: t("taskchain_nft_claim_dialog_success"),
+      claimFailed: t("taskchain_nft_claim_dialog_failed"),
+      claimCanceled: t("taskchain_nft_claim_dialog_canceled"),
+      viewOnExplorer: t("taskchain_nft_claim_dialog_view_explorer"),
+      retry: t("taskchain_nft_claim_dialog_retry"),
+      close: t("taskchain_nft_claim_dialog_close")
+    },
+    pendingDialog: {
+      pendingTransaction: t("taskchain_nft_pending_dialog_title"),
+      claimPendingTitle: t("taskchain_nft_pending_dialog_desc"),
+      claimPendingCheckExplorer: t("taskchain_nft_pending_dialog_check_explorer"),
+      claimPendingHashLabel: t("taskchain_nft_pending_dialog_hash_label"),
+      claimPendingClaimAgainWarn: t(
+        "taskchain_nft_pending_dialog_claim_again_warn"
+      ),
+      claimPendingReceiveAddressNoChange: t(
+        "taskchain_nft_pending_dialog_receive_address_fixed"
+      ),
+      claimAgain: t("taskchain_nft_pending_dialog_claim_again"),
+      continueWaiting: t("taskchain_nft_pending_dialog_continue_waiting")
+    }
+  };
+}
 function RightChevronIcon({ className }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -3368,11 +3514,11 @@ function RightChevronIcon({ className }) {
     }
   );
 }
-function getClaimedRewardDisplay(reward) {
+function getClaimedRewardDisplay(reward, labels) {
   if (reward.reward_type === RewardType.Token) {
     const rewardValue = reward.reward_value;
     const icon = DEFAULT_TOKEN_ICON$1;
-    const name = (rewardValue == null ? void 0 : rewardValue.token_name) || "Token";
+    const name = (rewardValue == null ? void 0 : rewardValue.token_name) || labels.token;
     const rawAmount = (rewardValue == null ? void 0 : rewardValue.amount) || "0";
     const amount = formatLongNumber(Number(rawAmount) || 0) || rawAmount;
     return {
@@ -3385,7 +3531,7 @@ function getClaimedRewardDisplay(reward) {
   if (reward.reward_type === RewardType.GTCPoints || reward.reward_type === RewardType.Points) {
     const rewardValue = reward.reward_value;
     const icon = (rewardValue == null ? void 0 : rewardValue.points_icon) || "";
-    const name = (rewardValue == null ? void 0 : rewardValue.points_name) || "Points";
+    const name = (rewardValue == null ? void 0 : rewardValue.points_name) || labels.points;
     const amount = (rewardValue == null ? void 0 : rewardValue.amount) != null ? String(rewardValue.amount) : "0";
     return {
       icon,
@@ -3407,8 +3553,20 @@ function TaskChainClaimedRewards({
   className
 }) {
   const { toast } = useToast();
+  const { t } = useCommunityTaskLocale();
   const [isTokenRewardPopupOpen, setIsTokenRewardPopupOpen] = useState(false);
   const [isViewMyNftPopupOpen, setIsViewMyNftPopupOpen] = useState(false);
+  const nftClaimMessages = useMemo(
+    () => buildTaskChainNftClaimMessages(t),
+    [t]
+  );
+  const rewardLabels = useMemo(
+    () => ({
+      token: t("taskchain_token_fallback"),
+      points: t("taskchain_points_fallback")
+    }),
+    [t]
+  );
   const {
     claimNftReward,
     isSupportedNftRewardType,
@@ -3416,12 +3574,12 @@ function TaskChainClaimedRewards({
   } = useNftClaimFlow({
     campaignId,
     targetType: campaignType === CampaignType.Event ? "event" : "campaign",
-    messages: TASKCHAIN_NFT_CLAIM_MESSAGES,
+    messages: nftClaimMessages,
     onClaimSuccess: async () => {
       await (onClaimedNft == null ? void 0 : onClaimedNft());
     },
     onClaimError: (error2) => {
-      toast.error(error2.message || "Failed to claim NFT");
+      toast.error(error2.message || t("taskchain_nft_claim_failed"));
     },
     onWalletError: (errorMessage) => {
       toast.error(errorMessage);
@@ -3475,12 +3633,12 @@ function TaskChainClaimedRewards({
         {
           className: `taskon-taskchain-claimed-card ${isMultiClaimed ? "taskon-taskchain-claimed-card--multi" : ""}`,
           children: otherClaimedRewards.map((reward, index) => {
-            const display = getClaimedRewardDisplay(reward);
+            const display = getClaimedRewardDisplay(reward, rewardLabels);
             const isToken = reward.reward_type === RewardType.Token;
             if (isToken) {
               const tokenRewardValue = reward.reward_value;
               const rawAmount = (tokenRewardValue == null ? void 0 : tokenRewardValue.amount) || "0";
-              const tokenName = (tokenRewardValue == null ? void 0 : tokenRewardValue.token_name) || "Token";
+              const tokenName = (tokenRewardValue == null ? void 0 : tokenRewardValue.token_name) || t("taskchain_token_fallback");
               const formattedAmount = formatLongNumber(Number(rawAmount) || 0) || rawAmount;
               const usdValue = formatTokenAmount(
                 Number(rawAmount) * tokenPrice,
@@ -3490,7 +3648,7 @@ function TaskChainClaimedRewards({
               );
               const tooltipContent = /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-token-tooltip", children: [
                 /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-token-tooltip-row", children: [
-                  /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-token-tooltip-label", children: "Reward Token" }),
+                  /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-token-tooltip-label", children: t("taskchain_reward_token_label") }),
                   /* @__PURE__ */ jsxs("span", { className: "taskon-taskchain-token-tooltip-value", children: [
                     formattedAmount,
                     " ",
@@ -3498,7 +3656,7 @@ function TaskChainClaimedRewards({
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-token-tooltip-row", children: [
-                  /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-token-tooltip-label", children: "Value" }),
+                  /* @__PURE__ */ jsx("span", { className: "taskon-taskchain-token-tooltip-label", children: t("taskchain_value_label") }),
                   /* @__PURE__ */ jsxs("span", { className: "taskon-taskchain-token-tooltip-usd", children: [
                     "≈$",
                     usdValue
@@ -3569,13 +3727,13 @@ function TaskChainClaimedRewards({
       nftClaimedRewards.length > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-claimed-nft-list", children: nftClaimedRewards.map((reward, index) => {
         var _a;
         const nftValue = reward.reward_value;
-        const rewardTypeLabel = reward.reward_type === RewardType.Cap ? "Cap" : "NFT";
+        const rewardTypeLabel = reward.reward_type === RewardType.Cap ? t("taskchain_reward_type_cap") : t("taskchain_reward_type_nft");
         const nftName = (nftValue == null ? void 0 : nftValue.collection_name) || (nftValue == null ? void 0 : nftValue.title) || rewardTypeLabel;
         const nftImage = (nftValue == null ? void 0 : nftValue.media_type) === "video" ? "" : (nftValue == null ? void 0 : nftValue.collection_image) ? getMiniNftCdnUrl(nftValue.collection_image) : "";
         const chainIcon = (nftValue == null ? void 0 : nftValue.chain_icon) || "";
         const claimable = ((_a = reward.reward_value) == null ? void 0 : _a.claimable) ?? false;
         const isNftClaimSupported = isSupportedNftRewardType(reward.reward_type);
-        const ctaLabel = claimable ? "Mint" : "View my NFT";
+        const ctaLabel = claimable ? t("taskchain_nft_cta_mint") : t("taskchain_nft_cta_view");
         return /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-claimed-nft-card", children: [
           /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-claimed-nft-info", children: [
             /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-claimed-nft-image-wrap", children: [
@@ -3583,14 +3741,14 @@ function TaskChainClaimedRewards({
                 "img",
                 {
                   src: nftImage,
-                  alt: "nft",
+                  alt: t("taskchain_nft_alt"),
                   className: "taskon-taskchain-claimed-nft-image"
                 }
               ) : /* @__PURE__ */ jsx(
                 "img",
                 {
                   src: DEFAULT_NFT_ICON,
-                  alt: "nft",
+                  alt: t("taskchain_nft_alt"),
                   className: "taskon-taskchain-claimed-nft-image taskon-taskchain-claimed-nft-image--fallback"
                 }
               ),
@@ -3598,7 +3756,7 @@ function TaskChainClaimedRewards({
                 "img",
                 {
                   src: chainIcon,
-                  alt: "chain",
+                  alt: t("taskchain_chain_alt"),
                   className: "taskon-taskchain-claimed-nft-chain"
                 }
               )
@@ -3615,7 +3773,7 @@ function TaskChainClaimedRewards({
               className: "taskon-taskchain-claimed-nft-btn",
               onClick: () => {
                 if (!isNftClaimSupported) {
-                  toast.info("NFT claim is not supported for this reward type yet.");
+                  toast.info(t("taskchain_nft_claim_not_supported"));
                   return;
                 }
                 if (!claimable) {
@@ -3731,13 +3889,13 @@ function triggerConfetti(container) {
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
-function getExpectedRewardDisplay(reward) {
+function getExpectedRewardDisplay(reward, labels) {
   const params = reward.reward_params;
   if (reward.reward_type === RewardType.Token && params) {
     const tokenParams = params;
     const icon = tokenParams.token_icon || DEFAULT_TOKEN_ICON;
     const amount = tokenParams.per_amount || tokenParams.total_amount || "";
-    const name = tokenParams.token_name || "";
+    const name = tokenParams.token_name || labels.token;
     return {
       icon,
       text: `+ ${amount} ${name}`.trim(),
@@ -3748,7 +3906,7 @@ function getExpectedRewardDisplay(reward) {
     const pointsParams = params;
     const icon = pointsParams.points_icon || "";
     const amount = pointsParams.amount != null ? String(pointsParams.amount) : "";
-    const name = pointsParams.points_name || "Points";
+    const name = pointsParams.points_name || labels.points;
     return {
       icon,
       text: `+ ${amount} ${name}`.trim(),
@@ -3758,7 +3916,7 @@ function getExpectedRewardDisplay(reward) {
   if (reward.reward_type === RewardType.BMintedNft && params) {
     const nftParams = params;
     const icon = nftParams.media_type === "video" ? "" : nftParams.nft_cdn_image || "";
-    const name = nftParams.nft_collection_name || "NFT";
+    const name = nftParams.nft_collection_name || labels.nft;
     return { icon, text: name, colorClass: "" };
   }
   return { icon: "", text: "", colorClass: "" };
@@ -3774,6 +3932,7 @@ function TaskChainRewardStep({
 }) {
   const { client } = useTaskOnContext();
   const { toast } = useToast();
+  const { t } = useCommunityTaskLocale();
   const containerRef = useRef(null);
   const isMobile = useIsMobile();
   const initialIsClaimed = useMemo(
@@ -3823,6 +3982,14 @@ function TaskChainRewardStep({
     }
     return 0;
   }, [expectedRewards]);
+  const rewardLabels = useMemo(
+    () => ({
+      token: t("taskchain_token_fallback"),
+      points: t("taskchain_points_fallback"),
+      nft: t("taskchain_nft_fallback")
+    }),
+    [t]
+  );
   const switchToClaimedView = useCallback(async () => {
     setShouldAnimate(true);
     if (containerRef.current) {
@@ -3845,11 +4012,11 @@ function TaskChainRewardStep({
       await switchToClaimedView();
     } catch (error2) {
       console.error("Failed to claim reward:", error2);
-      toast.error("Failed to submit campaign. Please try again.");
+      toast.error(t("taskchain_reward_submit_failed"));
     } finally {
       setIsLoading(false);
     }
-  }, [isLoading, campaign, api, refetchUserStatus, switchToClaimedView, toast]);
+  }, [isLoading, campaign, api, refetchUserStatus, switchToClaimedView, toast, t]);
   const scatterStyles = useMemo(() => {
     const total = expectedRewards.length;
     return expectedRewards.map((_, index) => {
@@ -3864,8 +4031,8 @@ function TaskChainRewardStep({
     });
   }, [expectedRewards, isSpread, isMobile]);
   return /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-reward-step", ref: containerRef, children: /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-reward-content", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-reward-title", children: "Congratulations!" }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-reward-subtitle", children: "You have won" }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-reward-title", children: t("taskchain_reward_congratulations") }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-reward-subtitle", children: t("taskchain_reward_you_won") }),
     showClaimedContent && /* @__PURE__ */ jsxs(
       "div",
       {
@@ -3889,7 +4056,7 @@ function TaskChainRewardStep({
               type: "button",
               className: "taskon-taskchain-btn taskon-taskchain-btn--secondary",
               onClick: onClose,
-              children: "Back"
+              children: t("taskchain_back")
             }
           ) })
         ]
@@ -3901,7 +4068,7 @@ function TaskChainRewardStep({
         className: `taskon-taskchain-reward-unclaimed ${isClaimAnimating ? "taskon-taskchain-reward-unclaimed--exit" : ""}`,
         children: [
           /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-win-rewards", children: expectedRewards.map((reward, index) => {
-            const display = getExpectedRewardDisplay(reward);
+            const display = getExpectedRewardDisplay(reward, rewardLabels);
             const style = scatterStyles[index];
             return /* @__PURE__ */ jsxs(
               "div",
@@ -3940,7 +4107,7 @@ function TaskChainRewardStep({
                   className: "taskon-taskchain-btn taskon-taskchain-btn--primary",
                   onClick: handleClaim,
                   disabled: isLoading,
-                  children: isLoading ? "Claiming..." : "Claim Reward"
+                  children: isLoading ? t("taskchain_reward_claiming") : t("taskchain_reward_claim")
                 }
               ) })
             }
@@ -3999,6 +4166,7 @@ function TaskChainBlindBoxStep({
 }) {
   const { client } = useTaskOnContext();
   const { toast } = useToast();
+  const { t } = useCommunityTaskLocale();
   const blindBoxDialogRef = useRef(null);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isClaiming, setIsClaiming] = useState(false);
@@ -4060,7 +4228,7 @@ function TaskChainBlindBoxStep({
         await refetchUserStatus();
       } catch (error2) {
         console.error("Failed to submit campaign:", error2);
-        toast.error("Failed to submit campaign. Please try again.");
+        toast.error(t("taskchain_blindbox_submit_failed"));
         setShowManualSubmit(true);
       } finally {
         setIsSubmitting(false);
@@ -4068,7 +4236,7 @@ function TaskChainBlindBoxStep({
       }
     })();
     await submitPromiseRef.current;
-  }, [campaign, api, isSubmitting, refetchUserStatus, toast]);
+  }, [campaign, api, isSubmitting, refetchUserStatus, toast, t]);
   const handleBlindBoxOpened = useCallback(async () => {
     var _a;
     if (!campaign || !api || isClaiming) return;
@@ -4081,12 +4249,12 @@ function TaskChainBlindBoxStep({
       await refetchUserStatus();
     } catch (error2) {
       console.error("Failed to claim blind box:", error2);
-      toast.error("Failed to claim reward. Please try again.");
+      toast.error(t("taskchain_blindbox_claim_failed"));
       (_a = blindBoxDialogRef.current) == null ? void 0 : _a.resetToUnopened();
     } finally {
       setIsClaiming(false);
     }
-  }, [campaign, api, isClaiming, refetchUserStatus, toast]);
+  }, [campaign, api, isClaiming, refetchUserStatus, toast, t]);
   useEffect(() => {
     var _a;
     const isQualifier = ((_a = userStatus == null ? void 0 : userStatus.user_status) == null ? void 0 : _a.is_qualifier) ?? false;
@@ -4095,8 +4263,8 @@ function TaskChainBlindBoxStep({
     }
   }, [campaign, api]);
   if (userBlindBoxStatus === "claimed") {
-    const title = isOpenedButNotWon ? "Oops! Better Luck Next Time!" : "Congratulations!";
-    const subtitle = isOpenedButNotWon ? "Rewards Missed" : "You Have Won";
+    const title = isOpenedButNotWon ? t("taskchain_blindbox_title_missed") : t("taskchain_blindbox_title_won");
+    const subtitle = isOpenedButNotWon ? t("taskchain_blindbox_subtitle_missed") : t("taskchain_blindbox_subtitle_won");
     const displayRewards = emptyReward ? [emptyReward, ...userRewards] : userRewards;
     return /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-blindbox-step", children: /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-blindbox-result", children: [
       /* @__PURE__ */ jsx("h2", { className: "taskon-taskchain-blindbox-result-title", children: title }),
@@ -4120,7 +4288,7 @@ function TaskChainBlindBoxStep({
           type: "button",
           className: "taskon-taskchain-btn taskon-taskchain-btn--secondary",
           onClick: onClose,
-          children: "Back"
+          children: t("taskchain_back")
         }
       ) })
     ] }) });
@@ -4138,7 +4306,7 @@ function TaskChainBlindBoxStep({
   if (isSubmitting && userBlindBoxStatus === "none") {
     return /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-blindbox-step", children: /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-blindbox-loading", children: [
       /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-spinner" }),
-      /* @__PURE__ */ jsx("div", { children: "Preparing your reward..." })
+      /* @__PURE__ */ jsx("div", { children: t("taskchain_blindbox_preparing_reward") })
     ] }) });
   }
   if (showManualSubmit && userBlindBoxStatus === "none") {
@@ -4149,7 +4317,7 @@ function TaskChainBlindBoxStep({
         className: "taskon-taskchain-blindbox-btn",
         onClick: handleSubmitCampaign,
         disabled: isSubmitting,
-        children: isSubmitting ? "Submitting..." : "Retry submit"
+        children: isSubmitting ? t("taskchain_blindbox_submitting") : t("taskchain_blindbox_retry_submit")
       }
     ) }) });
   }
@@ -4173,6 +4341,7 @@ function TaskChainMain({
   rewardDisplayMode,
   rewardRedirectUrl
 }) {
+  const { t } = useCommunityTaskLocale();
   const handleVerifyAttempted = useCallback(
     async (_taskId, success) => {
       if (!task) return;
@@ -4211,7 +4380,7 @@ function TaskChainMain({
     );
   }
   if (!task) {
-    return /* @__PURE__ */ jsx("div", { children: "No task available" });
+    return /* @__PURE__ */ jsx("div", { children: t("taskchain_no_task_available") });
   }
   return /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-main", children: /* @__PURE__ */ jsx(
     TaskItem,
@@ -4237,6 +4406,7 @@ function NotEligible({
   className = ""
 }) {
   const { client } = useTaskOnContext();
+  const { t } = useCommunityTaskLocale();
   const [isRefreshing, setIsRefreshing] = useState(false);
   const filteredEligs = useMemo(() => {
     if (!(campaign == null ? void 0 : campaign.eligs)) return [];
@@ -4262,12 +4432,12 @@ function NotEligible({
   if (!campaign || !userStatus) {
     return /* @__PURE__ */ jsxs("div", { className: `taskon-taskchain-not-eligible ${className}`, children: [
       /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-emoji", children: "🔒" }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-title", children: "Not Eligible" }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-desc", children: "You don't meet the requirements to participate in this task chain." })
+      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-title", children: t("taskchain_not_eligible_title") }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-desc", children: t("taskchain_not_eligible_desc") })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: `taskon-taskchain-not-eligible ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-oops", children: "Oops!" }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-oops", children: t("taskchain_oops") }),
     /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-not-eligible-panel", children: /* @__PURE__ */ jsx(
       EligibilityInfo,
       {
@@ -4290,6 +4460,7 @@ const endedImageUrl = new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0
 function ActionEndedMask({
   className = ""
 }) {
+  const { t } = useCommunityTaskLocale();
   return /* @__PURE__ */ jsxs("div", { className: `taskon-taskchain-ended-mask ${className}`, children: [
     /* @__PURE__ */ jsx(
       "img",
@@ -4299,13 +4470,14 @@ function ActionEndedMask({
         alt: ""
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-ended-mask-title", children: "Event Ended" })
+    /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-ended-mask-title", children: t("taskchain_event_ended") })
   ] });
 }
 function NeedLoginMask({
   onRequestLogin,
   className = ""
 }) {
+  const { t } = useCommunityTaskLocale();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4339,7 +4511,7 @@ function NeedLoginMask({
               color: "var(--taskon-color-text)",
               marginBottom: "8px"
             },
-            children: "Login Required"
+            children: t("taskchain_login_required")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -4352,7 +4524,7 @@ function NeedLoginMask({
               maxWidth: "300px",
               lineHeight: 1.5
             },
-            children: "Please login to participate in this task chain"
+            children: t("taskchain_login_prompt")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -4377,7 +4549,7 @@ function NeedLoginMask({
             onMouseOut: (e) => {
               e.currentTarget.style.opacity = "1";
             },
-            children: "Login"
+            children: t("taskchain_login_button")
           }
         )
       ]
@@ -4402,6 +4574,7 @@ function TaskChainDetail({
 }) {
   var _a, _b;
   const { isLoggedIn, requestLogin, client } = useTaskOnContext();
+  const { t } = useCommunityTaskLocale();
   const wasLoggedInRef = useRef(isLoggedIn);
   const totalSteps = useMemo(() => {
     var _a2;
@@ -4438,24 +4611,33 @@ function TaskChainDetail({
   const shouldShowEndedMask = useMemo(() => {
     return isEnded && !isAllTasksCompleted;
   }, [isEnded, isAllTasksCompleted]);
+  const canShowNavigation = useMemo(() => {
+    return isLoggedIn && !shouldShowEndedMask && isEligible;
+  }, [isLoggedIn, shouldShowEndedMask, isEligible]);
   const showBackButton = useMemo(() => {
-    return totalSteps > 1 && stepIndex > 0 && !isRewardStep;
-  }, [totalSteps, stepIndex, isRewardStep]);
+    return canShowNavigation && totalSteps > 1 && stepIndex > 0 && !isRewardStep;
+  }, [canShowNavigation, totalSteps, stepIndex, isRewardStep]);
   const showNextButton = useMemo(() => {
     var _a2;
     const taskCount = ((_a2 = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _a2.length) || 0;
-    return totalSteps > 1 && stepIndex < taskCount - 1;
-  }, [totalSteps, stepIndex, (_b = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _b.length]);
+    return canShowNavigation && totalSteps > 1 && stepIndex < taskCount - 1;
+  }, [canShowNavigation, totalSteps, stepIndex, (_b = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _b.length]);
   const handleBack = useCallback(() => {
+    if (!canShowNavigation) {
+      return;
+    }
     if (stepIndex > 0) {
       onStepChange(stepIndex - 1);
     }
-  }, [stepIndex, onStepChange]);
+  }, [canShowNavigation, stepIndex, onStepChange]);
   const handleNext = useCallback(() => {
+    if (!canShowNavigation) {
+      return;
+    }
     if (stepIndex < totalSteps - 1) {
       onStepChange(stepIndex + 1);
     }
-  }, [stepIndex, totalSteps, onStepChange]);
+  }, [canShowNavigation, stepIndex, totalSteps, onStepChange]);
   useEffect(() => {
     if (isAllTasksCompleted && !isRewardStep && campaign) {
       onStepChange(campaign.tasks.length);
@@ -4480,7 +4662,7 @@ function TaskChainDetail({
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-detail", children: /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-detail-loading", children: [
       /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-spinner" }),
-      /* @__PURE__ */ jsx("div", { children: "Loading..." })
+      /* @__PURE__ */ jsx("div", { children: t("taskchain_loading") })
     ] }) });
   }
   const renderContent = () => {
@@ -4565,7 +4747,7 @@ function TaskChainDetail({
               type: "button",
               className: "taskon-taskchain-btn taskon-taskchain-btn--secondary",
               onClick: handleBack,
-              children: "Back"
+              children: t("taskchain_back")
             }
           ),
           showNextButton && /* @__PURE__ */ jsx(
@@ -4574,7 +4756,7 @@ function TaskChainDetail({
               type: "button",
               className: "taskon-taskchain-btn taskon-taskchain-btn--primary",
               onClick: handleNext,
-              children: "Next"
+              children: t("taskchain_next")
             }
           )
         ] })
@@ -4705,6 +4887,7 @@ function TaskChainDialog({
   rewardRedirectUrl
 }) {
   var _a, _b;
+  const { t } = useCommunityTaskLocale();
   const {
     campaign,
     userStatus,
@@ -4768,7 +4951,7 @@ function TaskChainDialog({
   }, [(_b = userStatus == null ? void 0 : userStatus.user_status) == null ? void 0 : _b.is_winner, onUpdate]);
   return /* @__PURE__ */ jsx(BottomDialog, { open, onClose, top: "6vh", children: /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-dialog-content", children: [
     error2 && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-dialog-error", children: [
-      /* @__PURE__ */ jsx("div", { children: "Failed to load task chain" }),
+      /* @__PURE__ */ jsx("div", { children: t("taskchain_error_load_chain") }),
       /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-dialog-error-detail", children: error2 })
     ] }),
     !error2 && /* @__PURE__ */ jsx(
@@ -6745,6 +6928,12 @@ function mergeCommunityTaskConfig(props, cloud) {
     rewardRedirectUrl: props.rewardRedirectUrl ?? (cloud == null ? void 0 : cloud.rewardRedirectUrl) ?? ""
   };
 }
+function toSectorIdsKey(sectorIds) {
+  if (!sectorIds || sectorIds.length === 0) {
+    return "all";
+  }
+  return sectorIds.join(",");
+}
 function findTaskByIdFromCards(data, taskId) {
   for (const sectorItem of data) {
     const found = sectorItem.cards.find((card) => card.card_info.id === taskId);
@@ -6826,8 +7015,10 @@ function CommunityTaskListInner(props) {
     rewardDisplayMode = "popup",
     rewardRedirectUrl = ""
   } = props;
-  const { client, userToken } = useTaskOnContext();
+  const { client, userToken, isSessionReady } = useTaskOnContext();
   const { t } = useCommunityTaskLocale();
+  const inFlightLoadKeyRef = useRef(null);
+  const lastSuccessfulLoadKeyRef = useRef(null);
   const [taskCards, setTaskCards] = useState(
     []
   );
@@ -6875,11 +7066,25 @@ function CommunityTaskListInner(props) {
   }, [initialTaskChainId]);
   useEffect(() => {
     const loadTasks = async () => {
+      if (!isSessionReady) {
+        setError(null);
+        setIsLoading(true);
+        return;
+      }
       if (!client) {
-        setError(t("client_not_initialized"));
+        setError({ type: "localized", key: "client_not_initialized" });
         setIsLoading(false);
         return;
       }
+      const clientToken = client.getUserToken();
+      const loadKey = [
+        isPreview ? "preview" : "normal",
+        toSectorIdsKey(sectorIds),
+        clientToken ?? "anonymous"
+      ].join("|");
+      if (inFlightLoadKeyRef.current === loadKey) return;
+      if (lastSuccessfulLoadKeyRef.current === loadKey) return;
+      inFlightLoadKeyRef.current = loadKey;
       try {
         setIsLoading(true);
         setError(null);
@@ -6889,15 +7094,21 @@ function CommunityTaskListInner(props) {
           ...sectorIds && sectorIds.length > 0 ? { sector_id: sectorIds } : {}
         });
         setTaskCards(data);
+        lastSuccessfulLoadKeyRef.current = loadKey;
       } catch (err) {
-        setError(err instanceof Error ? err.message : t("failed_to_load"));
+        setError(
+          err instanceof Error ? { type: "raw", message: err.message } : { type: "localized", key: "failed_to_load" }
+        );
         console.error("Failed to load community tasks:", err);
       } finally {
+        if (inFlightLoadKeyRef.current === loadKey) {
+          inFlightLoadKeyRef.current = null;
+        }
         setIsLoading(false);
       }
     };
     loadTasks();
-  }, [client, isPreview, userToken, sectorIds, t]);
+  }, [client, isSessionReady, isPreview, userToken, sectorIds]);
   const selectorOptions = React__default.useMemo(() => {
     const sectors = taskCards.map((item) => item.sector);
     let options = sectors.map((sector) => ({
@@ -7161,7 +7372,8 @@ function CommunityTaskListInner(props) {
   const isDialogOpen = openTask !== null || openTaskId !== null;
   const currentSelectorValue = selectedSectorId ?? void 0;
   if (error2) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-community-list", children: /* @__PURE__ */ jsx("div", { className: "taskon-community-list-error", children: error2 }) });
+    const errorMessage = error2.type === "raw" ? error2.message : t(error2.key);
+    return /* @__PURE__ */ jsx("div", { className: "taskon-community-list", children: /* @__PURE__ */ jsx("div", { className: "taskon-community-list-error", children: errorMessage }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-community-list", children: [
     showSectorTab && !isLoading && /* @__PURE__ */ jsx(
@@ -7229,11 +7441,5 @@ function CommunityTaskListInner(props) {
   ] });
 }
 export {
-  BaseTask as B,
-  CardSelector as C,
-  TemplateTask as T,
-  CommunityTaskList as a,
-  useTaskTime as b,
-  useSubmitTask as c,
-  useTaskReward as u
+  CommunityTaskList as C
 };