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

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

@@ -1,11 +1,12 @@
 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, ApiError, TaskCardType, ChainType, getSwapDexTitleExpress, UserEligibleStatus, CampaignStatus, MediaType, createQuestApi, CampaignType, formatTokenAmount, TaskTemplateId, EligibilityTemplateId, RecurrenceType, createCommonApi, normalizeTask, formatSwapTokensForDisplay, formatAddress } from "@taskon/core";
-import { p as TaskOnContext, d as useTaskOnContext, s as useTaskOnPortalContainer } from "./ThemeProvider-DNJqI2lD.js";
-import { D as Dialog, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-B2j_dZ4V.js";
+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 { d as useToast } from "./useToast-CaRkylKe.js";
-import { u as useBindWallet, T as TitleExpress, a as CardDescExpress, b as useNftClaimFlow, R as RewardModuleDialog, B as BlindBoxDialog, c as TaskItem, E as EligibilityInfo, d as Textarea } from "./EligibilityInfo-DGBffKN8.js";
-import { g as useBindSocialAccount, B as BindWalletDialog, l as useChainMap, s as TipPopover, I as Input } from "./UserCenterWidget-B0O-f_xl.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 { createPortal } from "react-dom";
 import '../CommunityTaskList.css';function CardSelector({
   options,
@@ -39,6 +40,251 @@ import '../CommunityTaskList.css';function CardSelector({
     );
   }) });
 }
+const once_tag = "Once";
+const daily_tag = "Daily";
+const weekly_tag = "Weekly";
+const monthly_tag = "Monthly";
+const unlimited_tag = "Unlimited";
+const verify_claim = "Verify & Claim";
+const claim = "Claim";
+const update = "Update";
+const valid_util_is = "Valid Until:";
+const won = "Won";
+const gift_rewards = "🎁 Rewards";
+const max_claim_num = "Max. Claims";
+const updated_at = "Updated at {val}";
+const oops = "Oops!";
+const verify_failed = "Verification Failed";
+const oops_failed = "Oops, Failed";
+const under_review = "Under Review";
+const failed = "Failed";
+const completed_now = "Task is complete for now.";
+const continue_in = "Continue in";
+const done_today = "Done for today";
+const per_time = "/Time";
+const earned = "Earned";
+const retry_after = "Retry after {val}";
+const task_verify_warning = "This task only verify action during {start} - {end}(UTC)";
+const you_have_completed = "🎉 You have completed";
+const you_not_pass = "Oops! You did not pass this task.";
+const proceed_2_complete_the_task = "Proceed to complete the task";
+const twitter_delay_error = "This is usually due to X(Twitter) delays. \nPlease try again in 30 seconds and make sure you used your linked X account, {name}.";
+const discord_delay_error = "This is usually due to Discord delays. \n Please try again in 30 seconds and make sure you used your linked Discord account, {name}.";
+const telegram_delay_error = "This is usually due to Telegram delays.  \n Please try again in 30 seconds and make sure you used your linked Telegram account, {name}.";
+const discord_invites_err = "Your Invites: {invited} , {need} more needed. Please invite more friends to join the Discord Server";
+const close_in = "🎉 Congratulations, close in {val}s";
+const check = "Check";
+const level_above = "Reach level {val} or above";
+const level_below = "is lower than level {val}";
+const discord_role_is_val = "Discord role is {val}";
+const discord_role_is_not_val = "Discord role is not {val}";
+const nft_token_label = "Own at least {amt} {token} on {chain}";
+const complete_task = "Completed {val}";
+const not_complete_task = "Not Completed {val}";
+const taskon_community = "TaskOn Community";
+const copy = "copy";
+const copy_success = "Copy success";
+const copy_failed = "Copy failed";
+const invalid_image_size_10m = "Please upload an image below 10M";
+const upload_failed = "Upload Failed, please try again!";
+const please_enter_url = "Please enter URL";
+const please_enter_text = "Please enter text";
+const invalid_url = "Please enter a valid url address";
+const enter_here = "Enter here";
+const resubmit = "Resubmit";
+const re_submitted_success = "Re-submitted Successfully";
+const submit = "Submit";
+const swap = "Swap";
+const chain_is = "Chain:";
+const swap_from_is = "Swap From:";
+const swap_to_is = "Swap To:";
+const rules = "Rules";
+const instructions = "Instructions";
+const times = "Times";
+const address_is = "Address:";
+const only_left = "Hurry up! Only {val} left";
+const task_up = "Task";
+const no_task = "No Task";
+const all = "All";
+const any = "Any";
+const meet_all_conditions_to_unlock = "Meet all conditions to Unlock";
+const meet_any_condition_to_unlock = "Meet any condition to Unlock";
+const contact_to_check_progress = "Contact {name} to check your progress";
+const loading = "Loading...";
+const error = "Something went wrong";
+const retry = "Retry";
+const loading_tasks = "Loading tasks...";
+const no_tasks_available = "No tasks available";
+const loading_task = "Loading task...";
+const task_details = "Task details";
+const task_details_desc = "View task details and reward information";
+const no_task_data = "No task data";
+const client_not_initialized = "Client not initialized";
+const failed_to_load = "Failed to load";
+const submission_failed = "Submission failed";
+const failed_to_submit_task = "Failed to submit task:";
+const join_required_discord_channel = "Please join the required Discord channel and try again.";
+const verification_failed_twitter = "Oops! Task verification failed. There might be a delay due to Twitter restrictions. Please try again later.";
+const verification_failed_discord = "Oops! Task verification failed. There might be a delay due to Discord restrictions. Please try again later.";
+const verification_failed_telegram = "Oops! Task verification failed. There might be a delay due to Telegram restrictions. Please try again later.";
+const verification_failed_generic = "Task verification failed. Please check if you completed the required action.";
+const upload_image = "Upload image";
+const click_to_upload_image = "Click to upload image";
+const please_upload_image = "Please upload an image";
+const submitting = "Submitting...";
+const task_completed = "Task completed";
+const every = "Every";
+const will_give_you = "will give you";
+const copy_to_clipboard = "Copy to clipboard";
+const copied = "Copied!";
+const community_login_first = "Please login first";
+const community_points = "Points";
+const community_token = "Token";
+const community_dex = "DEX";
+const community_rule_max = "(Max {val} {name})";
+const enMessages = {
+  once_tag,
+  daily_tag,
+  weekly_tag,
+  monthly_tag,
+  unlimited_tag,
+  verify_claim,
+  claim,
+  update,
+  valid_util_is,
+  won,
+  gift_rewards,
+  max_claim_num,
+  updated_at,
+  oops,
+  verify_failed,
+  oops_failed,
+  under_review,
+  failed,
+  completed_now,
+  continue_in,
+  done_today,
+  per_time,
+  earned,
+  retry_after,
+  task_verify_warning,
+  you_have_completed,
+  you_not_pass,
+  proceed_2_complete_the_task,
+  twitter_delay_error,
+  discord_delay_error,
+  telegram_delay_error,
+  discord_invites_err,
+  close_in,
+  check,
+  level_above,
+  level_below,
+  discord_role_is_val,
+  discord_role_is_not_val,
+  nft_token_label,
+  complete_task,
+  not_complete_task,
+  taskon_community,
+  copy,
+  copy_success,
+  copy_failed,
+  invalid_image_size_10m,
+  upload_failed,
+  please_enter_url,
+  please_enter_text,
+  invalid_url,
+  enter_here,
+  resubmit,
+  re_submitted_success,
+  submit,
+  swap,
+  chain_is,
+  swap_from_is,
+  swap_to_is,
+  rules,
+  instructions,
+  times,
+  address_is,
+  only_left,
+  task_up,
+  no_task,
+  all,
+  any,
+  meet_all_conditions_to_unlock,
+  meet_any_condition_to_unlock,
+  contact_to_check_progress,
+  loading,
+  error,
+  retry,
+  loading_tasks,
+  no_tasks_available,
+  loading_task,
+  task_details,
+  task_details_desc,
+  no_task_data,
+  client_not_initialized,
+  failed_to_load,
+  submission_failed,
+  failed_to_submit_task,
+  join_required_discord_channel,
+  verification_failed_twitter,
+  verification_failed_discord,
+  verification_failed_telegram,
+  verification_failed_generic,
+  upload_image,
+  click_to_upload_image,
+  please_upload_image,
+  submitting,
+  task_completed,
+  every,
+  will_give_you,
+  copy_to_clipboard,
+  copied,
+  community_login_first,
+  community_points,
+  community_token,
+  community_dex,
+  community_rule_max
+};
+const loadMessages = createLocaleLoader(
+  enMessages,
+  {
+    ko: () => import("./communitytask-ko-BD0hzQSi.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./communitytask-ja-CmW6nP-L.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./communitytask-ru-DhySaZL8.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./communitytask-es-1zawvXEX.js").then((module) => ({
+      default: module.default
+    }))
+  }
+);
+function useCommunityTaskLocale() {
+  return useTranslation({
+    widgetId: "CommunityTask",
+    defaultMessages: enMessages,
+    loadMessages
+  });
+}
+const RECURRENCE_KEY_MAP = {
+  Once: "once_tag",
+  Daily: "daily_tag",
+  Weekly: "weekly_tag",
+  Monthly: "monthly_tag",
+  Unlimited: "unlimited_tag"
+};
+function getRecurrenceLabel(t, recurrence) {
+  const recurrenceCode = recurrence ?? "Once";
+  const key = RECURRENCE_KEY_MAP[recurrenceCode];
+  if (!key) {
+    return recurrenceCode;
+  }
+  return t(key);
+}
 function ClaimButton({
   verifyClaim = false,
   recurrence,
@@ -55,6 +301,7 @@ function ClaimButton({
   chainType,
   onBindFailed
 }) {
+  const { t } = useCommunityTaskLocale();
   const [internalLoading, setInternalLoading] = useState(false);
   const [showWalletDialog, setShowWalletDialog] = useState(false);
   const needBindCheck = !claimDialog;
@@ -104,11 +351,11 @@ function ClaimButton({
   }, [bindWithProvider]);
   const buttonLabel = (() => {
     if (customLabel) return customLabel;
-    if (mini) return "Update";
+    if (mini) return t("update");
     if (recurrence === "Unlimited") {
-      return hasPoints ? "Update" : "Claim";
+      return hasPoints ? t("update") : t("claim");
     }
-    return verifyClaim ? "Verify & Claim" : "Claim";
+    return verifyClaim ? t("verify_claim") : t("claim");
   })();
   const isDisabled = disabled || isSubmitting || internalLoading || isWaitingAuth || isBindingWallet;
   const buttonClass = [
@@ -187,7 +434,7 @@ function ClaimButton({
 }
 function formatCountdown$1(valueMillSec) {
   if (valueMillSec <= 0) {
-    return "0 min";
+    return "0s";
   }
   const hours = Math.floor(valueMillSec / 1e3 / 60 / 60);
   const minutes = Math.floor((valueMillSec / 1e3 / 60 / 60 - hours) * 60);
@@ -195,11 +442,11 @@ function formatCountdown$1(valueMillSec) {
     (valueMillSec / 1e3 / 60 - hours * 60 - minutes) * 60
   );
   if (hours > 0) {
-    return `${hours} hour${hours > 1 ? "s" : ""}`;
+    return `${hours}h`;
   } else if (minutes > 0) {
-    return `${minutes} min${minutes > 1 ? "s" : ""}`;
+    return `${minutes}m`;
   } else {
-    return `${seconds} sec${seconds > 1 ? "s" : ""}`;
+    return `${seconds}s`;
   }
 }
 function ClaimRetry({
@@ -208,6 +455,7 @@ function ClaimRetry({
   onComplete
 }) {
   const [timeLeft, setTimeLeft] = useState(leftMillSecond);
+  const { t } = useCommunityTaskLocale();
   const onUpdateRef = useRef(onUpdate);
   const onCompleteRef = useRef(onComplete);
   useEffect(() => {
@@ -239,25 +487,16 @@ function ClaimRetry({
       clearInterval(timer);
     };
   }, [leftMillSecond]);
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-retry", children: [
-    "Retry after ",
-    formatCountdown$1(timeLeft)
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "taskon-community-task-retry", children: t("retry_after", { val: formatCountdown$1(timeLeft) }) });
 }
 const SECOND = 1e3;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
 function prefix(num) {
   return num < 10 ? `0${num}` : `${num}`;
 }
 function formatDurationLabel(from, to) {
   const time = Math.abs(from - to);
-  const totalHours = time / HOUR;
-  if (totalHours > 24) {
-    const days = Math.ceil(time / DAY);
-    return `${days} day${days > 1 ? "s" : ""}`;
-  }
   const hours = Math.floor(time / HOUR);
   const minutes = Math.floor(time % HOUR / MINUTE);
   const seconds = Math.floor(time % MINUTE / SECOND);
@@ -268,6 +507,7 @@ function DoneCountdown({
   onComplete
 }) {
   const [now, setNow] = useState(Date.now());
+  const { t } = useCommunityTaskLocale();
   const onCompleteRef = useRef(onComplete);
   useEffect(() => {
     onCompleteRef.current = onComplete;
@@ -288,9 +528,9 @@ function DoneCountdown({
   }, [nextTime]);
   const countdownLabel = now >= nextTime ? "00h : 00m : 00s" : formatDurationLabel(now, nextTime);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-done-countdown", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-community-task-done-countdown-text", children: "Task is complete for now." }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-community-task-done-countdown-text", children: t("completed_now") }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-done-countdown-timer", children: [
-      /* @__PURE__ */ jsx("span", { children: "Continue in" }),
+      /* @__PURE__ */ jsx("span", { children: t("continue_in") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-community-task-done-countdown-time", children: countdownLabel })
     ] })
   ] });
@@ -343,26 +583,27 @@ function WarningIcon() {
 function ValidationTimeTip({
   timeFrame
 }) {
+  const { t } = useCommunityTaskLocale();
   const startDate = formatDate$1(normalizeTimestamp(timeFrame.start_time));
   const endDate = formatDate$1(normalizeTimestamp(timeFrame.end_time));
   return /* @__PURE__ */ jsxs("div", { className: "taskon-community-validation-tip", children: [
     /* @__PURE__ */ jsx(WarningIcon, {}),
-    /* @__PURE__ */ jsxs("p", { className: "taskon-community-validation-tip-text", children: [
-      "This task only verify action during ",
-      startDate,
-      " - ",
-      endDate,
-      "(UTC)"
-    ] })
+    /* @__PURE__ */ jsx("p", { className: "taskon-community-validation-tip-text", children: t("task_verify_warning", {
+      start: startDate,
+      end: endDate
+    }) })
   ] });
 }
 function CheckProgressTip({
   communityName,
   contactLink
 }) {
+  const { t } = useCommunityTaskLocale();
   if (!communityName) {
     return null;
   }
+  const textTemplate = t("contact_to_check_progress", { name: "{name}" });
+  const [prefixText = "", suffixText = ""] = textTemplate.split("{name}");
   const handleLinkClick = (e) => {
     e.stopPropagation();
     if (contactLink) {
@@ -370,7 +611,7 @@ function CheckProgressTip({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-progress-tip", children: [
-    /* @__PURE__ */ jsx("span", { children: "Contact " }),
+    /* @__PURE__ */ jsx("span", { children: prefixText }),
     contactLink ? /* @__PURE__ */ jsx(
       "span",
       {
@@ -379,7 +620,7 @@ function CheckProgressTip({
         children: communityName
       }
     ) : /* @__PURE__ */ jsx("span", { className: "taskon-community-task-progress-tip-name", children: communityName }),
-    /* @__PURE__ */ jsx("span", { children: " to check your progress" })
+    /* @__PURE__ */ jsx("span", { children: suffixText })
   ] });
 }
 function ProgressUi({
@@ -472,6 +713,7 @@ function BlingSvg({ className }) {
 function BaseTask(props) {
   const authFromContext = useOptionalAuth();
   const { showToast } = useToast();
+  const { t } = useCommunityTaskLocale();
   const {
     title,
     isWon,
@@ -534,6 +776,12 @@ function BaseTask(props) {
     if (!availableUnit || !totalUnit) return 0;
     return Number((availableUnit / totalUnit * 100).toFixed(2));
   }, [reward]);
+  const recurrenceBadgeLabel = useMemo(() => {
+    if (!recurrenceLabel) {
+      return void 0;
+    }
+    return getRecurrenceLabel(t, recurrenceLabel);
+  }, [recurrenceLabel, t]);
   const handleActionClick = (e) => {
     e.stopPropagation();
     if (actionAutoDialog && onClick) {
@@ -557,8 +805,8 @@ function BaseTask(props) {
     return { successful: false };
   }, [onClaim, isSubmitting]);
   const handleBindFailed = useCallback(
-    (error) => {
-      showToast(error, "error");
+    (error2) => {
+      showToast(error2, "error");
     },
     [showToast]
   );
@@ -581,7 +829,7 @@ function BaseTask(props) {
       ] }) });
     }
     return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-time", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-community-task-time-label", children: "Valid Until:" }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-community-task-time-label", children: t("valid_util_is") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-community-task-time-value", children: validTime.endTime })
     ] });
   };
@@ -589,7 +837,7 @@ function BaseTask(props) {
     if (!reward || reward.type === "none") {
       return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-won", children: [
         /* @__PURE__ */ jsx(IconCheckedTask, { className: "taskon-community-task-won-checked" }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-text", children: "Completed" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-text", children: t("task_completed") })
       ] });
     }
     if (reward.type === "points") {
@@ -598,12 +846,13 @@ function BaseTask(props) {
           /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-single", children: reward.amount }),
           /* @__PURE__ */ jsxs("span", { className: "taskon-community-task-won-label", children: [
             reward.name,
-            "/Time"
+            t("per_time")
           ] }),
           /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-total", children: reward.totalAmount }),
           /* @__PURE__ */ jsxs("span", { className: "taskon-community-task-won-earned", children: [
             reward.name,
-            " earned"
+            " ",
+            t("earned")
           ] })
         ] });
       }
@@ -622,7 +871,7 @@ function BaseTask(props) {
           )
         ] }),
         /* @__PURE__ */ jsx(BlingSvg, { className: "taskon-community-task-won-bling" }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-status", children: "Won" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-status", children: t("won") })
       ] });
     }
     if (reward.type === "token" && reward.token) {
@@ -630,7 +879,7 @@ function BaseTask(props) {
         return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-won taskon-community-task-won--periodic", children: [
           /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-single", children: reward.token.amount }),
           /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-total", children: reward.token.name }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-earned", children: "earned" })
+          /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-earned", children: t("earned") })
         ] });
       }
       return /* @__PURE__ */ jsxs("div", { className: "taskon-community-task-won", children: [
@@ -638,7 +887,7 @@ function BaseTask(props) {
         /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-amount", children: reward.token.amount }),
         /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-name", children: reward.token.name }),
         /* @__PURE__ */ jsx(BlingSvg, { className: "taskon-community-task-won-bling" }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-status", children: "Won" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-community-task-won-status", children: t("won") })
       ] });
     }
     return null;
@@ -646,7 +895,7 @@ function BaseTask(props) {
   const renderRewardInfo = () => {
     if (!reward || reward.type === "none") return null;
     if (reward.type === "points") {
-      const nameSuffix = isPeriodic ? "/Time" : "";
+      const nameSuffix = isPeriodic ? t("per_time") : "";
       let displayAmount = reward.amount ?? 0;
       if (recurrence === "Unlimited") {
         const totalAmount = reward.totalAmount ?? 0;
@@ -694,10 +943,10 @@ function BaseTask(props) {
   const renderClaimArea = () => {
     if (noClaim) return null;
     if (reviewResult === TaskReviewResult.Failed) {
-      return /* @__PURE__ */ jsx("div", { className: "taskon-community-task-review-status taskon-community-task-review-status--failed", children: "Oops! Failed" });
+      return /* @__PURE__ */ jsx("div", { className: "taskon-community-task-review-status taskon-community-task-review-status--failed", children: t("oops_failed") });
     }
     if (reviewResult === TaskReviewResult.UnReviewed) {
-      return /* @__PURE__ */ jsx("div", { className: "taskon-community-task-review-status taskon-community-task-review-status--review", children: "Under Review" });
+      return /* @__PURE__ */ jsx("div", { className: "taskon-community-task-review-status taskon-community-task-review-status--review", children: t("under_review") });
     }
     if (coolDown > 0) {
       return /* @__PURE__ */ jsx(ClaimRetry, { leftMillSecond: coolDown, onComplete: onCoolDownComplete });
@@ -742,7 +991,7 @@ function BaseTask(props) {
       className: `taskon-community-task ${isCompleted ? "taskon-community-task--won" : ""} ${disabled ? "taskon-community-task--disabled" : ""}`,
       onClick: handleCardClick,
       children: [
-        recurrenceLabel && !noRecurrence && /* @__PURE__ */ jsx("div", { className: "taskon-community-task-badge", children: recurrenceLabel }),
+        recurrenceBadgeLabel && !noRecurrence && /* @__PURE__ */ jsx("div", { className: "taskon-community-task-badge", children: recurrenceBadgeLabel }),
         disabled && /* @__PURE__ */ jsx(
           "div",
           {
@@ -862,7 +1111,8 @@ function CardField({
   link,
   copy_text
 }) {
-  const [copied, setCopied] = useState(false);
+  const [copied2, setCopied] = useState(false);
+  const { t } = useCommunityTaskLocale();
   const handleCopy = async (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -892,9 +1142,9 @@ function CardField({
       "button",
       {
         type: "button",
-        className: `taskon-community-task-field-copy ${copied ? "taskon-community-task-field-copy--copied" : ""}`,
+        className: `taskon-community-task-field-copy ${copied2 ? "taskon-community-task-field-copy--copied" : ""}`,
         onClick: handleCopy,
-        title: copied ? "Copied!" : "Copy to clipboard",
+        title: copied2 ? t("copied") : t("copy_to_clipboard"),
         children: /* @__PURE__ */ jsx(CopyIcon, { className: "taskon-community-task-field-copy-icon" })
       }
     )
@@ -1058,6 +1308,7 @@ function ConditionItem({
   condition,
   onTaskClick
 }) {
+  const { t } = useCommunityTaskLocale();
   const payload = useMemo(() => {
     return parseConditionParams(condition.condition_params);
   }, [condition.condition_params]);
@@ -1066,34 +1317,35 @@ function ConditionItem({
     if (type === EligibilityType.CommunityUserLevel) {
       const params = payload;
       if (params.operator === Operator.Gte) {
-        return `Reach level ${params.level} or above`;
+        return t("level_above", { val: params.level });
       }
-      return `is lower than level ${params.level}`;
+      return t("level_below", { val: params.level });
     }
     if (type === EligibilityType.DiscordRole) {
       const params = payload;
       if (params.operator === Operator.Is) {
-        return `Discord role is ${params.role}`;
+        return t("discord_role_is_val", { val: params.role });
       }
-      return `Discord role is not ${params.role}`;
+      return t("discord_role_is_not_val", { val: params.role });
     }
     if (type === EligibilityType.TokenBalance) {
       const params = payload;
-      return `Own at least ${params.amount} ${params.token_name} on ${params.chain_label}`;
+      return t("nft_token_label", {
+        amt: params.amount,
+        token: params.token_name,
+        chain: params.chain_label
+      });
     }
     if (type === EligibilityType.NftHolder) {
       const params = payload;
-      return `Own at least ${params.amount} ${params.nft_name} on ${params.chain_label}`;
-    }
-    if (type === EligibilityType.CommunityPreTask) {
-      const params = payload;
-      if (params.operator === Operator.Is) {
-        return { key: "complete_task", val: params.task_name };
-      }
-      return { key: "not_complete_task", val: params.task_name };
+      return t("nft_token_label", {
+        amt: params.amount,
+        token: params.nft_name,
+        chain: params.chain_label
+      });
     }
     return "";
-  }, [condition.condition_type, payload]);
+  }, [condition.condition_type, payload, t]);
   const renderStatusIcon = () => {
     switch (condition.status) {
       case MeetConditionStatus.passed:
@@ -1108,7 +1360,8 @@ function ConditionItem({
     if (condition.condition_type === EligibilityType.CommunityPreTask) {
       const params = payload;
       const isCompleted = params.operator === Operator.Is;
-      const prefix2 = isCompleted ? "Completed " : "Not Completed ";
+      const template = isCompleted ? t("complete_task", { val: "{val}" }) : t("not_complete_task", { val: "{val}" });
+      const [prefix2 = "", suffix = ""] = template.split("{val}");
       const canClick = onTaskClick && params.task_id;
       return /* @__PURE__ */ jsxs("span", { className: "taskon-eligibility-mask-item-text", children: [
         prefix2,
@@ -1130,15 +1383,13 @@ function ConditionItem({
             },
             children: params.task_name
           }
-        ) : /* @__PURE__ */ jsx("span", { children: params.task_name })
+        ) : /* @__PURE__ */ jsx("span", { children: params.task_name }),
+        suffix
       ] });
     }
-    if (typeof typeLabel === "string") {
-      return /* @__PURE__ */ jsx("span", { className: "taskon-eligibility-mask-item-text", children: typeLabel });
-    }
-    return null;
+    return /* @__PURE__ */ jsx("span", { className: "taskon-eligibility-mask-item-text", children: typeLabel });
   };
-  if (!typeLabel) {
+  if (!typeLabel && condition.condition_type !== EligibilityType.CommunityPreTask) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-eligibility-mask-item", children: [
@@ -1152,7 +1403,8 @@ function UserEligibilityMask({
   onCheck,
   onTaskClick
 }) {
-  const [loading, setLoading] = useState(false);
+  const { t } = useCommunityTaskLocale();
+  const [loading2, setLoading] = useState(false);
   const rewardInfo = useMemo(() => {
     if (!task.reward || task.reward.length === 0) return null;
     const pointsReward = task.reward.find(
@@ -1176,7 +1428,7 @@ function UserEligibilityMask({
     return null;
   }, [task.reward]);
   const handleCheck = useCallback(async () => {
-    if (loading || !onCheck) return;
+    if (loading2 || !onCheck) return;
     const result = onCheck();
     if (result instanceof Promise) {
       setLoading(true);
@@ -1186,7 +1438,7 @@ function UserEligibilityMask({
         setLoading(false);
       }
     }
-  }, [loading, onCheck]);
+  }, [loading2, onCheck]);
   const renderRewardInfo = () => {
     if (!rewardInfo) return null;
     if (rewardInfo.type === "points") {
@@ -1209,15 +1461,7 @@ function UserEligibilityMask({
   };
   const renderConditionTitle = () => {
     const isAnd = task.eligiblity_expression === "and";
-    return /* @__PURE__ */ jsxs("span", { className: "taskon-eligibility-mask-cond-title", children: [
-      "Meet",
-      " ",
-      /* @__PURE__ */ jsx("span", { className: "taskon-eligibility-mask-cond-label", children: isAnd ? "All" : "Any" }),
-      " ",
-      "condition",
-      isAnd ? "s" : "",
-      " to Unlock"
-    ] });
+    return /* @__PURE__ */ jsx("span", { className: "taskon-eligibility-mask-cond-title", children: isAnd ? t("meet_all_conditions_to_unlock") : t("meet_any_condition_to_unlock") });
   };
   return /* @__PURE__ */ jsxs("div", { className: "taskon-eligibility-mask", children: [
     renderRewardInfo(),
@@ -1228,17 +1472,17 @@ function UserEligibilityMask({
         "button",
         {
           type: "button",
-          className: `taskon-eligibility-mask-check-btn${loading ? " taskon-eligibility-mask-check-btn--loading" : ""}`,
+          className: `taskon-eligibility-mask-check-btn${loading2 ? " taskon-eligibility-mask-check-btn--loading" : ""}`,
           onClick: handleCheck,
-          disabled: loading,
+          disabled: loading2,
           children: [
             /* @__PURE__ */ jsx(
               ReloadIcon,
               {
-                className: `taskon-eligibility-mask-reload-icon${loading ? " taskon-eligibility-mask-reload-icon--spinning" : ""}`
+                className: `taskon-eligibility-mask-reload-icon${loading2 ? " taskon-eligibility-mask-reload-icon--spinning" : ""}`
               }
             ),
-            "Check"
+            t("check")
           ]
         }
       )
@@ -1275,14 +1519,7 @@ function useTaskState(task, userStatus) {
     }
     const isCompleted = (userStatus == null ? void 0 : userStatus.current_completed) || false;
     const isPeriodic = task.recurrence !== "Once" && task.template.template_id !== "DailyConnect" && task.recurrence !== "Unlimited";
-    const recurrenceLabelMap = {
-      Once: "Once",
-      Daily: "Daily",
-      Weekly: "Weekly",
-      Monthly: "Monthly",
-      Unlimited: "Unlimited"
-    };
-    const recurrenceLabel = recurrenceLabelMap[task.recurrence] || task.recurrence;
+    const recurrenceLabel = task.recurrence;
     let showUnlimitedClaim = true;
     if (task.recurrence === "Unlimited") {
       const totalPointAmount = ((_a = userStatus == null ? void 0 : userStatus.total_point) == null ? void 0 : _a.amount) ?? 0;
@@ -1371,22 +1608,25 @@ const isBlankMessage = (message) => {
 const isDiscordNotJoinedError = (errorCode) => {
   return errorCode === ErrorCode.DISCORD_USRE_NOT_IN_GROUP || errorCode === DISCORD_USER_NOT_IN_CHANNEL_CODE;
 };
-const resolveCommunityTaskSubmitErrorMessage = (error, errorCode) => {
-  const errorMessage = error instanceof Error ? error.message : typeof error === "string" ? error : "";
+const resolveCommunityTaskSubmitErrorMessage = (error2, options) => {
+  const errorCode = options == null ? void 0 : options.errorCode;
+  const t = options == null ? void 0 : options.t;
+  const errorMessage = error2 instanceof Error ? error2.message : typeof error2 === "string" ? error2 : "";
   if (!isBlankMessage(errorMessage)) {
     return errorMessage;
   }
   if (isDiscordNotJoinedError(errorCode)) {
-    return DISCORD_JOIN_REQUIRED_FALLBACK_MESSAGE;
+    return t ? t("join_required_discord_channel") : DISCORD_JOIN_REQUIRED_FALLBACK_MESSAGE;
   }
-  return DEFAULT_SUBMIT_TASK_ERROR_MESSAGE;
+  return t ? t("submission_failed") : DEFAULT_SUBMIT_TASK_ERROR_MESSAGE;
 };
 function useSubmitTask(taskId, onSuccess, platform, options) {
+  const { t } = useCommunityTaskLocale();
   const { refreshOnFail = false } = options ?? {};
   const { client, userToken, userInfo } = useTaskOnContext();
   const { toast } = useToast();
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const [error, setError] = useState(null);
+  const [error2, setError] = useState(null);
   const getSnsUserName = useCallback((platformName) => {
     if (!(userInfo == null ? void 0 : userInfo.sns)) return "";
     const snsTypeMap = {
@@ -1407,13 +1647,13 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         }
       };
       if (!userToken) {
-        const errorMsg = "Please login first";
+        const errorMsg = t("community_login_first");
         setError(errorMsg);
         toast.error(errorMsg);
         return { successful: false, error: errorMsg };
       }
       if (!client) {
-        const errorMsg = "Client not initialized";
+        const errorMsg = t("client_not_initialized");
         setError(errorMsg);
         toast.error(errorMsg);
         return { successful: false, error: errorMsg };
@@ -1438,23 +1678,27 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         } else {
           if (platform === "Twitter") {
             const name = getSnsUserName("Twitter");
-            toast.error(`Oops! Verification Failed! This is usually due to X(Twitter) delays. Please try again in 30 seconds and make sure you used your linked X account, ${name}.`, 1e4);
+            toast.error(t("twitter_delay_error", { name }), 1e4);
           } else if (platform === "Discord") {
             const name = getSnsUserName("Discord");
-            toast.error(`Oops! Verification Failed! This is usually due to Discord delays. Please try again in 30 seconds and make sure you used your linked Discord account, ${name}.`, 1e4);
+            toast.error(t("discord_delay_error", { name }), 1e4);
           } else if (platform === "Telegram") {
             const name = getSnsUserName("Telegram");
-            toast.error(`Oops! Verification Failed! This is usually due to Telegram delays. Please try again in 30 seconds and make sure you used your linked Telegram account, ${name}.`, 1e4);
+            toast.error(t("telegram_delay_error", { name }), 1e4);
           } else {
-            toast.error("Oops! You did not pass this task.");
+            toast.error(t("you_not_pass"));
           }
           refreshOnFailure();
           return { successful: false };
         }
       } catch (err) {
-        const errorCode = err instanceof ApiError ? err.code : void 0;
-        const errorData = err instanceof ApiError ? err.data : void 0;
-        const errorMsg = resolveCommunityTaskSubmitErrorMessage(err, errorCode);
+        const apiError = err;
+        const errorCode = apiError == null ? void 0 : apiError.code;
+        const errorData = apiError == null ? void 0 : apiError.data;
+        const errorMsg = resolveCommunityTaskSubmitErrorMessage(err, {
+          errorCode,
+          t
+        });
         setError(errorMsg);
         console.error("Submit task failed:", err);
         if (errorCode === ErrorCode.TASK_PARTIAL_PASS) {
@@ -1467,7 +1711,12 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         }
         if (errorCode === ErrorCode.INVITE_JOIN_IS_NOT_REACH && errorData) {
           const { invited = 0, min_required = 0 } = errorData;
-          toast.error(`You have invited ${invited} users, but need ${min_required - invited} more to complete this task.`);
+          toast.error(
+            t("discord_invites_err", {
+              invited,
+              need: Math.max(min_required - invited, 0)
+            })
+          );
           refreshOnFailure();
           return {
             successful: false,
@@ -1486,7 +1735,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         setIsSubmitting(false);
       }
     },
-    [taskId, client, userToken, onSuccess, platform, toast, getSnsUserName, refreshOnFail]
+    [taskId, client, userToken, onSuccess, platform, toast, getSnsUserName, refreshOnFail, t]
   );
   return {
     /** 提交任务函数 */
@@ -1494,15 +1743,16 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
     /** 是否正在提交 */
     isSubmitting,
     /** 错误信息 */
-    error
+    error: error2
   };
 }
 function useTaskDetail(options) {
   const { taskId } = options;
+  const { t } = useCommunityTaskLocale();
   const { client } = useTaskOnContext();
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
+  const [error2, setError] = useState(null);
   const fetchDetail = useCallback(async () => {
     if (!taskId || !client) {
       setData(null);
@@ -1518,19 +1768,19 @@ function useTaskDetail(options) {
       });
       setData(detail);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to load task");
+      setError(err instanceof Error ? err.message : t("failed_to_load"));
       setData(null);
     } finally {
       setIsLoading(false);
     }
-  }, [taskId, client]);
+  }, [taskId, client, t]);
   useEffect(() => {
     fetchDetail();
   }, [fetchDetail]);
   return {
     data,
     isLoading,
-    error,
+    error: error2,
     refetch: fetchDetail
   };
 }
@@ -1763,6 +2013,7 @@ function PowTask({
   onDoneCountdownComplete
 }) {
   var _a;
+  const { t } = useCommunityTaskLocale();
   const params = useMemo(() => {
     try {
       return JSON.parse(task.template.params);
@@ -1786,9 +2037,9 @@ function PowTask({
     return (userStatus == null ? void 0 : userStatus.current_completed) ?? false;
   }, [userStatus == null ? void 0 : userStatus.current_completed]);
   const actionLabel = useMemo(() => {
-    if (isUnderReview || isFailedButCanRetry) return "Re-Submit";
-    return "Submit";
-  }, [isUnderReview, isFailedButCanRetry]);
+    if (isUnderReview || isFailedButCanRetry) return t("resubmit");
+    return t("submit");
+  }, [isUnderReview, isFailedButCanRetry, t]);
   const alwaysShowAction = useMemo(() => {
     return isUnderReview || isFailedButCanRetry;
   }, [isUnderReview, isFailedButCanRetry]);
@@ -1812,7 +2063,7 @@ function PowTask({
         return {
           type: "points",
           amount: rewardParams.amount || 0,
-          name: rewardParams.points_name || "Points",
+          name: rewardParams.points_name || t("community_points"),
           icon: rewardParams.points_icon
         };
       }
@@ -1882,6 +2133,7 @@ function ContractInteractiveTask({
   onDoneCountdownComplete
 }) {
   var _a, _b;
+  const { t } = useCommunityTaskLocale();
   const [localCoolDown, setLocalCoolDown] = useState(
     () => (userStatus == null ? void 0 : userStatus.waiting_cool_down) ?? 0
   );
@@ -1968,7 +2220,7 @@ function ContractInteractiveTask({
     recurrenceLabel: task.recurrence,
     taskId: task.id,
     // 固定按钮文案，复刻原版 t('proceed_2_complete_the_task')
-    actionLabel: "Proceed to complete the task",
+    actionLabel: t("proceed_2_complete_the_task"),
     // 使用 task_url 作为按钮链接
     actionLink: params.task_url,
     // 需要验证后才能 Claim
@@ -1989,7 +2241,7 @@ function ContractInteractiveTask({
         return {
           type: "points",
           amount: rewardParams.amount || 0,
-          name: rewardParams.points_name || "Points",
+          name: rewardParams.points_name || t("community_points"),
           icon: rewardParams.points_icon,
           totalAmount: (_a2 = userStatus == null ? void 0 : userStatus.total_point) == null ? void 0 : _a2.amount
         };
@@ -2059,6 +2311,7 @@ function SwapDexTask({
   onDoneCountdownComplete
 }) {
   var _a, _b;
+  const { t } = useCommunityTaskLocale();
   const [localCoolDown, setLocalCoolDown] = useState(
     () => (userStatus == null ? void 0 : userStatus.waiting_cool_down) ?? 0
   );
@@ -2097,13 +2350,13 @@ function SwapDexTask({
       tokenInList: params.token_in_list,
       chainLabel,
       // 优先使用 task.project_name，其次使用 community name
-      dexName: task.project_name || (contextCommunityInfo == null ? void 0 : contextCommunityInfo.name) || "DEX",
+      dexName: task.project_name || (contextCommunityInfo == null ? void 0 : contextCommunityInfo.name) || t("community_dex"),
       dexLink: params.task_url,
       isFixedReward: params.is_fixed_reward_type || false,
       minTradingVolume: params.min_trading_volume,
       minTradesTimes: params.min_trades_times
     });
-  }, [params, chainLabel, task.project_name, contextCommunityInfo == null ? void 0 : contextCommunityInfo.name]);
+  }, [params, chainLabel, task.project_name, contextCommunityInfo == null ? void 0 : contextCommunityInfo.name, t]);
   const titleNode = useMemo(() => {
     return /* @__PURE__ */ jsx(TitleExpress, { express: titleExpress });
   }, [titleExpress]);
@@ -2178,7 +2431,7 @@ function SwapDexTask({
       validTime: validTimeProp,
       validationTimeFrame,
       chainType,
-      actionLabel: "Swap",
+      actionLabel: t("swap"),
       actionLink: params.task_url,
       verifyClaim: true,
       currentCompleted: userStatus == null ? void 0 : userStatus.current_completed,
@@ -2647,7 +2900,7 @@ function useTaskChainDetail(options) {
   const [userStatus, setUserStatus] = useState(null);
   const [campaignStatusInfo, setCampaignStatusInfo] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
+  const [error2, setError] = useState(null);
   const api = useMemo(() => {
     if (!client) return null;
     return createQuestApi(client);
@@ -2738,7 +2991,7 @@ function useTaskChainDetail(options) {
     userStatus,
     campaignStatusInfo,
     isLoading,
-    error,
+    error: error2,
     refetchCampaign: fetchCampaign,
     refetchUserStatus: fetchUserStatus,
     updateTaskStatus
@@ -3167,8 +3420,8 @@ function TaskChainClaimedRewards({
     onClaimSuccess: async () => {
       await (onClaimedNft == null ? void 0 : onClaimedNft());
     },
-    onClaimError: (error) => {
-      toast.error(error.message || "Failed to claim NFT");
+    onClaimError: (error2) => {
+      toast.error(error2.message || "Failed to claim NFT");
     },
     onWalletError: (errorMessage) => {
       toast.error(errorMessage);
@@ -3209,8 +3462,8 @@ function TaskChainClaimedRewards({
       }
       try {
         await claimNftReward(reward);
-      } catch (error) {
-        console.error("TaskChain NFT claim failed:", error);
+      } catch (error2) {
+        console.error("TaskChain NFT claim failed:", error2);
       }
     },
     [isSupportedNftRewardType, claimNftReward]
@@ -3510,17 +3763,6 @@ function getExpectedRewardDisplay(reward) {
   }
   return { icon: "", text: "", colorClass: "" };
 }
-function useIsMobile() {
-  const [isMobile, setIsMobile] = useState(false);
-  useEffect(() => {
-    const mql = window.matchMedia("(max-width: 750px)");
-    setIsMobile(mql.matches);
-    const handler = (e) => setIsMobile(e.matches);
-    mql.addEventListener("change", handler);
-    return () => mql.removeEventListener("change", handler);
-  }, []);
-  return isMobile;
-}
 function TaskChainRewardStep({
   campaignId,
   campaign,
@@ -3601,8 +3843,8 @@ function TaskChainRewardStep({
       });
       await refetchUserStatus();
       await switchToClaimedView();
-    } catch (error) {
-      console.error("Failed to claim reward:", error);
+    } catch (error2) {
+      console.error("Failed to claim reward:", error2);
       toast.error("Failed to submit campaign. Please try again.");
     } finally {
       setIsLoading(false);
@@ -3816,8 +4058,8 @@ function TaskChainBlindBoxStep({
           auto_follow_community: false
         });
         await refetchUserStatus();
-      } catch (error) {
-        console.error("Failed to submit campaign:", error);
+      } catch (error2) {
+        console.error("Failed to submit campaign:", error2);
         toast.error("Failed to submit campaign. Please try again.");
         setShowManualSubmit(true);
       } finally {
@@ -3837,8 +4079,8 @@ function TaskChainBlindBoxStep({
       }
       await api.claimBlindBoxRewards({ campaign_id: campaign.id });
       await refetchUserStatus();
-    } catch (error) {
-      console.error("Failed to claim blind box:", error);
+    } catch (error2) {
+      console.error("Failed to claim blind box:", error2);
       toast.error("Failed to claim reward. Please try again.");
       (_a = blindBoxDialogRef.current) == null ? void 0 : _a.resetToUnopened();
     } finally {
@@ -4011,8 +4253,8 @@ function NotEligible({
       if (refetchUserStatus) {
         await refetchUserStatus();
       }
-    } catch (error) {
-      console.error("Failed to check eligibility:", error);
+    } catch (error2) {
+      console.error("Failed to check eligibility:", error2);
     } finally {
       setIsRefreshing(false);
     }
@@ -4228,8 +4470,8 @@ function TaskChainDetail({
           const api = createQuestApi(client);
           await api.checkUserCampaignEligibility({ campaign_id: campaign.id });
           await refetchUserStatus();
-        } catch (error) {
-          console.error("Failed to check eligibility after login:", error);
+        } catch (error2) {
+          console.error("Failed to check eligibility after login:", error2);
         }
       };
       checkEligibility();
@@ -4468,7 +4710,7 @@ function TaskChainDialog({
     userStatus,
     campaignStatusInfo,
     isLoading,
-    error,
+    error: error2,
     refetchUserStatus
   } = useTaskChainDetail({
     campaignId,
@@ -4525,11 +4767,11 @@ 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: [
-    error && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-dialog-error", children: [
+    error2 && /* @__PURE__ */ jsxs("div", { className: "taskon-taskchain-dialog-error", children: [
       /* @__PURE__ */ jsx("div", { children: "Failed to load task chain" }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-dialog-error-detail", children: error })
+      /* @__PURE__ */ jsx("div", { className: "taskon-taskchain-dialog-error-detail", children: error2 })
     ] }),
-    !error && /* @__PURE__ */ jsx(
+    !error2 && /* @__PURE__ */ jsx(
       TaskChainDetail,
       {
         campaign,
@@ -4564,6 +4806,7 @@ function SectorItemComponent({
   onCoolDownComplete,
   onDoneCountdownComplete
 }) {
+  const { t } = useCommunityTaskLocale();
   const hasPeriodicTask = useMemo(() => {
     return sector.cards.some((card) => {
       if (card.card_type !== TaskCardType.GTCTask) return false;
@@ -4646,7 +4889,7 @@ function SectorItemComponent({
       return null;
     }) }),
     completedCards.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-sector-completed", children: "🎉 You have completed" }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-sector-completed", children: t("you_have_completed") }),
       /* @__PURE__ */ jsx("div", { className: "taskon-sector-tasks taskon-sector-tasks-completed", children: completedCards.map((card) => {
         const key = getCardKey(card);
         if (card.card_type === TaskCardType.TaskChain) {
@@ -4683,15 +4926,56 @@ function SectorItemComponent({
   ] });
 }
 const SectorItem = React__default.memo(SectorItemComponent);
-const RECURRENCE_LABEL_MAP = {
-  Once: "Once",
-  Daily: "Daily",
-  Weekly: "Weekly",
-  Monthly: "Monthly",
-  Unlimited: "Unlimited"
-};
-function getRecurrenceLabel(recurrence) {
-  return RECURRENCE_LABEL_MAP[recurrence || "Once"] || "Once";
+function renderTaskCards(count) {
+  return Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-task"
+    },
+    `task-${index}`
+  ));
+}
+function CommunityTaskListSkeleton({
+  showSectorTab = true,
+  showSectorName = true,
+  showSectorDescription = true,
+  showSectorReward = true
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "taskon-community-list-skeleton",
+      "aria-busy": "true",
+      "aria-label": "Loading tasks",
+      children: [
+        showSectorTab && /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-selector", children: [
+          /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-chip taskon-community-list-skeleton-chip--wide" }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-chip" }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-chip" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-content", children: [
+          /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-sector", children: [
+            showSectorName && /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-title" }),
+            showSectorDescription && /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-lines", children: [
+              /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-line" }),
+              /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-line taskon-community-list-skeleton-line--short" })
+            ] }),
+            showSectorReward && /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-points", children: [
+              /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-pill" }),
+              /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-pill taskon-community-list-skeleton-pill--short" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-tasks", children: renderTaskCards(4) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-skeleton-sector", children: [
+            showSectorName && /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-title taskon-community-list-skeleton-title--second" }),
+            showSectorDescription && /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-lines", children: /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-line" }) }),
+            showSectorReward && /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-points", children: /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-block taskon-community-list-skeleton-pill taskon-community-list-skeleton-pill--short" }) }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-community-list-skeleton-tasks", children: renderTaskCards(3) })
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 function DialogPointReward({
   isPeriodic,
@@ -4702,6 +4986,7 @@ function DialogPointReward({
   totalEarned = 0,
   communityInfo
 }) {
+  const { t } = useCommunityTaskLocale();
   const displayAmount = useMemo(() => {
     if (recurrence === RecurrenceType.Unlimited) {
       if (totalEarned) {
@@ -4728,13 +5013,15 @@ function DialogPointReward({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-period-label", children: [
           name,
-          " /Time"
+          " ",
+          t("per_time")
         ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-period-amount taskon-task-dialog-period-amount--em", children: totalEarned || 0 }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-period-label taskon-task-dialog-period-label--em", children: [
         name,
-        " earned"
+        " ",
+        t("earned")
       ] })
     ] });
   }
@@ -4787,6 +5074,7 @@ function DialogTokenReward({
   chainIcon,
   communityInfo
 }) {
+  const { t } = useCommunityTaskLocale();
   if (isPeriodic) {
     return /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-period", children: [
       /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-period-amount", children: amount }),
@@ -4802,7 +5090,7 @@ function DialogTokenReward({
         /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-token-period-label", children: name }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-token-period-label taskon-task-dialog-token-period-label--em", children: [
           " ",
-          "earned"
+          t("earned")
         ] })
       ] })
     ] });
@@ -4873,18 +5161,13 @@ function TokenStatusLeft({
   totalUnit,
   availableUnit
 }) {
+  const { t } = useCommunityTaskLocale();
   const current = useMemo(
     () => calcCurrent(totalUnit, availableUnit),
     [totalUnit, availableUnit]
   );
   return /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-token-progress", children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-token-progress__content", children: [
-      "Hurry up! Only",
-      " ",
-      /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-token-progress__text", children: availableUnit ?? 0 }),
-      " ",
-      "left"
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-token-progress__content", children: t("only_left", { val: availableUnit ?? 0 }) }),
     /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-token-progress__bar", children: /* @__PURE__ */ jsx(ColorfulProgress, { current, total: String(totalUnit) }) })
   ] });
 }
@@ -4899,17 +5182,11 @@ function formatDateTime(timestamp) {
 }
 function formatCountdown(diff) {
   if (diff <= 0) return "00:00:00";
-  if (diff / (1e3 * 60 * 60) > 24) {
-    const day2 = 24 * 60 * 60 * 1e3;
-    const days = Math.ceil(diff / day2);
-    return `${days} day${days > 1 ? "s" : ""}`;
-  }
-  const day = 24 * 60 * 60 * 1e3;
   const hour = 60 * 60 * 1e3;
   const minute = 60 * 1e3;
   const second = 1e3;
   const normalizedDiff = Math.abs(diff);
-  const hours = Math.floor(normalizedDiff % day / hour);
+  const hours = Math.floor(normalizedDiff / hour);
   const minutes = Math.floor(normalizedDiff % hour / minute);
   const seconds = Math.floor(normalizedDiff % minute / second);
   const prefix2 = (n) => String(n).padStart(2, "0");
@@ -4937,6 +5214,7 @@ function DialogRewardCard({
   communityInfo,
   latestSubmittedTime = 0
 }) {
+  const { t } = useCommunityTaskLocale();
   const { chains } = useTaskOnContext();
   const tokenChainIcon = useMemo(() => {
     var _a;
@@ -4963,21 +5241,18 @@ function DialogRewardCard({
   const renderPeriodicCountdown = useCallback(() => {
     if (!showPeriodicCountdown) return null;
     return /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-periodic-done", children: [
-      /* @__PURE__ */ jsx("span", { children: "Done for today" }),
+      /* @__PURE__ */ jsx("span", { children: t("done_today") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-periodic-done__line" }),
-      /* @__PURE__ */ jsx("span", { children: "Continue in" }),
+      /* @__PURE__ */ jsx("span", { children: t("continue_in") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-periodic-done__time", children: countdownLabel })
     ] });
-  }, [showPeriodicCountdown, countdownLabel]);
+  }, [showPeriodicCountdown, countdownLabel, t]);
   const renderDefaultStatus = () => {
     if (recurrence === RecurrenceType.Unlimited && latestSubmittedTime && latestSubmittedTime > 0) {
-      return /* @__PURE__ */ jsxs("span", { className: "taskon-task-dialog-updated", children: [
-        "Updated at ",
-        formatDateTime(latestSubmittedTime)
-      ] });
+      return /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-updated", children: t("updated_at", { val: formatDateTime(latestSubmittedTime) }) });
     }
     if (isWon) {
-      return /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-won", children: "Won" });
+      return /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-won", children: t("won") });
     }
     return null;
   };
@@ -4990,7 +5265,7 @@ function DialogRewardCard({
           isPeriodic,
           recurrence,
           amount: reward.amount ?? 0,
-          name: reward.name ?? "Points",
+          name: reward.name ?? t("community_points"),
           icon: reward.icon,
           totalEarned,
           communityInfo
@@ -5048,12 +5323,12 @@ function DialogRewardCard({
   const statusNode = showPeriodicCountdown ? renderPeriodicCountdown() : renderStatus ? renderStatus() : renderDefaultStatus();
   return /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-reward-card", children: [
     claimLimit > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-max-claim", children: [
-      "Max. Claims",
+      t("max_claim_num"),
       " ",
       /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-max-claim--highlight", children: claimLimit })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-label-row", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-rewards-label", children: "🎁 Rewards" }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-rewards-label", children: t("gift_rewards") }),
       (statusPrefixNode || statusNode) && /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-label-right", children: [
         statusPrefixNode,
         statusNode
@@ -5069,6 +5344,7 @@ function CloseIn({
   onClose
 }) {
   const [countdown, setCountdown] = useState(seconds);
+  const { t } = useCommunityTaskLocale();
   const timerRef = useRef(null);
   const handleClose = useCallback(() => {
     onClose();
@@ -5094,11 +5370,7 @@ function CloseIn({
       }
     };
   }, [handleClose]);
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-close-in", children: [
-    "Closing in ",
-    countdown,
-    "s"
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "taskon-close-in", children: t("close_in", { val: countdown }) });
 }
 function BaseDialogLayout({
   recurrence,
@@ -5135,7 +5407,8 @@ function BaseDialogLayout({
   onCloseInClose
 }) {
   var _a;
-  const recurrenceLabel = getRecurrenceLabel(recurrence);
+  const { t } = useCommunityTaskLocale();
+  const recurrenceLabel = getRecurrenceLabel(t, recurrence);
   const shouldShowEligibilityMask = Boolean(
     ((_a = eligibilityTask == null ? void 0 : eligibilityTask.eligiblity) == null ? void 0 : _a.length) && (eligibilityConditions == null ? void 0 : eligibilityConditions.length)
   );
@@ -5149,7 +5422,7 @@ function BaseDialogLayout({
       ] }) });
     }
     return /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-valid-time", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-valid-time-label", children: "Valid Until:" }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-valid-time-label", children: t("valid_util_is") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-valid-time-value", children: validTime.endTime })
     ] });
   };
@@ -5228,6 +5501,7 @@ function TemplateDialogContent({
 }) {
   var _a, _b, _c, _d;
   const userStatus = task.user_status;
+  const { t } = useCommunityTaskLocale();
   const { showToast } = useToast();
   const { getChainType } = useChainMap();
   const { communityInfo } = useTaskOnContext();
@@ -5251,7 +5525,7 @@ function TemplateDialogContent({
   );
   const coolDown = sharedCoolDown ?? localCoolDown;
   const taskTitle = useMemo(() => {
-    if (!info) return "Task";
+    if (!info) return t("task_up");
     const { template, name } = info;
     if (name !== template.template_name) {
       return name;
@@ -5263,7 +5537,7 @@ function TemplateDialogContent({
       return null;
     }
     return name;
-  }, [info, params.custom_title, params.title_express]);
+  }, [info, params.custom_title, params.title_express, t]);
   const titleContent = useMemo(() => {
     if (taskTitle) return taskTitle;
     if (params.title_express) {
@@ -5274,8 +5548,8 @@ function TemplateDialogContent({
         }
       );
     }
-    return (info == null ? void 0 : info.name) || "Task";
-  }, [taskTitle, params.title_express, info == null ? void 0 : info.name]);
+    return (info == null ? void 0 : info.name) || t("task_up");
+  }, [taskTitle, params.title_express, info == null ? void 0 : info.name, t]);
   const validationTimeFrame = useMemo(() => {
     if (!(info == null ? void 0 : info.template)) return void 0;
     const { class_type, is_hold } = info.template;
@@ -5311,8 +5585,8 @@ function TemplateDialogContent({
     sharedOnCoolDownComplete == null ? void 0 : sharedOnCoolDownComplete();
   }, [sharedOnCoolDownComplete]);
   const handleBindFailed = useCallback(
-    (error) => {
-      showToast(error, "error");
+    (error2) => {
+      showToast(error2, "error");
     },
     [showToast]
   );
@@ -5339,7 +5613,7 @@ function TemplateDialogContent({
     }
   }, [params.action_link, params.action_auto_verify, params.is_link_task, handleClaim]);
   if (!info) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: "No task data" });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: t("no_task_data") });
   }
   return /* @__PURE__ */ jsxs(
     BaseDialogLayout,
@@ -5413,6 +5687,7 @@ function PowImageUploader({
   onConfirmed,
   onError
 }) {
+  const { t } = useCommunityTaskLocale();
   const [previewUrl, setPreviewUrl] = useState(defaultUrl);
   const [file, setFile] = useState(null);
   const [progress, setProgress] = useState(0);
@@ -5433,7 +5708,7 @@ function PowImageUploader({
       const selectedFile = (_a = event.target.files) == null ? void 0 : _a[0];
       if (!selectedFile) return;
       if (selectedFile.size > MAX_FILE_SIZE) {
-        onError == null ? void 0 : onError("Image size exceeds 10MB limit");
+        onError == null ? void 0 : onError(t("invalid_image_size_10m"));
         return;
       }
       setFile(selectedFile);
@@ -5446,12 +5721,12 @@ function PowImageUploader({
       reader.readAsDataURL(selectedFile);
       await uploadFile(selectedFile);
     },
-    [onError]
+    [onError, t]
   );
   const uploadFile = useCallback(
     async (fileToUpload) => {
       if (!client) {
-        onError == null ? void 0 : onError("Client not initialized");
+        onError == null ? void 0 : onError(t("client_not_initialized"));
         return;
       }
       try {
@@ -5474,17 +5749,17 @@ function PowImageUploader({
         );
         abortControllerRef.current = null;
         onConfirmed(result.cdn_url);
-      } catch (error) {
-        if (error instanceof DOMException && error.name === "AbortError") {
+      } catch (error2) {
+        if (error2 instanceof DOMException && error2.name === "AbortError") {
           return;
         }
-        const message = error instanceof Error ? error.message : "Upload failed";
+        const message = error2 instanceof Error ? error2.message : t("upload_failed");
         onError == null ? void 0 : onError(message);
       } finally {
         setIsUploading(false);
       }
     },
-    [client, onConfirmed, onError]
+    [client, onConfirmed, onError, t]
   );
   const handleClick = useCallback(() => {
     var _a;
@@ -5508,7 +5783,7 @@ function PowImageUploader({
       onKeyDown: handleKeyDown,
       role: "button",
       tabIndex: disabled ? -1 : 0,
-      "aria-label": "Upload image",
+      "aria-label": t("upload_image"),
       "aria-disabled": disabled,
       children: [
         /* @__PURE__ */ jsx(
@@ -5527,7 +5802,7 @@ function PowImageUploader({
             "img",
             {
               src: previewUrl,
-              alt: "Preview",
+              alt: t("upload_image"),
               className: "taskon-pow-uploader-preview"
             }
           ),
@@ -5561,7 +5836,7 @@ function PowImageUploader({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "taskon-pow-uploader-tip", children: "Click to upload image" })
+            /* @__PURE__ */ jsx("span", { className: "taskon-pow-uploader-tip", children: t("click_to_upload_image") })
           ] })
         ] }) : (
           /* 无预览时显示上传提示 */
@@ -5595,7 +5870,7 @@ function PowImageUploader({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "taskon-pow-uploader-tip taskon-pow-uploader-tip--empty", children: "Click to upload image" })
+            /* @__PURE__ */ jsx("span", { className: "taskon-pow-uploader-tip taskon-pow-uploader-tip--empty", children: t("click_to_upload_image") })
           ] })
         ),
         isUploading && /* @__PURE__ */ jsx("div", { className: "taskon-pow-uploader-progress", children: /* @__PURE__ */ jsx(
@@ -5628,6 +5903,7 @@ function PowTaskDialogContent({
 }) {
   var _a, _b, _c;
   const userStatus = task.user_status;
+  const { t } = useCommunityTaskLocale();
   const { toast } = useToast();
   const { communityInfo } = useTaskOnContext();
   const totalEarned = ((_a = userStatus == null ? void 0 : userStatus.total_point) == null ? void 0 : _a.amount) ?? 0;
@@ -5657,7 +5933,7 @@ function PowTaskDialogContent({
   const validateInput = useCallback(() => {
     if (params.type === "Image") {
       if (!answer.trim()) {
-        setInputError("Please upload an image");
+        setInputError(t("please_upload_image"));
         return false;
       }
       setInputError(null);
@@ -5665,7 +5941,7 @@ function PowTaskDialogContent({
     }
     if (!answer.trim()) {
       setInputError(
-        params.type === "URL" ? "Please enter URL" : "Please enter text"
+        params.type === "URL" ? t("please_enter_url") : t("please_enter_text")
       );
       return false;
     }
@@ -5673,24 +5949,24 @@ function PowTaskDialogContent({
       try {
         new URL(answer);
       } catch {
-        setInputError("Please enter a valid url address");
+        setInputError(t("invalid_url"));
         return false;
       }
     }
     setInputError(null);
     return true;
-  }, [answer, params.type]);
+  }, [answer, params.type, t]);
   const handleSubmit = useCallback(async () => {
     if (!validateInput()) return;
     await submitTask(answer);
   }, [validateInput, submitTask, answer]);
   const handleResubmit = useCallback(async () => {
     if (!validateInput()) return;
-    const success = await submitTask(answer);
-    if (success) {
-      toast.success("Re-submitted successfully");
+    const result = await submitTask(answer);
+    if (result.successful) {
+      toast.success(t("re_submitted_success"));
     }
-  }, [validateInput, submitTask, answer, toast]);
+  }, [validateInput, submitTask, answer, toast, t]);
   const renderInputArea = () => {
     const powType = params.type || "Text";
     if (powType === "URL") {
@@ -5701,7 +5977,7 @@ function PowTaskDialogContent({
             type: "url",
             value: answer,
             onChange: setAnswer,
-            placeholder: "Please enter URL",
+            placeholder: t("please_enter_url"),
             maxLength: 2e3,
             disabled: isInputDisabled,
             hasError: !!inputError,
@@ -5718,7 +5994,7 @@ function PowTaskDialogContent({
           {
             value: answer,
             onChange: setAnswer,
-            placeholder: "Enter here",
+            placeholder: t("enter_here"),
             maxLength: 500,
             showCount: true,
             disabled: isInputDisabled,
@@ -5740,8 +6016,8 @@ function PowTaskDialogContent({
             setAnswer(url);
             setInputError(null);
           },
-          onError: (error) => {
-            setInputError(error);
+          onError: (error2) => {
+            setInputError(error2);
           }
         }
       ),
@@ -5750,7 +6026,10 @@ function PowTaskDialogContent({
   };
   const renderActionButton = () => {
     if (state.isWon) {
-      return /* @__PURE__ */ jsx("div", { className: "taskon-pow-dialog-done", children: "✅ Task completed" });
+      return /* @__PURE__ */ jsxs("div", { className: "taskon-pow-dialog-done", children: [
+        "✅ ",
+        t("task_completed")
+      ] });
     }
     if (isUnderReview || isFailedButCanRetry) {
       return /* @__PURE__ */ jsx(
@@ -5760,7 +6039,7 @@ function PowTaskDialogContent({
           className: "taskon-pow-dialog-submit",
           onClick: handleResubmit,
           disabled: isSubmitting,
-          children: isSubmitting ? "Submitting..." : "Re-submit"
+          children: isSubmitting ? t("submitting") : t("resubmit")
         }
       );
     }
@@ -5772,7 +6051,7 @@ function PowTaskDialogContent({
           className: "taskon-pow-dialog-submit",
           onClick: handleSubmit,
           disabled: isSubmitting,
-          children: isSubmitting ? "Submitting..." : "Submit"
+          children: isSubmitting ? t("submitting") : t("submit")
         }
       );
     }
@@ -5780,18 +6059,18 @@ function PowTaskDialogContent({
   };
   const renderReviewStatus = useCallback(() => {
     if (state.isWon) {
-      return /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-won", children: "Won" });
+      return /* @__PURE__ */ jsx("span", { className: "taskon-task-dialog-won", children: t("won") });
     }
     if (isUnderReview) {
-      return /* @__PURE__ */ jsx("span", { className: "taskon-pow-dialog-status--review", children: "Under Review" });
+      return /* @__PURE__ */ jsx("span", { className: "taskon-pow-dialog-status--review", children: t("under_review") });
     }
     if ((userStatus == null ? void 0 : userStatus.review_result) === TaskReviewResult.Failed) {
-      return /* @__PURE__ */ jsx("span", { className: "taskon-pow-dialog-status--failed", children: "Failed" });
+      return /* @__PURE__ */ jsx("span", { className: "taskon-pow-dialog-status--failed", children: t("failed") });
     }
     return null;
-  }, [state.isWon, isUnderReview, userStatus == null ? void 0 : userStatus.review_result]);
+  }, [state.isWon, isUnderReview, userStatus == null ? void 0 : userStatus.review_result, t]);
   if (!info) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: "No task data" });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: t("no_task_data") });
   }
   return /* @__PURE__ */ jsxs(
     BaseDialogLayout,
@@ -5847,6 +6126,7 @@ function ContractInteractiveDialogContent({
 }) {
   var _a, _b, _c;
   const userStatus = task.user_status;
+  const { t } = useCommunityTaskLocale();
   const { showToast } = useToast();
   const { getChainType } = useChainMap();
   const { communityInfo } = useTaskOnContext();
@@ -5907,8 +6187,8 @@ function ContractInteractiveDialogContent({
     sharedOnCoolDownComplete == null ? void 0 : sharedOnCoolDownComplete();
   }, [sharedOnCoolDownComplete]);
   const handleBindFailed = useCallback(
-    (error) => {
-      showToast(error, "error");
+    (error2) => {
+      showToast(error2, "error");
     },
     [showToast]
   );
@@ -5922,7 +6202,7 @@ function ContractInteractiveDialogContent({
     }
   }, [params.task_url]);
   if (!info) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: "No task data" });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: t("no_task_data") });
   }
   return /* @__PURE__ */ jsxs(
     BaseDialogLayout,
@@ -5954,13 +6234,16 @@ function ContractInteractiveDialogContent({
       children: [
         validationTimeFrame && /* @__PURE__ */ jsx(ValidationTimeTip, { timeFrame: validationTimeFrame }),
         params.desc && /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-desc", children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) }),
-        params.task_url && !state.isWon && /* @__PURE__ */ jsx(
+        params.task_url && !state.isWon && /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             className: "taskon-task-dialog-action",
             onClick: handleAction,
-            children: "👉 Proceed to complete the task"
+            children: [
+              "👉 ",
+              t("proceed_2_complete_the_task")
+            ]
           }
         )
       ]
@@ -5990,6 +6273,7 @@ function SwapDexDialogContent({
 }) {
   var _a, _b, _c;
   const userStatus = task.user_status;
+  const { t } = useCommunityTaskLocale();
   const { showToast } = useToast();
   const { getChainType, chainMap } = useChainMap();
   const { communityInfo } = useTaskOnContext();
@@ -6018,13 +6302,16 @@ function SwapDexDialogContent({
   );
   const coolDown = sharedCoolDown ?? localCoolDown;
   const isFixedRule = params.is_fixed_reward_type;
-  const rulePointName = reward.name || "Points";
+  const rulePointName = reward.name || t("community_points");
   const ruleMaxText = useMemo(() => {
     if (typeof params.swap_receive_max_points === "number" && params.swap_receive_max_points >= 0) {
-      return `(Max ${params.swap_receive_max_points} ${rulePointName})`;
+      return t("community_rule_max", {
+        val: params.swap_receive_max_points,
+        name: rulePointName
+      });
     }
     return "";
-  }, [params.swap_receive_max_points, rulePointName]);
+  }, [params.swap_receive_max_points, rulePointName, t]);
   const hasRulesText = useMemo(() => {
     return Boolean(params.each_trading_volume && params.each_receive_points);
   }, [params.each_trading_volume, params.each_receive_points]);
@@ -6038,13 +6325,13 @@ function SwapDexDialogContent({
       tokenOutList: params.token_out_list,
       tokenInList: params.token_in_list,
       chainLabel,
-      dexName: (info == null ? void 0 : info.project_name) || (communityInfo == null ? void 0 : communityInfo.name) || "DEX",
+      dexName: (info == null ? void 0 : info.project_name) || (communityInfo == null ? void 0 : communityInfo.name) || t("community_dex"),
       dexLink: params.task_url,
       isFixedReward: params.is_fixed_reward_type || false,
       minTradingVolume: params.min_trading_volume,
       minTradesTimes: params.min_trades_times
     });
-  }, [params, chainLabel, info == null ? void 0 : info.project_name, communityInfo == null ? void 0 : communityInfo.name]);
+  }, [params, chainLabel, info == null ? void 0 : info.project_name, communityInfo == null ? void 0 : communityInfo.name, t]);
   const fromTokenDisplay = useMemo(
     () => formatSwapTokensForDisplay(params.token_out_list),
     [params.token_out_list]
@@ -6093,8 +6380,8 @@ function SwapDexDialogContent({
     sharedOnCoolDownComplete == null ? void 0 : sharedOnCoolDownComplete();
   }, [sharedOnCoolDownComplete]);
   const handleBindFailed = useCallback(
-    (error) => {
-      showToast(error, "error");
+    (error2) => {
+      showToast(error2, "error");
     },
     [showToast]
   );
@@ -6115,22 +6402,23 @@ function SwapDexDialogContent({
         /* @__PURE__ */ jsx("span", { className: "taskon-swap-dialog-progress-separator", children: "/" }),
         /* @__PURE__ */ jsxs("span", { className: "taskon-swap-dialog-progress-total", children: [
           minTimes,
-          " Times"
+          " ",
+          t("times")
         ] })
       ] });
     }
     return null;
-  }, [isDynamicTimes, userStatus == null ? void 0 : userStatus.current_trades_times, params.min_trades_times]);
+  }, [isDynamicTimes, userStatus == null ? void 0 : userStatus.current_trades_times, params.min_trades_times, t]);
   const renderFixedModeContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    params.chain && /* @__PURE__ */ jsx(CardField, { label: "Chain: ", value: chainLabel }),
+    params.chain && /* @__PURE__ */ jsx(CardField, { label: t("chain_is"), value: chainLabel }),
     params.token_out_list && params.token_out_list.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CardField, { label: "Swap From: ", value: fromTokenDisplay }),
+      /* @__PURE__ */ jsx(CardField, { label: t("swap_from_is"), value: fromTokenDisplay }),
       params.token_out_list.filter(
         (token) => token.address && token.address !== SWAP_ANY_TOKEN_KEY
       ).map((token) => /* @__PURE__ */ jsx(
         CardField,
         {
-          label: `${token.symbol || "Token"} Address: `,
+          label: `${token.symbol || t("community_token")} ${t("address_is")}`,
           value: formatAddress(token.address || ""),
           copy_text: token.address
         },
@@ -6138,13 +6426,13 @@ function SwapDexDialogContent({
       ))
     ] }),
     params.token_in_list && params.token_in_list.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CardField, { label: "Swap To: ", value: toTokenDisplay }),
+      /* @__PURE__ */ jsx(CardField, { label: t("swap_to_is"), value: toTokenDisplay }),
       params.token_in_list.filter(
         (token) => token.address && token.address !== SWAP_ANY_TOKEN_KEY
       ).map((token) => /* @__PURE__ */ jsx(
         CardField,
         {
-          label: `${token.symbol || "Token"} Address: `,
+          label: `${token.symbol || t("community_token")} ${t("address_is")}`,
           value: formatAddress(token.address || ""),
           copy_text: token.address
         },
@@ -6152,21 +6440,21 @@ function SwapDexDialogContent({
       ))
     ] }),
     params.desc && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-dialog-section", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: "Instructions" }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: t("instructions") }),
       /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-content", children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) })
     ] })
   ] });
   const renderDynamicModeContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
     hasRulesText && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-dialog-section", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: "Rules" }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: t("rules") }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-swap-dialog-section-content taskon-swap-dialog-section-content--rules", children: [
-        /* @__PURE__ */ jsx("span", { children: "Every" }),
+        /* @__PURE__ */ jsx("span", { children: t("every") }),
         /* @__PURE__ */ jsxs("span", { className: "taskon-swap-dialog-rules-highlight", children: [
           "$",
           params.each_trading_volume || "0",
           " USD"
         ] }),
-        /* @__PURE__ */ jsx("span", { children: "will give you" }),
+        /* @__PURE__ */ jsx("span", { children: t("will_give_you") }),
         /* @__PURE__ */ jsx("span", { className: "taskon-swap-dialog-rules-highlight", children: params.each_receive_points }),
         /* @__PURE__ */ jsxs("span", { className: "taskon-swap-dialog-rules-point-name", children: [
           rulePointName,
@@ -6175,12 +6463,12 @@ function SwapDexDialogContent({
       ] })
     ] }),
     params.desc && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-dialog-section", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: "Instructions" }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-title", children: t("instructions") }),
       /* @__PURE__ */ jsx("div", { className: "taskon-swap-dialog-section-content", children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) })
     ] })
   ] });
   if (!info) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: "No task data" });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-left", children: t("no_task_data") });
   }
   return /* @__PURE__ */ jsxs(
     BaseDialogLayout,
@@ -6213,13 +6501,16 @@ function SwapDexDialogContent({
       children: [
         validationTimeFrame && /* @__PURE__ */ jsx(ValidationTimeTip, { timeFrame: validationTimeFrame }),
         /* @__PURE__ */ jsx("div", { className: "taskon-task-dialog-desc", children: isFixedRule ? renderFixedModeContent() : renderDynamicModeContent() }),
-        params.task_url && !state.isWon && /* @__PURE__ */ jsx(
+        params.task_url && !state.isWon && /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             className: "taskon-task-dialog-action",
             onClick: handleAction,
-            children: "👉 Swap"
+            children: [
+              "👉 ",
+              t("swap")
+            ]
           }
         )
       ]
@@ -6302,15 +6593,17 @@ function getDialogContentComponent(templateId) {
   return TaskDialogContent;
 }
 function DialogLoading() {
+  const { t } = useCommunityTaskLocale();
   return /* @__PURE__ */ jsxs("div", { className: "taskon-dialog-loading", children: [
     /* @__PURE__ */ jsx("div", { className: "taskon-dialog-loading-spinner" }),
-    /* @__PURE__ */ jsx("span", { className: "taskon-dialog-loading-text", children: "Loading task..." })
+    /* @__PURE__ */ jsx("span", { className: "taskon-dialog-loading-text", children: t("loading_task") })
   ] });
 }
 function DialogError({
   message,
   onRetry
 }) {
+  const { t } = useCommunityTaskLocale();
   return /* @__PURE__ */ jsxs("div", { className: "taskon-dialog-error", children: [
     /* @__PURE__ */ jsx("div", { className: "taskon-dialog-error-icon", children: ":(" }),
     /* @__PURE__ */ jsx("p", { className: "taskon-dialog-error-message", children: message }),
@@ -6320,7 +6613,7 @@ function DialogError({
         type: "button",
         className: "taskon-dialog-error-retry",
         onClick: onRetry,
-        children: "Retry"
+        children: t("retry")
       }
     )
   ] });
@@ -6340,11 +6633,12 @@ function TaskDialogComponent(props) {
     onCoolDownUpdate,
     onCoolDownComplete
   } = props;
+  const { t } = useCommunityTaskLocale();
   const [justVerified, setJustVerified] = useState(false);
   const {
     data: fetchedTask,
     isLoading,
-    error,
+    error: error2,
     refetch
   } = useTaskDetail({
     taskId: task ? null : taskId ?? null
@@ -6395,7 +6689,7 @@ function TaskDialogComponent(props) {
     const templateId = (_a2 = taskInfo == null ? void 0 : taskInfo.template) == null ? void 0 : _a2.template_id;
     return getDialogContentComponent(templateId);
   }, [(_a = taskInfo == null ? void 0 : taskInfo.template) == null ? void 0 : _a.template_id]);
-  const dialogTitle = (taskInfo == null ? void 0 : taskInfo.name) ?? "任务详情";
+  const dialogTitle = (taskInfo == null ? void 0 : taskInfo.name) ?? t("task_details");
   const isOpen = task !== null || taskId !== null;
   if (typeof document === "undefined") {
     return null;
@@ -6406,14 +6700,14 @@ function TaskDialogComponent(props) {
       open: isOpen,
       onOpenChange: handleOpenChange,
       title: dialogTitle,
-      description: "查看任务详情和奖励信息",
+      description: t("task_details_desc"),
       showCloseButton: true,
       bodyPadding: false,
       contentClassName: "taskon-task-dialog",
       maxWidth: rightSlot ? 800 : 480,
       children: [
         !task && isLoading && /* @__PURE__ */ jsx(DialogLoading, {}),
-        !task && error && /* @__PURE__ */ jsx(DialogError, { message: error, onRetry: refetch }),
+        !task && error2 && /* @__PURE__ */ jsx(DialogError, { message: error2, onRetry: refetch }),
         taskData && /* @__PURE__ */ jsxs("div", { className: "taskon-task-dialog-wrapper", children: [
           renderContent ? renderContent(taskData) : /* @__PURE__ */ jsx(
             DialogContentComponent,
@@ -6533,12 +6827,13 @@ function CommunityTaskListInner(props) {
     rewardRedirectUrl = ""
   } = props;
   const { client, userToken } = useTaskOnContext();
+  const { t } = useCommunityTaskLocale();
   const [taskCards, setTaskCards] = useState(
     []
   );
   const [selectedSectorId, setSelectedSectorId] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
+  const [error2, setError] = useState(null);
   const [openTask, setOpenTask] = useState(null);
   const [openTaskId, setOpenTaskId] = useState(
     initialTaskId ?? null
@@ -6557,10 +6852,13 @@ function CommunityTaskListInner(props) {
       return next;
     });
   }, []);
-  const handleTaskChainOpen = useCallback((taskChainId) => {
-    setOpenTaskChainId(taskChainId);
-    onTaskChainOpen == null ? void 0 : onTaskChainOpen(taskChainId);
-  }, [onTaskChainOpen]);
+  const handleTaskChainOpen = useCallback(
+    (taskChainId) => {
+      setOpenTaskChainId(taskChainId);
+      onTaskChainOpen == null ? void 0 : onTaskChainOpen(taskChainId);
+    },
+    [onTaskChainOpen]
+  );
   const handleTaskChainClose = useCallback(() => {
     setOpenTaskChainId(null);
     onTaskChainClose == null ? void 0 : onTaskChainClose();
@@ -6578,7 +6876,7 @@ function CommunityTaskListInner(props) {
   useEffect(() => {
     const loadTasks = async () => {
       if (!client) {
-        setError("Client not initialized");
+        setError(t("client_not_initialized"));
         setIsLoading(false);
         return;
       }
@@ -6592,60 +6890,54 @@ function CommunityTaskListInner(props) {
         });
         setTaskCards(data);
       } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load");
+        setError(err instanceof Error ? err.message : t("failed_to_load"));
         console.error("Failed to load community tasks:", err);
       } finally {
         setIsLoading(false);
       }
     };
     loadTasks();
-  }, [client, isPreview, userToken, sectorIds]);
-  const selectorOptions = React__default.useMemo(
-    () => {
-      const sectors = taskCards.map((item) => item.sector);
-      let options = sectors.map((sector) => ({
-        value: sector.id,
-        label: sector.name
-      }));
-      if (sectorIds && sectorIds.length > 0) {
-        const orderMap = new Map(
-          sectorIds.map((sectorId, index) => [sectorId, index])
-        );
-        options = options.filter((option) => orderMap.has(option.value)).sort((a, b) => {
-          const aIndex = orderMap.get(a.value) ?? 0;
-          const bIndex = orderMap.get(b.value) ?? 0;
-          return aIndex - bIndex;
-        });
-      }
-      return options;
-    },
-    [taskCards, sectorIds]
-  );
-  const filteredTaskCards = React__default.useMemo(
-    () => {
-      let result = taskCards;
-      if (sectorIds && sectorIds.length > 0) {
-        const idSet = new Set(sectorIds);
-        const orderMap = new Map(
-          sectorIds.map((sectorId, index) => [sectorId, index])
-        );
-        result = result.filter((item) => idSet.has(item.sector.id));
-        result = [...result].sort((a, b) => {
-          const aIndex = orderMap.get(a.sector.id);
-          const bIndex = orderMap.get(b.sector.id);
-          if (aIndex === void 0 && bIndex === void 0) return 0;
-          if (aIndex === void 0) return 1;
-          if (bIndex === void 0) return -1;
-          return aIndex - bIndex;
-        });
-      }
-      if (selectedSectorId !== null) {
-        result = result.filter((item) => item.sector.id === selectedSectorId);
-      }
-      return result;
-    },
-    [taskCards, selectedSectorId, sectorIds]
-  );
+  }, [client, isPreview, userToken, sectorIds, t]);
+  const selectorOptions = React__default.useMemo(() => {
+    const sectors = taskCards.map((item) => item.sector);
+    let options = sectors.map((sector) => ({
+      value: sector.id,
+      label: sector.name
+    }));
+    if (sectorIds && sectorIds.length > 0) {
+      const orderMap = new Map(
+        sectorIds.map((sectorId, index) => [sectorId, index])
+      );
+      options = options.filter((option) => orderMap.has(option.value)).sort((a, b) => {
+        const aIndex = orderMap.get(a.value) ?? 0;
+        const bIndex = orderMap.get(b.value) ?? 0;
+        return aIndex - bIndex;
+      });
+    }
+    return options;
+  }, [taskCards, sectorIds]);
+  const filteredTaskCards = React__default.useMemo(() => {
+    let result = taskCards;
+    if (sectorIds && sectorIds.length > 0) {
+      const idSet = new Set(sectorIds);
+      const orderMap = new Map(
+        sectorIds.map((sectorId, index) => [sectorId, index])
+      );
+      result = result.filter((item) => idSet.has(item.sector.id));
+      result = [...result].sort((a, b) => {
+        const aIndex = orderMap.get(a.sector.id);
+        const bIndex = orderMap.get(b.sector.id);
+        if (aIndex === void 0 && bIndex === void 0) return 0;
+        if (aIndex === void 0) return 1;
+        if (bIndex === void 0) return -1;
+        return aIndex - bIndex;
+      });
+    }
+    if (selectedSectorId !== null) {
+      result = result.filter((item) => item.sector.id === selectedSectorId);
+    }
+    return result;
+  }, [taskCards, selectedSectorId, sectorIds]);
   const taskDependencyIndex = useMemo(() => {
     const index = /* @__PURE__ */ new Map();
     for (const sectorItem of taskCards) {
@@ -6663,7 +6955,9 @@ function CommunityTaskListInner(props) {
           if (eligibility.type !== EligibilityType.CommunityPreTask) {
             continue;
           }
-          const preTaskId = parsePreTaskIdFromEligibilityParams(eligibility.params);
+          const preTaskId = parsePreTaskIdFromEligibilityParams(
+            eligibility.params
+          );
           if (!preTaskId || preTaskId === currentTaskId) {
             continue;
           }
@@ -6678,16 +6972,22 @@ function CommunityTaskListInner(props) {
   const handleSelectorChange = (value) => {
     setSelectedSectorId(value ?? null);
   };
-  const handleTaskClick = useCallback((taskCard) => {
-    setOpenTask(taskCard);
-    setOpenTaskId(null);
-    onTaskOpen == null ? void 0 : onTaskOpen(taskCard.card_info.id);
-  }, [onTaskOpen]);
-  const handleEligTaskClick = useCallback((taskId) => {
-    setOpenTaskId(taskId);
-    setOpenTask(null);
-    onTaskOpen == null ? void 0 : onTaskOpen(taskId);
-  }, [onTaskOpen]);
+  const handleTaskClick = useCallback(
+    (taskCard) => {
+      setOpenTask(taskCard);
+      setOpenTaskId(null);
+      onTaskOpen == null ? void 0 : onTaskOpen(taskCard.card_info.id);
+    },
+    [onTaskOpen]
+  );
+  const handleEligTaskClick = useCallback(
+    (taskId) => {
+      setOpenTaskId(taskId);
+      setOpenTask(null);
+      onTaskOpen == null ? void 0 : onTaskOpen(taskId);
+    },
+    [onTaskOpen]
+  );
   const handleDialogClose = useCallback(() => {
     setOpenTask(null);
     setOpenTaskId(null);
@@ -6706,141 +7006,165 @@ function CommunityTaskListInner(props) {
         if (!currentOpenTask) {
           return null;
         }
-        const updatedTask = findTaskByIdFromCards(data, currentOpenTask.card_info.id);
+        const updatedTask = findTaskByIdFromCards(
+          data,
+          currentOpenTask.card_info.id
+        );
         return updatedTask ?? currentOpenTask;
       });
     } catch (err) {
       console.error("Failed to refresh tasks:", err);
     }
   }, [client, isPreview, sectorIds]);
-  const refreshSingleCard = useCallback(async (cardId, cardType) => {
-    if (!client) return;
-    try {
-      const api = createCommunityTaskApi(client);
-      const latestCard = await api.getCommunityTaskCardInfo({
-        card_id: cardId,
-        card_type: cardType,
-        is_preview: isPreview
-      });
-      setTaskCards((currentCards) => {
-        let targetSectorIndex = -1;
-        let targetCardIndex = -1;
-        for (let sectorIndex = 0; sectorIndex < currentCards.length; sectorIndex += 1) {
-          const sectorItem = currentCards[sectorIndex];
-          if (!sectorItem) {
-            continue;
+  const refreshSingleCard = useCallback(
+    async (cardId, cardType) => {
+      if (!client) return;
+      try {
+        const api = createCommunityTaskApi(client);
+        const latestCard = await api.getCommunityTaskCardInfo({
+          card_id: cardId,
+          card_type: cardType,
+          is_preview: isPreview
+        });
+        setTaskCards((currentCards) => {
+          let targetSectorIndex = -1;
+          let targetCardIndex = -1;
+          for (let sectorIndex = 0; sectorIndex < currentCards.length; sectorIndex += 1) {
+            const sectorItem = currentCards[sectorIndex];
+            if (!sectorItem) {
+              continue;
+            }
+            const cardIndex = sectorItem.cards.findIndex(
+              (card) => card.card_type === cardType && card.card_info.id === cardId
+            );
+            if (cardIndex !== -1) {
+              targetSectorIndex = sectorIndex;
+              targetCardIndex = cardIndex;
+              break;
+            }
           }
-          const cardIndex = sectorItem.cards.findIndex(
-            (card) => card.card_type === cardType && card.card_info.id === cardId
-          );
-          if (cardIndex !== -1) {
-            targetSectorIndex = sectorIndex;
-            targetCardIndex = cardIndex;
-            break;
+          if (targetSectorIndex === -1 || targetCardIndex === -1) {
+            return currentCards;
           }
-        }
-        if (targetSectorIndex === -1 || targetCardIndex === -1) {
-          return currentCards;
-        }
-        const nextCards = [...currentCards];
-        const targetSector = currentCards[targetSectorIndex];
-        if (!targetSector) {
-          return currentCards;
-        }
-        const nextSectorCards = [...targetSector.cards];
-        nextSectorCards[targetCardIndex] = latestCard;
-        nextCards[targetSectorIndex] = {
-          ...targetSector,
-          cards: nextSectorCards
-        };
-        return nextCards;
-      });
-      if (cardType === TaskCardType.GTCTask) {
-        setOpenTask((currentOpenTask) => {
-          if (!currentOpenTask || currentOpenTask.card_info.id !== cardId) {
-            return currentOpenTask;
+          const nextCards = [...currentCards];
+          const targetSector = currentCards[targetSectorIndex];
+          if (!targetSector) {
+            return currentCards;
           }
-          return latestCard;
+          const nextSectorCards = [...targetSector.cards];
+          nextSectorCards[targetCardIndex] = latestCard;
+          nextCards[targetSectorIndex] = {
+            ...targetSector,
+            cards: nextSectorCards
+          };
+          return nextCards;
         });
+        if (cardType === TaskCardType.GTCTask) {
+          setOpenTask((currentOpenTask) => {
+            if (!currentOpenTask || currentOpenTask.card_info.id !== cardId) {
+              return currentOpenTask;
+            }
+            return latestCard;
+          });
+        }
+      } catch (err) {
+        console.error(`Failed to refresh card ${cardType}:${cardId}:`, err);
       }
-    } catch (err) {
-      console.error(`Failed to refresh card ${cardType}:${cardId}:`, err);
-    }
-  }, [client, isPreview]);
-  const refreshSingleTask = useCallback(async (taskId) => {
-    await refreshSingleCard(taskId, TaskCardType.GTCTask);
-  }, [refreshSingleCard]);
-  const refreshSingleTaskChain = useCallback(async (taskChainId) => {
-    await refreshSingleCard(taskChainId, TaskCardType.TaskChain);
-  }, [refreshSingleCard]);
-  const handleClaimSuccess = useCallback(async (taskId) => {
-    if (!client) {
-      return;
-    }
-    if (typeof taskId !== "number") {
-      await refreshTaskList();
-      return;
-    }
-    await refreshSingleTask(taskId);
-    const dependentTasks = taskDependencyIndex.get(taskId);
-    if (dependentTasks && dependentTasks.size > 0) {
-      await refreshTaskList();
-    }
-  }, [client, refreshSingleTask, refreshTaskList, taskDependencyIndex]);
+    },
+    [client, isPreview]
+  );
+  const refreshSingleTask = useCallback(
+    async (taskId) => {
+      await refreshSingleCard(taskId, TaskCardType.GTCTask);
+    },
+    [refreshSingleCard]
+  );
+  const refreshSingleTaskChain = useCallback(
+    async (taskChainId) => {
+      await refreshSingleCard(taskChainId, TaskCardType.TaskChain);
+    },
+    [refreshSingleCard]
+  );
+  const handleClaimSuccess = useCallback(
+    async (taskId) => {
+      if (!client) {
+        return;
+      }
+      if (typeof taskId !== "number") {
+        await refreshTaskList();
+        return;
+      }
+      await refreshSingleTask(taskId);
+      const dependentTasks = taskDependencyIndex.get(taskId);
+      if (dependentTasks && dependentTasks.size > 0) {
+        await refreshTaskList();
+      }
+    },
+    [client, refreshSingleTask, refreshTaskList, taskDependencyIndex]
+  );
   const { toast } = useToast();
-  const handleClaimTask = useCallback(async (taskId, token, platform) => {
-    if (!client) return { successful: false };
-    try {
-      const api = createCommunityTaskApi(client);
-      const result = await api.submitTask({
-        task_id: taskId,
-        task_value: token || ""
-      });
-      if (result.successful) {
-        await handleClaimSuccess(taskId);
-        return { successful: true };
-      } else if (result.cool_down) {
-        updateCoolDown(taskId, result.cool_down);
-        return { successful: false, cool_down: result.cool_down };
-      } else {
-        if (platform === "Twitter") {
-          toast.error("Oops! Task verification failed. There might be a delay due to Twitter restrictions. Please try again later.");
-        } else if (platform === "Discord") {
-          toast.error("Oops! Task verification failed. There might be a delay due to Discord restrictions. Please try again later.");
-        } else if (platform === "Telegram") {
-          toast.error("Oops! Task verification failed. There might be a delay due to Telegram restrictions. Please try again later.");
+  const handleClaimTask = useCallback(
+    async (taskId, token, platform) => {
+      if (!client) return { successful: false };
+      try {
+        const api = createCommunityTaskApi(client);
+        const result = await api.submitTask({
+          task_id: taskId,
+          task_value: token || ""
+        });
+        if (result.successful) {
+          await handleClaimSuccess(taskId);
+          return { successful: true };
+        } else if (result.cool_down) {
+          updateCoolDown(taskId, result.cool_down);
+          return { successful: false, cool_down: result.cool_down };
         } else {
-          toast.error("Task verification failed. Please check if you completed the required action.");
+          if (platform === "Twitter") {
+            toast.error(t("verification_failed_twitter"));
+          } else if (platform === "Discord") {
+            toast.error(t("verification_failed_discord"));
+          } else if (platform === "Telegram") {
+            toast.error(t("verification_failed_telegram"));
+          } else {
+            toast.error(t("verification_failed_generic"));
+          }
+          return { successful: false };
         }
-        return { successful: false };
-      }
-    } catch (err) {
-      console.error("Failed to submit task:", err);
-      const errorCode = err instanceof ApiError ? err.code : void 0;
-      const errorMessage = resolveCommunityTaskSubmitErrorMessage(err, errorCode);
-      const errorData = err instanceof ApiError ? err.data : void 0;
-      if (errorCode === ErrorCode.TASK_PARTIAL_PASS) {
-        return { successful: false, errorCode };
-      }
-      if (errorCode === ErrorCode.INVITE_JOIN_IS_NOT_REACH && errorData) {
-        const { invited = 0, min_required = 0 } = errorData;
-        toast.error(`You have invited ${invited} users, but need ${min_required - invited} more to complete this task.`);
+      } catch (err) {
+        console.error("Failed to submit task:", err);
+        const apiError = err;
+        const errorCode = apiError == null ? void 0 : apiError.code;
+        const errorMessage = resolveCommunityTaskSubmitErrorMessage(err, {
+          errorCode,
+          t
+        });
+        const errorData = apiError == null ? void 0 : apiError.data;
+        if (errorCode === ErrorCode.TASK_PARTIAL_PASS) {
+          return { successful: false, errorCode };
+        }
+        if (errorCode === ErrorCode.INVITE_JOIN_IS_NOT_REACH && errorData) {
+          const { invited = 0, min_required = 0 } = errorData;
+          toast.error(
+            t("discord_invites_err", {
+              invited,
+              need: Math.max(min_required - invited, 0)
+            })
+          );
+          return { successful: false, errorCode };
+        }
+        toast.error(errorMessage);
         return { successful: false, errorCode };
       }
-      toast.error(errorMessage);
-      return { successful: false, errorCode };
-    }
-  }, [client, handleClaimSuccess, toast, updateCoolDown]);
+    },
+    [client, handleClaimSuccess, toast, updateCoolDown, t]
+  );
   const isDialogOpen = openTask !== null || openTaskId !== null;
   const currentSelectorValue = selectedSectorId ?? void 0;
-  if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-community-list", children: /* @__PURE__ */ jsxs("div", { className: "taskon-community-list-error", children: [
-      "Error: ",
-      error
-    ] }) });
+  if (error2) {
+    return /* @__PURE__ */ jsx("div", { className: "taskon-community-list", children: /* @__PURE__ */ jsx("div", { className: "taskon-community-list-error", children: error2 }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-community-list", children: [
-    showSectorTab && /* @__PURE__ */ jsx(
+    showSectorTab && !isLoading && /* @__PURE__ */ jsx(
       CardSelector,
       {
         options: selectorOptions,
@@ -6850,7 +7174,15 @@ function CommunityTaskListInner(props) {
         className: "taskon-community-list-selector"
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "taskon-community-list-content", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "taskon-community-list-loading", children: "Loading tasks..." }) : filteredTaskCards.length === 0 ? /* @__PURE__ */ jsx("div", { className: "taskon-community-list-empty", children: "No tasks available" }) : filteredTaskCards.map((sectorItem) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "taskon-community-list-content", children: isLoading ? /* @__PURE__ */ jsx(
+      CommunityTaskListSkeleton,
+      {
+        showSectorTab,
+        showSectorName,
+        showSectorDescription,
+        showSectorReward
+      }
+    ) : filteredTaskCards.length === 0 ? /* @__PURE__ */ jsx("div", { className: "taskon-community-list-empty", children: t("no_tasks_available") }) : filteredTaskCards.map((sectorItem) => /* @__PURE__ */ jsx(
       SectorItem,
       {
         sector: sectorItem,