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

package/dist/chunks/{Quest-DjGH_8bx.js → Quest-CuD2LElS.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useCallback, useEffect, useRef } from "react";
 import { RewardType, UserEligibleStatus, EligibilityTemplateId, SnsType, ChainType, QuestAutomaticallyWinnerDrawType, QuestWinnerDrawType, QuestWinnerRangeType, createQuestApi, QuestRewardsDistributeType, QuestRewardType, createLeaderboardApi, MediaType, RewardDistributedByType, ApiError, ErrorCode, CampaignType } from "@taskon/core";
-import { s as useTaskOnPortalContainer, d as useTaskOnContext } from "./ThemeProvider-DNJqI2lD.js";
-import { D as Dialog, B as Button, T as Table, P as Pagination, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-B2j_dZ4V.js";
+import { t as useTaskOnPortalContainer, d as useTaskOnContext } from "./ThemeProvider-Bt4UZ33y.js";
+import { f as useTaskWidgetLocale, d as TaskItem, u as useQuestLocale, I as I18nT, g as EligibilityList, h as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, C as ConfirmNoticeDialog, a as useBindWallet, c as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-Beww12QX.js";
+import { D as Dialog, B as Button, T as Table, P as Pagination, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-WmIF58Sb.js";
 import { d as useToast } from "./useToast-CaRkylKe.js";
-import { R as Root2, o as Trigger, p as Portal, q as Content2, v as InfoIcon, r as Arrow2, s as TipPopover, g as useBindSocialAccount } from "./UserCenterWidget-B0O-f_xl.js";
-import { c as TaskItem, e as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, C as ConfirmNoticeDialog, u as useBindWallet, b as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-DGBffKN8.js";
+import { R as Root2, o as Trigger, p as Portal, q as Content2, v as InfoIcon, r as Arrow2, s as TipPopover, g as useBindSocialAccount } from "./UserCenterWidget-CvU6K4AC.js";
 import '../Quest.css';function ButtonTabs({
   items,
   activeKey,
@@ -131,7 +131,7 @@ function GreenCheckIcon() {
         "path",
         {
           d: "M1 4L4.5 7.5L11 1",
-          stroke: "#22c55e",
+          stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -209,6 +209,8 @@ function TaskList({
   onCooldownComplete,
   className
 }) {
+  const { t } = useTaskWidgetLocale();
+  const countPlaceholder = "__COUNT__";
   const completionStatus = useCompletionStatus(
     mandatoryTasks,
     optionalTasks,
@@ -218,7 +220,7 @@ function TaskList({
   return /* @__PURE__ */ jsxs("div", { className: `taskon-task-list ${className || ""}`, children: [
     mandatoryTasks.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-task-list-section taskon-task-list-section--mandatory", children: [
       showLabels && /* @__PURE__ */ jsxs("div", { className: "taskon-task-list-section-header", children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-task-list-section-label", children: /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-title", children: "Mandatory Tasks" }) }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-task-list-section-label", children: /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-title", children: t("mandatory_tasks") }) }),
         /* @__PURE__ */ jsx(
           CompletedCount,
           {
@@ -251,21 +253,29 @@ function TaskList({
     optionalTasks.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-task-list-section taskon-task-list-section--optional", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-task-list-section-header", children: [
         /* @__PURE__ */ jsxs("div", { className: "taskon-task-list-section-label", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-title", children: "Optional Tasks" }),
-          minOptionalTasks !== void 0 && minOptionalTasks > 0 && /* @__PURE__ */ jsxs("span", { className: "taskon-task-list-section-hint", children: [
-            "(Min.",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint-em", children: minOptionalTasks }),
-            " ",
-            "Required)"
-          ] }),
-          !minOptionalTasks && minOptionalPoints !== void 0 && minOptionalPoints > 0 && /* @__PURE__ */ jsxs("span", { className: "taskon-task-list-section-hint", children: [
-            "(Min.",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint-em", children: minOptionalPoints }),
-            " ",
-            "Points Required)"
-          ] })
+          /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-title", children: t("optional_tasks") }),
+          minOptionalTasks !== void 0 && minOptionalTasks > 0 && /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint", children: (() => {
+            const text = t("min_required", {
+              count: countPlaceholder
+            });
+            const [before, after] = text.split(countPlaceholder);
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              before,
+              /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint-em", children: minOptionalTasks }),
+              after
+            ] });
+          })() }),
+          !minOptionalTasks && minOptionalPoints !== void 0 && minOptionalPoints > 0 && /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint", children: (() => {
+            const text = t("min_points_required", {
+              count: countPlaceholder
+            });
+            const [before, after] = text.split(countPlaceholder);
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              before,
+              /* @__PURE__ */ jsx("span", { className: "taskon-task-list-section-hint-em", children: minOptionalPoints }),
+              after
+            ] });
+          })() })
         ] }),
         /* @__PURE__ */ jsx(
           CompletedCount,
@@ -296,7 +306,7 @@ function TaskList({
         task.id
       )) })
     ] }),
-    mandatoryTasks.length === 0 && optionalTasks.length === 0 && /* @__PURE__ */ jsx("div", { className: "taskon-task-list-empty", children: /* @__PURE__ */ jsx("p", { children: "No tasks available" }) })
+    mandatoryTasks.length === 0 && optionalTasks.length === 0 && /* @__PURE__ */ jsx("div", { className: "taskon-task-list-empty", children: /* @__PURE__ */ jsx("p", { children: t("no_tasks_available") }) })
   ] });
 }
 function formatAmount(amount) {
@@ -327,12 +337,13 @@ function RewardCard$2({
   reward,
   tokenPrice
 }) {
+  const { t } = useQuestLocale();
   if (reward.reward_type !== RewardType.Token) {
     return null;
   }
   const tokenValue = reward.reward_value;
   const amount = tokenValue.amount || "0";
-  const tokenName = tokenValue.token_name || "Token";
+  const tokenName = tokenValue.token_name || t("token_name");
   const tokenLogo = tokenValue.token_logo;
   const usdValue = formatUsdValue(amount, tokenPrice);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-blindbox-reward-card", children: [
@@ -354,10 +365,11 @@ function RewardCard$2({
   ] });
 }
 function BlindBoxRewardDialog(props) {
+  const { t } = useQuestLocale();
   const { rewards, emptyReward, tokenPrice, loading, onClose } = props;
   const hasRewards = rewards.length > 0;
-  const title = hasRewards ? "Congratulations!" : "Oops! Better Luck Next Time!";
-  const subtitle = hasRewards ? "You Have Won" : "Rewards Missed";
+  const title = hasRewards ? t("congratulations") : t("oops_better_luck_next_time");
+  const subtitle = hasRewards ? t("won") : t("rewards_missed");
   const displayRewards = useMemo(() => {
     if (hasRewards) {
       return rewards;
@@ -381,7 +393,7 @@ function BlindBoxRewardDialog(props) {
         className: "taskon-quest-blindbox-reward-btn",
         disabled: loading,
         onClick: onClose,
-        children: loading ? "Loading..." : "Back"
+        children: loading ? t("loading") : t("close")
       }
     ) })
   ] });
@@ -463,6 +475,7 @@ function EligsNotPassDialog({
   onRefresh,
   isRefreshing = false
 }) {
+  const { t } = useQuestLocale();
   const [isExpanded, setIsExpanded] = useState(true);
   const [currentDetails, setCurrentDetails] = useState(details);
   const isEligible = useMemo(() => {
@@ -479,7 +492,7 @@ function EligsNotPassDialog({
   const eligibleDetails = useMemo(() => {
     return currentDetails.map((d) => d.is_pass);
   }, [currentDetails]);
-  const expressLabel = eligibilityExpress === "and" ? "all" : "any";
+  const expressLabel = eligibilityExpress === "and" ? t("all") : t("any");
   const handleRefresh = async () => {
     if (onRefresh) {
       await onRefresh();
@@ -493,7 +506,7 @@ function EligsNotPassDialog({
     {
       open,
       onOpenChange: (isOpen) => !isOpen && onClose(),
-      title: isEligible ? "Congratulations" : "Oops",
+      title: isEligible ? t("congratulations") : t("oops"),
       showCloseButton: true,
       maxWidth: 400,
       contentClassName: "taskon-eligs-dialog",
@@ -507,17 +520,22 @@ function EligsNotPassDialog({
               className: "taskon-eligs-dialog-icon"
             }
           ),
-          /* @__PURE__ */ jsx("h3", { className: "taskon-eligs-dialog-title", children: isEligible ? "Congratulations" : "Oops" })
+          /* @__PURE__ */ jsx("h3", { className: "taskon-eligs-dialog-title", children: isEligible ? t("congratulations") : t("oops") })
         ] }),
         /* @__PURE__ */ jsx(
           "p",
           {
             className: `taskon-eligs-dialog-desc ${isEligible ? "taskon-eligs-dialog-desc--success" : ""}`,
-            children: isEligible ? "Awesome! You already meet the requirements." : /* @__PURE__ */ jsxs(Fragment, { children: [
-              "Before you join please meet ",
-              /* @__PURE__ */ jsx("span", { className: "taskon-eligs-dialog-highlight", children: expressLabel }),
-              " the following Eligibilities"
-            ] })
+            children: isEligible ? t("awesome_already_meet_requirements") : /* @__PURE__ */ jsx(
+              I18nT,
+              {
+                t,
+                i18nKey: "before_join_please_meet_express_following_eligibilities",
+                components: {
+                  express: /* @__PURE__ */ jsx("span", { className: "taskon-eligs-dialog-highlight", children: expressLabel })
+                }
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "taskon-eligs-dialog-eligs", children: [
@@ -536,7 +554,7 @@ function EligsNotPassDialog({
                     className: "taskon-eligs-dialog-eligs-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "taskon-eligs-dialog-eligs-label", children: "Meet Eligibilities Below" }),
+                /* @__PURE__ */ jsx("span", { className: "taskon-eligs-dialog-eligs-label", children: t("meet_eligibilities_below") }),
                 /* @__PURE__ */ jsx(ArrowIcon$1, { expanded: isExpanded })
               ]
             }
@@ -563,8 +581,8 @@ function EligsNotPassDialog({
             disabled: isRefreshing,
             children: isRefreshing ? /* @__PURE__ */ jsxs("span", { className: "taskon-eligs-dialog-loading", children: [
               /* @__PURE__ */ jsx("span", { className: "taskon-eligs-dialog-spinner" }),
-              "Refreshing..."
-            ] }) : isEligible || !onRefresh ? "OK" : "Refresh"
+              t("refreshing")
+            ] }) : isEligible || !onRefresh ? t("ok") : t("refresh")
           }
         )
       ] })
@@ -572,7 +590,7 @@ function EligsNotPassDialog({
   );
 }
 const CHAIN_TYPE_LABELS$1 = {
-  evm: "EVM Chain",
+  evm: "evm_chain",
   btc: "Bitcoin",
   starknet: "Starknet",
   solana: "Solana",
@@ -584,12 +602,15 @@ const CHAIN_TYPE_LABELS$1 = {
   ton: "TON"
 };
 const SNS_TYPE_LABELS = {
-  twitter: "X (Twitter)",
-  discord: "Discord",
+  twitter: "x_twitter",
+  discord: "discord",
   telegram: "Telegram"
 };
 function BindItem$1({ type, bindType, isBinding, isBound, onBind }) {
-  const label = type === "chain" ? CHAIN_TYPE_LABELS$1[bindType.toLowerCase()] || bindType : SNS_TYPE_LABELS[bindType.toLowerCase()] || bindType;
+  const { t } = useQuestLocale();
+  const chainLabelKey = CHAIN_TYPE_LABELS$1[bindType.toLowerCase()];
+  const snsLabelKey = SNS_TYPE_LABELS[bindType.toLowerCase()];
+  const label = type === "chain" ? chainLabelKey ? t(chainLabelKey) : bindType : snsLabelKey ? t(snsLabelKey) : bindType;
   return /* @__PURE__ */ jsxs("div", { className: `taskon-eligs-bind-item ${isBound ? "taskon-eligs-bind-item--bound" : ""}`, children: [
     /* @__PURE__ */ jsx("span", { className: "taskon-eligs-bind-item-label", children: label }),
     isBound ? /* @__PURE__ */ jsxs("span", { className: "taskon-eligs-bind-item-status", children: [
@@ -603,7 +624,7 @@ function BindItem$1({ type, bindType, isBinding, isBound, onBind }) {
           strokeLinejoin: "round"
         }
       ) }),
-      "Bound"
+      t("bound")
     ] }) : /* @__PURE__ */ jsx(
       "button",
       {
@@ -612,8 +633,8 @@ function BindItem$1({ type, bindType, isBinding, isBound, onBind }) {
         disabled: isBinding,
         children: isBinding ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("svg", { className: "taskon-eligs-bind-item-spinner", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeDasharray: "31.4 31.4" }) }),
-          "Binding..."
-        ] }) : "Bind"
+          t("binding")
+        ] }) : t("bind")
       }
     )
   ] });
@@ -628,6 +649,7 @@ function EligsBindDialog({
   onBindChain,
   onBindSns
 }) {
+  const { t } = useQuestLocale();
   const [notBoundChains, setNotBoundChains] = useState(chainTypes);
   const [notBoundSns, setNotBoundSns] = useState(snsTypes);
   const [bindingType, setBindingType] = useState(null);
@@ -650,7 +672,7 @@ function EligsBindDialog({
     try {
       const success = await onBindChain(chainType);
       if (success) {
-        setNotBoundChains((prev) => prev.filter((t) => t !== chainType));
+        setNotBoundChains((prev) => prev.filter((t2) => t2 !== chainType));
       }
     } finally {
       setBindingType(null);
@@ -661,7 +683,7 @@ function EligsBindDialog({
     try {
       const success = await onBindSns(snsType);
       if (success) {
-        setNotBoundSns((prev) => prev.filter((t) => t !== snsType));
+        setNotBoundSns((prev) => prev.filter((t2) => t2 !== snsType));
       }
     } finally {
       setBindingType(null);
@@ -679,12 +701,12 @@ function EligsBindDialog({
           handleClose();
         }
       },
-      title: "Bind Required Accounts",
+      title: t("bind_required_accounts"),
       showCloseButton: true,
       maxWidth: 560,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-eligs-bind-dialog", children: [
         campaign.eligs && campaign.eligs.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-eligs-bind-eligs-section", children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-eligs-bind-section-title", children: "Quest Eligibility" }),
+          /* @__PURE__ */ jsx("h3", { className: "taskon-eligs-bind-section-title", children: t("quest_eligibility") }),
           /* @__PURE__ */ jsx(
             EligibilityList,
             {
@@ -698,9 +720,9 @@ function EligsBindDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("p", { className: "taskon-eligs-bind-tip", children: "Please bind the following accounts to verify eligibility." }),
+        /* @__PURE__ */ jsx("p", { className: "taskon-eligs-bind-tip", children: t("please_bind_following_accounts_verify_eligibility") }),
         chainTypes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-eligs-bind-section", children: [
-          /* @__PURE__ */ jsx("h4", { className: "taskon-eligs-bind-section-subtitle", children: "Wallet Address" }),
+          /* @__PURE__ */ jsx("h4", { className: "taskon-eligs-bind-section-subtitle", children: t("wallet_address") }),
           /* @__PURE__ */ jsx("div", { className: "taskon-eligs-bind-list", children: chainTypes.map((chainType) => /* @__PURE__ */ jsx(
             BindItem$1,
             {
@@ -714,7 +736,7 @@ function EligsBindDialog({
           )) })
         ] }),
         snsTypes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-eligs-bind-section", children: [
-          /* @__PURE__ */ jsx("h4", { className: "taskon-eligs-bind-section-subtitle", children: "Social Accounts" }),
+          /* @__PURE__ */ jsx("h4", { className: "taskon-eligs-bind-section-subtitle", children: t("social_accounts") }),
           /* @__PURE__ */ jsx("div", { className: "taskon-eligs-bind-list", children: snsTypes.map((snsType) => /* @__PURE__ */ jsx(
             BindItem$1,
             {
@@ -732,6 +754,7 @@ function EligsBindDialog({
   );
 }
 function useQuestDetail(options) {
+  const { t } = useQuestLocale();
   const {
     api,
     campaignId,
@@ -761,14 +784,14 @@ function useQuestDetail(options) {
       const result = await api.getCampaignInfo(params);
       setData(result);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load quest detail";
+      const errorMessage = err instanceof Error ? err.message : t("failed_load_quest_detail");
       setError(errorMessage);
       setData(null);
       console.error("[useQuestDetail] Error:", err);
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, api, campaignId, channel, kolHandle, inviteCode, boostId]);
+  }, [enabled, api, campaignId, channel, kolHandle, inviteCode, boostId, t]);
   useEffect(() => {
     fetchDetail();
   }, [fetchDetail]);
@@ -780,6 +803,7 @@ function useQuestDetail(options) {
   };
 }
 function useQuestUserStatus(options) {
+  const { t } = useQuestLocale();
   const { api, campaignId, channel, kolHandle, enabled = true } = options;
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
@@ -799,14 +823,14 @@ function useQuestUserStatus(options) {
       const result = await api.getUserCampaignStatus(params);
       setData(result);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load user status";
+      const errorMessage = err instanceof Error ? err.message : t("failed_load_user_status");
       setError(errorMessage);
       setData(null);
       console.error("[useQuestUserStatus] Error:", err);
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, api, campaignId, channel, kolHandle]);
+  }, [enabled, api, campaignId, channel, kolHandle, t]);
   const updateTaskStatus = useCallback(
     (taskId, isAsync = false) => {
       setData((prev) => {
@@ -845,6 +869,7 @@ function useQuestUserStatus(options) {
   };
 }
 function useQuestStatus(options) {
+  const { t } = useQuestLocale();
   const { api, campaignId, channel, kolHandle, enabled = true } = options;
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
@@ -864,14 +889,14 @@ function useQuestStatus(options) {
       const result = await api.getCampaignStatusInfo(params);
       setData(result);
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to load quest status";
+      const errorMessage = err instanceof Error ? err.message : t("failed_load_quest_status");
       setError(errorMessage);
       setData(null);
       console.error("[useQuestStatus] Error:", err);
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, api, campaignId, channel, kolHandle]);
+  }, [enabled, api, campaignId, channel, kolHandle, t]);
   useEffect(() => {
     fetchStatus();
   }, [fetchStatus]);
@@ -1229,7 +1254,7 @@ function getNeedBindChainTypeList(requiredChainTypes, userProfile) {
     (chainType) => requiredChainTypes.includes(chainType) && !boundChainTypes.includes(chainType)
   );
 }
-function validateTaskCompletion(campaign, userStatus) {
+function validateTaskCompletion(campaign, userStatus, t) {
   const { tasks, min_finished_optional_task_num, min_finished_optional_task_points } = campaign;
   const { task_status_details } = userStatus;
   const notCompletedMandatory = tasks.find(
@@ -1241,7 +1266,7 @@ function validateTaskCompletion(campaign, userStatus) {
   if (notCompletedMandatory) {
     return {
       type: "mandatory",
-      message: "Please complete all mandatory tasks"
+      message: t("please_complete_mandatory_tasks")
     };
   }
   if (min_finished_optional_task_num && min_finished_optional_task_num > 0) {
@@ -1255,7 +1280,7 @@ function validateTaskCompletion(campaign, userStatus) {
     if (completedCount < min_finished_optional_task_num) {
       return {
         type: "optional_count",
-        message: "Please complete more optional tasks",
+        message: t("please_complete_optional_tasks"),
         required: min_finished_optional_task_num,
         current: completedCount
       };
@@ -1272,7 +1297,12 @@ function validateTaskCompletion(campaign, userStatus) {
     if (totalPoints < min_finished_optional_task_points) {
       return {
         type: "optional_points",
-        message: `Please earn at least ${min_finished_optional_task_points} points from optional tasks`,
+        message: t(
+          "please_earn_least_count_points_optional_tasks",
+          {
+            count: min_finished_optional_task_points
+          }
+        ),
         required: min_finished_optional_task_points,
         current: totalPoints
       };
@@ -1317,6 +1347,7 @@ function isDiscordBound(userProfile) {
   return (userProfile == null ? void 0 : userProfile.sns.some((item) => item.sns_type === SnsType.Discord)) || false;
 }
 function useCompleteValidation(options) {
+  const { t } = useQuestLocale();
   const {
     api,
     campaign,
@@ -1407,7 +1438,11 @@ function useCompleteValidation(options) {
       onLogin == null ? void 0 : onLogin();
       return false;
     }
-    const taskError = validateTaskCompletion(campaign, userStatus);
+    const taskError = validateTaskCompletion(
+      campaign,
+      userStatus,
+      t
+    );
     if (taskError) {
       setTaskValidationError(taskError);
       return false;
@@ -1493,7 +1528,8 @@ function useCompleteValidation(options) {
     userProfile,
     isLoggedIn,
     onLogin,
-    onEligibilityFailed
+    onEligibilityFailed,
+    t
   ]);
   return {
     validateBeforeComplete,
@@ -1571,16 +1607,17 @@ function formatLongNumber$1(input, symbol = true) {
   }
   return String(Math.round(num * 100) / 100);
 }
-function getRewardSymbol(info) {
+function getRewardSymbol(info, t) {
   var _a;
+  const translate = t ?? ((key) => key);
   if (info.reward_type === RewardType.Points) {
-    return "Points";
+    return translate("points");
   }
   if (info.reward_type === RewardType.GTCPoints) {
-    return ((_a = info.points_info) == null ? void 0 : _a.points_name) || "Points";
+    return ((_a = info.points_info) == null ? void 0 : _a.points_name) || translate("points");
   }
   if (info.reward_type === RewardType.Whitelist) {
-    return "WL";
+    return translate("whitelist");
   }
   if (info.reward_type === RewardType.Token) {
     return info.reward_symbol || "";
@@ -1595,23 +1632,26 @@ function getRewardSymbol(info) {
     return "EXP";
   }
   if (info.reward_type === RewardType.DiscordRole) {
-    return "Discord Role";
+    return translate("discord_role");
   }
   return "";
 }
-function formatRewardLabel(info) {
+function formatRewardLabel(info, t) {
+  const translate = t ?? ((key) => key);
   if (info.reward_type === RewardType.Points || info.reward_type === RewardType.GTCPoints) {
     const amount = info.reward_amount ? formatLongNumber$1(info.reward_amount) : "?";
-    return `${amount} ${getRewardSymbol(info)}`;
+    return `${amount} ${getRewardSymbol(info, translate)}`;
   }
   if (info.reward_type === RewardType.Token) {
     if (info.is_usdt_equal) {
-      return `$${info.reward_amount || ""} USD in ${info.reward_symbol}`;
+      return `${info.reward_amount || ""} ${translate("usd_token_name", {
+        token_name: info.reward_symbol || ""
+      })}`.trim();
     }
     const amount = info.reward_amount ? formatLongNumber$1(info.reward_amount) : "?";
-    return `${amount} ${getRewardSymbol(info)}`;
+    return `${amount} ${getRewardSymbol(info, translate)}`;
   }
-  return getRewardSymbol(info);
+  return getRewardSymbol(info, translate);
 }
 function addUrlParam(url, key, value) {
   try {
@@ -1623,7 +1663,7 @@ function addUrlParam(url, key, value) {
   }
 }
 function getDefaultShareText(campaignName) {
-  return `Join the ${campaignName || "Quest"} with me 🙌`;
+  return `Join the ${campaignName || "quest"} with me 🙌`;
 }
 function buildFinalShareText(shareUrl, shareText, shareAutoAppendLink, campaignName) {
   const baseText = shareText || getDefaultShareText(campaignName);
@@ -3848,6 +3888,7 @@ function QrCodeDialog({
   endTime,
   winnerRewardsSimple
 }) {
+  const { t } = useQuestLocale();
   const [qrCodeUrl, setQrCodeUrl] = useState("");
   const posterRef = useRef(null);
   useEffect(() => {
@@ -3880,7 +3921,7 @@ function QrCodeDialog({
       link.href = dataUrl;
       link.click();
     } catch (error) {
-      console.error("Failed to download poster:", error);
+      console.error("failed_download_poster", error);
     }
   };
   return /* @__PURE__ */ jsx(
@@ -3890,7 +3931,7 @@ function QrCodeDialog({
       onOpenChange: (isOpen) => !isOpen && onClose(),
       showCloseButton: true,
       contentClassName: "taskon-quest-qr-dialog-content",
-      title: "Share QR Code",
+      title: t("share_qr_code"),
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-dialog", children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-quest-qr-poster-outer", children: /* @__PURE__ */ jsxs("div", { ref: posterRef, className: "taskon-quest-qr-poster", children: [
           /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-poster-header", children: [
@@ -3920,13 +3961,16 @@ function QrCodeDialog({
           /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-poster-footer", children: [
             /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-info", children: [
               /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-reward-title", children: [
-                "Reward",
+                t("reward"),
                 /* @__PURE__ */ jsx(ArrowRightIcon, {})
               ] }),
               winnerRewardsSimple && winnerRewardsSimple.length > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-rewards-list", children: [
                 "🎁",
                 winnerRewardsSimple.map((reward, index) => /* @__PURE__ */ jsxs("span", { className: "taskon-quest-qr-reward-item", children: [
-                  /* @__PURE__ */ jsx("span", { className: "taskon-quest-qr-reward-label", children: formatRewardLabel(reward) }),
+                  /* @__PURE__ */ jsx("span", { className: "taskon-quest-qr-reward-label", children: formatRewardLabel(
+                    reward,
+                    t
+                  ) }),
                   reward.chain_icon && /* @__PURE__ */ jsx(
                     "img",
                     {
@@ -3944,12 +3988,12 @@ function QrCodeDialog({
                 /* @__PURE__ */ jsx("span", { children: timeRangeText })
               ] })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-qr-code", children: qrCodeUrl && /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: "QR Code" }) })
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-qr-code", children: qrCodeUrl && /* @__PURE__ */ jsx("img", { src: qrCodeUrl, alt: t("qr_code") }) })
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-quest-qr-actions", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleDownload, children: "Save" })
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: t("close") }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleDownload, children: t("save") })
         ] })
       ] })
     }
@@ -4071,20 +4115,29 @@ function ShareDropdown({
   endTime,
   winnerRewardsSimple
 }) {
+  const { t } = useQuestLocale();
   const portalContainer = useTaskOnPortalContainer();
   const { toast } = useToast();
   const [qrDialogOpen, setQrDialogOpen] = useState(false);
   const [popoverOpen, setPopoverOpen] = useState(false);
   const resolvedUrl = shareUrl || window.location.href;
   const handleShareTwitter = () => {
-    const text = buildFinalShareText(resolvedUrl, shareText, shareAutoAppendLink, campaignName);
+    const resolvedShareText = shareText || t("join_campaignname_me", {
+      campaignName: campaignName || t("quest")
+    });
+    const text = buildFinalShareText(
+      resolvedUrl,
+      resolvedShareText,
+      shareAutoAppendLink,
+      campaignName
+    );
     shareToTwitter(text);
     setPopoverOpen(false);
   };
   const handleCopyLink = async () => {
     const success = await copyToClipboard$3(resolvedUrl);
     if (success) {
-      toast.success("Link copied!");
+      toast.success(t("link_copied"));
     }
     setPopoverOpen(false);
   };
@@ -4094,7 +4147,7 @@ function ShareDropdown({
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Root2, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [
-      /* @__PURE__ */ jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "taskon-quest-share-trigger", "aria-label": "Share", children: /* @__PURE__ */ jsx(ShareIcon, {}) }) }),
+      /* @__PURE__ */ jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "taskon-quest-share-trigger", "aria-label": t("share"), children: /* @__PURE__ */ jsx(ShareIcon, {}) }) }),
       /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(Content2, { className: "taskon-quest-share-menu", sideOffset: 8, children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -4103,7 +4156,7 @@ function ShareDropdown({
             onClick: handleShareTwitter,
             children: [
               /* @__PURE__ */ jsx(TwitterIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Twitter" })
+              /* @__PURE__ */ jsx("span", { children: t("twitter") })
             ]
           }
         ),
@@ -4114,7 +4167,7 @@ function ShareDropdown({
             onClick: handleCopyLink,
             children: [
               /* @__PURE__ */ jsx(CopyLinkIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Copy Link" })
+              /* @__PURE__ */ jsx("span", { children: t("copy_link") })
             ]
           }
         ),
@@ -4125,7 +4178,7 @@ function ShareDropdown({
             onClick: handleShowQrCode,
             children: [
               /* @__PURE__ */ jsx(QrCodeIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "QR Code" })
+              /* @__PURE__ */ jsx("span", { children: t("qr_code") })
             ]
           }
         )
@@ -4188,6 +4241,7 @@ function QuestTitle({
   communityAvatar,
   winnerRewardsSimple
 }) {
+  const { t } = useQuestLocale();
   const countdownTarget = !isStarted ? startTime : isActive ? endTime : void 0;
   const countdown = useCountdown(countdownTarget);
   const startDate = new Date(startTime);
@@ -4202,7 +4256,7 @@ function QuestTitle({
   };
   const offset = -startDate.getTimezoneOffset() / 60;
   const offsetString = offset >= 0 ? `+${offset}` : String(offset);
-  const countdownLabel = isEnded ? "ENDED" : !isStarted ? "Starts In" : "Ends In";
+  const countdownLabel = isEnded ? t("ended") : !isStarted ? t("starts") : t("ends");
   const hasValidCountdown = !isEnded && countdown && countdown.totalSeconds > 0;
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-header-title-section", children: [
     show && /* @__PURE__ */ jsx("h1", { className: "taskon-quest-title", children: title }),
@@ -4220,12 +4274,16 @@ function QuestTitle({
       ] }),
       /* @__PURE__ */ jsx("div", { className: "taskon-quest-countdown-divider" }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-time-range", children: [
-        "(UTC",
-        offsetString,
-        ") ",
-        formatDateTime(startDate),
-        " ～ ",
-        formatDateTime(endDate)
+        /* @__PURE__ */ jsxs("span", { className: "taskon-quest-time-range-timezone", children: [
+          "(UTC",
+          offsetString,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "taskon-quest-time-range-values", children: [
+          /* @__PURE__ */ jsx("span", { children: formatDateTime(startDate) }),
+          /* @__PURE__ */ jsx("span", { className: "taskon-quest-time-range-separator", "aria-hidden": "true", children: "～" }),
+          /* @__PURE__ */ jsx("span", { children: formatDateTime(endDate) })
+        ] })
       ] }),
       showShare && /* @__PURE__ */ jsx(
         ShareDropdown,
@@ -4249,6 +4307,7 @@ function QuestDescription({
   description,
   show = true
 }) {
+  const { t } = useQuestLocale();
   const [isExpanded, setIsExpanded] = useState(false);
   const sanitizedHtml = useMemo(() => {
     if (!description) return "";
@@ -4270,7 +4329,7 @@ function QuestDescription({
       {
         className: "taskon-quest-desc-more",
         onClick: () => setIsExpanded(!isExpanded),
-        children: isExpanded ? "Show less" : "Read more"
+        children: isExpanded ? t("show_less") : t("read")
       }
     )
   ] });
@@ -4361,6 +4420,7 @@ function ParticipantsInfo({
   participantCount,
   className
 }) {
+  const { t } = useQuestLocale();
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   if (participantCount === 0) {
     return null;
@@ -4373,15 +4433,15 @@ function ParticipantsInfo({
         type: "button",
         className: "taskon-quest-participants-info-header",
         onClick: () => setIsDialogOpen(true),
-        "aria-label": "View participants info details",
+        "aria-label": t("view_participants_info_details"),
         children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-participants-info-title", children: "Participants Info" }),
+          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-participants-info-title", children: t("participants_info") }),
           /* @__PURE__ */ jsx("span", { className: "taskon-quest-participants-info-icon", children: /* @__PURE__ */ jsx(InfoIcon, {}) })
         ]
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-info-row", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-participants-info-label", children: "Participants" }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-participants-info-label", children: t("participants_2") }),
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-participants-info-value", children: formattedParticipantCount })
     ] }),
     /* @__PURE__ */ jsx(
@@ -4389,36 +4449,48 @@ function ParticipantsInfo({
       {
         open: isDialogOpen,
         onOpenChange: setIsDialogOpen,
-        title: "Participants",
+        title: t("participants_2"),
         maxWidth: 480,
         children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog", children: [
-          /* @__PURE__ */ jsx("h2", { className: "taskon-quest-participants-dialog-title", children: "Participants" }),
+          /* @__PURE__ */ jsx("h2", { className: "taskon-quest-participants-dialog-title", children: t("participants_2") }),
           /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-section", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-subtitle", children: "What is Participants?" }),
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-desc", children: "Participants: any user who complete at least 1 task of this quest." })
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-subtitle", children: t("what_participants") }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-desc", children: t("participants_any_user_who_complete_least_1_task_quest") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-section", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-subtitle", children: "How is winner be selected?" }),
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-desc", children: "Winner is generated from the following chart." })
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-subtitle", children: t("how_winner_selected") }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-desc", children: t("winner_generated_following_chart") })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-chart", children: [
             /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-arrow-wrap", children: /* @__PURE__ */ jsx(ArrowDownIcon, {}) }),
             /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-cards", children: [
               /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card taskon-quest-participants-dialog-card--level1", children: [
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: "Participants" }),
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-desc", children: "*Who completes at least 1 task." })
+                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: t("participants_2") }),
+                /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card-desc", children: [
+                  "*",
+                  t("who_completes_least_1_task")
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card taskon-quest-participants-dialog-card--level2", children: [
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: "Submitters" }),
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-desc", children: "*Who completes the quest." })
+                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: t("submitters") }),
+                /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card-desc", children: [
+                  "*",
+                  t("who_completes_quest")
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card taskon-quest-participants-dialog-card--level3", children: [
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: "Qualifiers" }),
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-desc", children: "*All the tasks of this quest is verified as valid, some tasks may verified by quest creator not by TaskOn." })
+                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: t("qualifiers") }),
+                /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card-desc", children: [
+                  "*",
+                  t("tasks_quest_verified_valid_some_tasks_may_verified_quest")
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card taskon-quest-participants-dialog-card--level4", children: [
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: "👑 Winners" }),
-                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-desc", children: "*Only Qualifier can be selected as winner, the select method depends on the settings such as FCFS." })
+                /* @__PURE__ */ jsx("div", { className: "taskon-quest-participants-dialog-card-title", children: t("winners_2") }),
+                /* @__PURE__ */ jsxs("div", { className: "taskon-quest-participants-dialog-card-desc", children: [
+                  "*",
+                  t("qualifier_selected_winner_select_method_depends_settings_fcfs")
+                ] })
               ] })
             ] })
           ] }),
@@ -4429,7 +4501,7 @@ function ParticipantsInfo({
               size: "large",
               className: "taskon-quest-participants-dialog-btn",
               onClick: () => setIsDialogOpen(false),
-              children: "Confirm"
+              children: t("confirm")
             }
           )
         ] })
@@ -4437,14 +4509,14 @@ function ParticipantsInfo({
     )
   ] });
 }
-function getRewardTypeLabel$1(rewardType, pointName) {
+function getRewardTypeLabel$1(rewardType, pointName, t) {
   if ([RewardType.BMintedNft, RewardType.Cap, RewardType.Nft].includes(
     rewardType
   )) {
     return "NFT:";
   }
   if (rewardType === String(RewardType.DiscordRole)) {
-    return "Discord Role:";
+    return `${t("discord_role")}:`;
   }
   if (rewardType === String(RewardType.Exp)) {
     return "EXP:";
@@ -4456,14 +4528,14 @@ function getRewardTypeLabel$1(rewardType, pointName) {
     return `${pointName}:`;
   }
   if (rewardType === String(RewardType.Token)) {
-    return "Token:";
+    return `${t("token_name")}:`;
   }
   if (rewardType === String(RewardType.Whitelist)) {
-    return "Whitelist";
+    return t("whitelist");
   }
   return String(rewardType);
 }
-function getRewardLabel$1(data) {
+function getRewardLabel$1(data, t) {
   const { reward_type, reward_symbol, amount, chain_label, is_usdt_equal } = data;
   if ([
     RewardType.BMintedNft,
@@ -4481,7 +4553,9 @@ function getRewardLabel$1(data) {
   }
   if (reward_type === String(RewardType.Token)) {
     if (is_usdt_equal) {
-      return `$${amount || ""} in ${reward_symbol}`;
+      return `${amount || ""} ${t("usd_token_name", {
+        token_name: reward_symbol || ""
+      })}`.trim();
     }
     return `${amount || ""} ${reward_symbol} ${chain_label || ""}`.trim();
   }
@@ -4492,13 +4566,21 @@ function getRewardLabel$1(data) {
 }
 function WinnerRewardLabel({
   data,
-  pointName = "Points"
+  pointName
 }) {
+  const { t } = useQuestLocale();
+  const resolvedPointName = pointName || t("points");
   const typeLabel = useMemo(
-    () => getRewardTypeLabel$1(data.reward_type, pointName),
-    [data.reward_type, pointName]
+    () => getRewardTypeLabel$1(data.reward_type, resolvedPointName, t),
+    [data.reward_type, resolvedPointName, t]
+  );
+  const valueLabel = useMemo(
+    () => getRewardLabel$1(
+      data,
+      t
+    ),
+    [data, t]
   );
-  const valueLabel = useMemo(() => getRewardLabel$1(data), [data]);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-winner-reward-label", children: [
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-winner-reward-label-type", children: typeLabel }),
     valueLabel && /* @__PURE__ */ jsx("span", { className: "taskon-quest-winner-reward-label-value", children: valueLabel })
@@ -4524,32 +4606,32 @@ function getHowToSelectWinner$1(group) {
 }
 function getWinnerSelectionLabel$1(howToSelect) {
   const labels = {
-    FCFS: "FCFS",
-    LuckyDraw: "Lucky Draw",
-    PointRanking: "Ranking",
-    ManualUpload: "Manually Upload",
-    OpenToAll: "Open to All"
+    FCFS: "fcfs",
+    LuckyDraw: "lucky_draw",
+    PointRanking: "ranking_2",
+    ManualUpload: "manually_upload",
+    OpenToAll: "open"
   };
   return labels[howToSelect];
 }
-function formatRankingLabel(ranking) {
+function formatRankingLabel(ranking, t) {
   if (ranking.range_type === QuestWinnerRangeType.Number) {
     if (ranking.from < 2) {
-      return `Top ${ranking.to}`;
+      return t("top_2", { to: ranking.to });
     }
-    return `Top ${ranking.from}-${ranking.to}`;
+    return t("top", { from: ranking.from, to: ranking.to });
   } else {
     if (ranking.from === 0) {
-      return `Top ${ranking.to}%`;
+      return t("top_percent_2", { to: ranking.to });
     }
-    return `Top ${ranking.from}%-${ranking.to}%`;
+    return t("top_percent", { from: ranking.from, to: ranking.to });
   }
 }
-function getTierLabel(layerIndex, isCurrentLayer) {
+function getTierLabel(layerIndex, isCurrentLayer, t) {
   if (isCurrentLayer) {
-    return "You are here";
+    return t("here");
   }
-  return `Tier ${layerIndex + 1}`;
+  return t("tier_index", { index: layerIndex + 1 });
 }
 function calculateFcfsAvailable(rewardLayer, currentWinner) {
   var _a;
@@ -4631,9 +4713,11 @@ function WinnerListModal({
   onClose,
   campaignId,
   winnerRewards,
-  pointsName = "Points"
+  pointsName
 }) {
+  const { t } = useQuestLocale();
   const { client } = useTaskOnContext();
+  const resolvedPointsName = pointsName || t("points");
   const api = useMemo(() => {
     if (!client) return null;
     return createQuestApi(client);
@@ -4648,13 +4732,14 @@ function WinnerListModal({
   const tabItems = useMemo(() => {
     return winnerRewards.map((item, index) => {
       const howToSelect = getHowToSelectWinner$1(item);
+      const label = getWinnerSelectionLabel$1(howToSelect);
       return {
         key: index,
-        label: getWinnerSelectionLabel$1(howToSelect),
+        label: t(label),
         type: howToSelect
       };
     });
-  }, [winnerRewards]);
+  }, [winnerRewards, t]);
   const currentType = useMemo(() => {
     var _a;
     return ((_a = tabItems[currentIndex]) == null ? void 0 : _a.type) || "FCFS";
@@ -4684,7 +4769,7 @@ function WinnerListModal({
         }
         setPage(pageNo);
       } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load winners");
+        setError(err instanceof Error ? err.message : t("failed_load_winners"));
         if (!append) {
           setTotal(0);
           setList([]);
@@ -4693,7 +4778,7 @@ function WinnerListModal({
         setLoading(false);
       }
     },
-    [api, campaignId, currentIndex, loading]
+    [api, campaignId, currentIndex, loading, t]
   );
   useEffect(() => {
     if (isOpen && api) {
@@ -4739,13 +4824,14 @@ function WinnerListModal({
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      title: "Winners",
+      title: t("winners"),
       showCloseButton: true,
       contentClassName: "taskon-quest-winner-modal",
       maxWidth: 600,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-winner-content", children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-quest-winner-header", children: /* @__PURE__ */ jsxs("h2", { className: "taskon-quest-winner-title", children: [
-          "Winners (",
+          t("winners"),
+          " (",
           total.toLocaleString(),
           ")"
         ] }) }),
@@ -4766,16 +4852,16 @@ function WinnerListModal({
               variant: "primary",
               size: "small",
               onClick: () => loadPage(0, false),
-              children: "Retry"
+              children: t("retry")
             }
           )
         ] }),
         !error && /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "taskon-quest-winner-list", children: [
           /* @__PURE__ */ jsxs("table", { className: "taskon-quest-winner-table", children: [
             /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-              showPosition && /* @__PURE__ */ jsx("th", { children: "Position" }),
-              /* @__PURE__ */ jsx("th", { children: "User" }),
-              /* @__PURE__ */ jsx("th", { children: "Rewards" })
+              showPosition && /* @__PURE__ */ jsx("th", { children: t("position") }),
+              /* @__PURE__ */ jsx("th", { children: t("user") }),
+              /* @__PURE__ */ jsx("th", { children: t("rewards") })
             ] }) }),
             /* @__PURE__ */ jsxs("tbody", { children: [
               list.map((item, index) => {
@@ -4789,7 +4875,7 @@ function WinnerListModal({
                     WinnerRewardLabel,
                     {
                       data: reward,
-                      pointName: pointsName
+                      pointName: resolvedPointsName
                     },
                     `${reward.reward_type}-${rewardIndex}`
                   )) }) })
@@ -4800,14 +4886,14 @@ function WinnerListModal({
                 {
                   colSpan: showPosition ? 3 : 2,
                   className: "taskon-quest-winner-empty",
-                  children: "No winners yet"
+                  children: t("no_winners")
                 }
               ) })
             ] })
           ] }),
           loading && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-winner-loading", children: [
             /* @__PURE__ */ jsx("div", { className: "taskon-quest-winner-loading-spinner" }),
-            /* @__PURE__ */ jsx("span", { children: "Loading..." })
+            /* @__PURE__ */ jsx("span", { children: t("loading") })
           ] })
         ] })
       ] })
@@ -4902,6 +4988,7 @@ function getIsBrc20(chain, tokenAddress, chains) {
   return (chainInfo == null ? void 0 : chainInfo.chain_type) === "btc" && tokenAddress !== BTC_CONTRACT;
 }
 function TokenInfo({ rewardInfo, chains }) {
+  const { t } = useQuestLocale();
   const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const distributeType = rewardInfo.reward_distribute_type;
@@ -4912,7 +4999,7 @@ function TokenInfo({ rewardInfo, chains }) {
   const isBrc20 = getIsBrc20(params.chain, params.token_address, chains);
   const totalAmount = formatTokenAmount(params.total_amount);
   const perAmount = params.per_amount;
-  const tokenNameDisplay = params.is_usdt_equal_amount ? `USD in ${params.token_name}` : params.token_name;
+  const tokenNameDisplay = params.is_usdt_equal_amount ? t("usd_token_name", { token_name: params.token_name }) : params.token_name;
   const handleMouseEnter = () => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
@@ -4937,9 +5024,9 @@ function TokenInfo({ rewardInfo, chains }) {
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-token", children: [
     isBlindBox && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-token-blindbox", children: [
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-token-blindbox-icon", children: "✨" }),
-      /* @__PURE__ */ jsx("span", { children: "Smart Blind Box" })
+      /* @__PURE__ */ jsx("span", { children: t("smart_blind_box") })
     ] }),
-    /* @__PURE__ */ jsx(BaseRow, { label: "Total Rewards Pool", children: /* @__PURE__ */ jsxs(Root2, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(BaseRow, { label: t("total_rewards_pool"), children: /* @__PURE__ */ jsxs(Root2, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -4972,12 +5059,11 @@ function TokenInfo({ rewardInfo, chains }) {
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
           children: [
-            params.is_usdt_equal_amount && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-popover-name", children: [
-              "Equivalent amounts of ",
-              params.token_name
-            ] }),
+            params.is_usdt_equal_amount && /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-name", children: t("equivalent_amounts_token_name", {
+              token_name: params.token_name
+            }) }),
             params.token_address && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-popover-address", children: [
-              /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: "Contract Address" }),
+              /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: t("contract_address") }),
               /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -4997,8 +5083,8 @@ function TokenInfo({ rewardInfo, chains }) {
       ) })
     ] }) }),
     distributeType !== QuestRewardsDistributeType.PointProportionally && (distributeType === QuestRewardsDistributeType.Random || distributeType === QuestRewardsDistributeType.BlindBox || Number(params.per_amount) > 0) && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-token-per", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-token-per-label", children: "Rewards Per Winner" }),
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-token-per-value", children: distributeType === QuestRewardsDistributeType.Random || distributeType === QuestRewardsDistributeType.BlindBox ? "Random Amount" : `${perAmount} ${params.token_name}` })
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-token-per-label", children: t("rewards_per_winner") }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-token-per-value", children: distributeType === QuestRewardsDistributeType.Random || distributeType === QuestRewardsDistributeType.BlindBox ? t("random_amount") : `${perAmount} ${params.token_name}` })
     ] })
   ] });
 }
@@ -5011,6 +5097,7 @@ async function copyToClipboard$1(text) {
   }
 }
 function NftInfo({ rewardInfo, chains }) {
+  const { t } = useQuestLocale();
   const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const [open, setOpen] = useState(false);
@@ -5070,7 +5157,7 @@ function NftInfo({ rewardInfo, chains }) {
         children: [
           params.nft_collection_name && /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-name", children: params.nft_collection_name }),
           params.nft_address && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-popover-address", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: "Contract Address" }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: t("contract_address") }),
             /* @__PURE__ */ jsxs(
               "button",
               {
@@ -5099,6 +5186,7 @@ async function copyToClipboard(text) {
   }
 }
 function MintedNftInfo({ rewardInfo, chains }) {
+  const { t } = useQuestLocale();
   const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const [open, setOpen] = useState(false);
@@ -5158,7 +5246,7 @@ function MintedNftInfo({ rewardInfo, chains }) {
         children: [
           params.nft_collection_name && /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-name", children: params.nft_collection_name }),
           params.nft_address && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-popover-address", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: "Contract Address" }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-popover-address-title", children: t("contract_address") }),
             /* @__PURE__ */ jsxs(
               "button",
               {
@@ -5191,8 +5279,9 @@ function CapInfo({ rewardInfo, chains }) {
   ) }) });
 }
 function WhitelistInfo({ rewardInfo, chains }) {
+  const { t } = useQuestLocale();
   const params = rewardInfo.reward_params;
-  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-whitelist", children: /* @__PURE__ */ jsx(BaseRow, { label: "Whitelist", children: params.chain && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-whitelist", children: /* @__PURE__ */ jsx(BaseRow, { label: t("whitelist"), children: params.chain && /* @__PURE__ */ jsx(
     ChainIcon,
     {
       chain: params.chain,
@@ -5203,9 +5292,10 @@ function WhitelistInfo({ rewardInfo, chains }) {
   ) }) });
 }
 function PointsInfo({ rewardInfo }) {
+  const { t } = useQuestLocale();
   const params = rewardInfo.reward_params;
   const formattedAmount = formatLargeNumber(params.amount);
-  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-points", children: /* @__PURE__ */ jsx(BaseRow, { label: "Points/Winner", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-points-info", children: [
+  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-points", children: /* @__PURE__ */ jsx(BaseRow, { label: t("points_winner"), children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-points-info", children: [
     params.points_icon && /* @__PURE__ */ jsx(
       "img",
       {
@@ -5219,21 +5309,23 @@ function PointsInfo({ rewardInfo }) {
   ] }) }) });
 }
 function ExpInfo({ rewardInfo }) {
+  const { t } = useQuestLocale();
   const params = rewardInfo.reward_params;
   const formattedAmount = formatLargeNumber(params.per_amount);
-  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-exp", children: /* @__PURE__ */ jsx(BaseRow, { label: "EXP/Winner", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-exp-info", children: [
+  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-exp", children: /* @__PURE__ */ jsx(BaseRow, { label: t("exp_winner"), children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-exp-info", children: [
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-exp-amount", children: formattedAmount }),
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-exp-label", children: "EXP" })
   ] }) }) });
 }
 function DiscordRoleInfo({ rewardInfo }) {
+  const { t } = useQuestLocale();
   const params = rewardInfo.reward_params;
   const handleClick = () => {
     if (params.discord_server_url) {
       window.open(params.discord_server_url, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-discord-role", children: /* @__PURE__ */ jsx(BaseRow, { label: "Discord Role", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-discord-role-info", children: [
+  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-discord-role", children: /* @__PURE__ */ jsx(BaseRow, { label: t("discord_role"), children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-discord-role-info", children: [
     /* @__PURE__ */ jsx(
       "span",
       {
@@ -5243,7 +5335,7 @@ function DiscordRoleInfo({ rewardInfo }) {
         children: params.role_name
       }
     ),
-    params.not_official_discord && /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-discord-role-warning", children: "⚠️ Not Official" })
+    params.not_official_discord && /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-discord-role-warning", children: t("official") })
   ] }) }) });
 }
 function TheReward({ rewardInfo, chains }) {
@@ -5277,6 +5369,7 @@ function WinnerCount({
   currentWinner,
   rankingLabel
 }) {
+  const { t } = useQuestLocale();
   const maxWinners = rewardLayer.max_winners;
   if (howToSelectWinner === "OpenToAll") {
     return null;
@@ -5291,7 +5384,7 @@ function WinnerCount({
             /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-winner-separator", children: "/" }),
             /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-winner-total", children: maxWinners })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-winner-label", children: "Available" })
+          /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-winner-label", children: t("available") })
         ] });
       }
       case "PointRanking":
@@ -5302,11 +5395,12 @@ function WinnerCount({
         return /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-winner-count", children: maxWinners });
     }
   };
-  return /* @__PURE__ */ jsx(BaseRow, { label: "Winners", children: renderContent() });
+  return /* @__PURE__ */ jsx(BaseRow, { label: t("winners"), children: renderContent() });
 }
 function GasStationProgress({
   gasStation
 }) {
+  const { t } = useQuestLocale();
   if (!gasStation.gas_covered) {
     return null;
   }
@@ -5315,7 +5409,7 @@ function GasStationProgress({
     gasStation.used_gas_amount
   );
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-gas", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-gas-label", children: "Limited spots for gas free claiming!" }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-gas-label", children: t("limited_spots_gas_free_claiming") }),
     /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-gas-bar", children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -5329,8 +5423,10 @@ function GasStationProgress({
 function NftPreview({
   imageUrl,
   mediaType = "Image",
-  alt = "NFT Preview"
+  alt
 }) {
+  const { t } = useQuestLocale();
+  const previewAlt = alt || t("nft_preview");
   if (!imageUrl) {
     return null;
   }
@@ -5348,7 +5444,7 @@ function NftPreview({
     "img",
     {
       src: imageUrl,
-      alt,
+      alt: previewAlt,
       className: "taskon-quest-rewards-preview-image",
       loading: "lazy"
     }
@@ -5364,18 +5460,19 @@ function EstimatedRewards({
   isEnded,
   finalReward
 }) {
+  const { t } = useQuestLocale();
   const rewardLabel = useMemo(() => {
     if (!isEnded) {
-      return "Your Estimated Rewards";
+      return t("estimated_rewards");
     }
     if (!isCompleted) {
       return "";
     }
     if (finalReward) {
-      return "Your Final Rewards";
+      return t("final_rewards");
     }
-    return "Your Estimated Rewards";
-  }, [isEnded, isCompleted, finalReward]);
+    return t("estimated_rewards");
+  }, [isEnded, isCompleted, finalReward, t]);
   if (!rewardLabel) {
     return null;
   }
@@ -5405,24 +5502,15 @@ function EstimatedRewards({
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-estimated-symbol", children: rewardSymbol })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-estimated-formula", children: [
-      "= Total Rewards Pool * Your ",
-      pointName,
-      " / Total ",
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-estimated-formula", children: t("eq_total_rewards_pool_pointname_total_pointname", {
       pointName
-    ] }),
+    }) }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-estimated-row", children: [
-      /* @__PURE__ */ jsxs("span", { className: "taskon-quest-rewards-estimated-label", children: [
-        "Your ",
-        pointName
-      ] }),
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-estimated-label", children: t("pointname", { pointName }) }),
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-estimated-points", children: formattedUserPoints })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-estimated-total", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        "Total ",
-        pointName
-      ] }),
+      /* @__PURE__ */ jsx("span", { children: t("total_pointname", { pointName }) }),
       /* @__PURE__ */ jsx("span", { children: formattedTotalPoints })
     ] }),
     !isCompleted && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-estimated-mask", children: [
@@ -5434,29 +5522,31 @@ function EstimatedRewards({
           alt: ""
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-estimated-mask-title", children: "Complete to qualify for rewards!" }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-estimated-mask-subtitle", children: "Once qualified, every point counts toward better rewards!" })
+      /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-estimated-mask-title", children: t("complete_qualify_rewards") }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-estimated-mask-subtitle", children: t("once_qualified_every_point_counts_toward_better_rewards") })
     ] })
   ] });
 }
 function RankingPoint({
   userStatus,
-  pointsName = "Points"
+  pointsName
 }) {
   var _a, _b;
+  const { t } = useQuestLocale();
+  const resolvedPointsName = pointsName || t("points");
   const ranking = userStatus.ranking;
   const tier = userStatus.tier;
   const points = ((_a = userStatus.current_point) == null ? void 0 : _a.amount) ?? 0;
-  const displayPointsName = ((_b = userStatus.current_point) == null ? void 0 : _b.points_name) || pointsName;
+  const displayPointsName = ((_b = userStatus.current_point) == null ? void 0 : _b.points_name) || resolvedPointsName;
   const hasValidRanking = ranking >= 0;
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point", children: [
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-label", children: [
-        "Your Ranking",
+        t("ranking"),
         /* @__PURE__ */ jsx(
           TipPopover,
           {
-            content: "You will be ranked only after completing all mandatory tasks in this quest.",
+            content: t("ranked_after_completing_mandatory_tasks_quest"),
             side: "top",
             className: "taskon-quest-rewards-ranking-point-tip-icon"
           }
@@ -5464,21 +5554,20 @@ function RankingPoint({
       ] }),
       hasValidRanking ? /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-value", children: [
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-ranking-point-number", children: ranking }),
-        tier > 0 && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-tier", children: [
-          "Tier ",
-          tier
-        ] })
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-tip", children: [
-        "Complete all ",
-        /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-ranking-point-tip-highlight", children: "REQUIRED" }),
-        " tasks to secure a valid ranking."
-      ] })
+        tier > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-ranking-point-tier", children: t("tier_index", { index: tier }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-ranking-point-tip", children: /* @__PURE__ */ jsx(
+        I18nT,
+        {
+          t,
+          i18nKey: "complete_required_tasks_secure_valid_ranking",
+          components: {
+            required: /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-ranking-point-tip-highlight", children: t("required") })
+          }
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-row taskon-quest-rewards-ranking-point-row--points", children: [
-      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-ranking-point-label", children: [
-        "Your ",
-        displayPointsName
-      ] }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-ranking-point-label", children: t("pointname", { pointName: displayPointsName }) }),
       /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-ranking-point-amount", children: points })
     ] })
   ] });
@@ -5486,8 +5575,10 @@ function RankingPoint({
 function RewardBonus({
   extraBonus,
   qualifierRewards,
-  pointName = "Points"
+  pointName
 }) {
+  const { t } = useQuestLocale();
+  const resolvedPointName = pointName || t("points");
   const qualifierPointParams = useMemo(() => {
     const pointsReward = qualifierRewards == null ? void 0 : qualifierRewards.find(
       (item) => item.reward_type === QuestRewardType.Points || item.reward_type === QuestRewardType.GTCPoints
@@ -5499,13 +5590,16 @@ function RewardBonus({
     return null;
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-bonus", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-bonus-title", children: "Bonus" }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-bonus-title", children: t("bonus") }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-bonus-card", children: [
-      extraBonus && /* @__PURE__ */ jsx(BaseRow, { label: "Winner Bonus", children: /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-bonus-desc", children: extraBonus }) }),
-      qualifierPointParams && /* @__PURE__ */ jsx(BaseRow, { label: "Qualifier Point", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-bonus-value", children: [
+      extraBonus && /* @__PURE__ */ jsx(BaseRow, { label: t("winner_bonus"), children: /* @__PURE__ */ jsx("div", { className: "taskon-quest-rewards-bonus-desc", children: extraBonus }) }),
+      qualifierPointParams && /* @__PURE__ */ jsx(BaseRow, { label: t("qualifier_point"), children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-bonus-value", children: [
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-bonus-amount", children: qualifierPointParams.amount }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-bonus-name", children: qualifierPointParams.points_name || pointName }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-bonus-unit", children: "/Qualifier" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-bonus-name", children: qualifierPointParams.points_name || resolvedPointName }),
+        /* @__PURE__ */ jsxs("span", { className: "taskon-quest-rewards-bonus-unit", children: [
+          "/",
+          t("qualifiers")
+        ] })
       ] }) })
     ] })
   ] });
@@ -5714,10 +5808,7 @@ function formatLongStr$1(str, separator = "...", prefixLen = 6, suffixLen = 6) {
   if (str.length <= prefixLen + suffixLen + 2) return str;
   return `${str.slice(0, prefixLen)}${separator}${str.slice(-suffixLen)}`;
 }
-const NA_TIPS = "You will be ranked only after completing all mandatory tasks in this quest.";
-const UNRANKED_TIP = "You are not ranked yet.";
-const NOT_QUALIFIED_TIP = "You are not qualified for rewards in this tier.";
-function getRewardTypeLabel(rewardType, pointsName) {
+function getRewardTypeLabel(rewardType, pointsName, t) {
   if (!rewardType) return "";
   switch (rewardType) {
     case RewardType.Nft:
@@ -5725,21 +5816,21 @@ function getRewardTypeLabel(rewardType, pointsName) {
     case RewardType.Cap:
       return "NFT:";
     case RewardType.DiscordRole:
-      return "Discord Role:";
+      return `${t("discord_role")}:`;
     case RewardType.Exp:
       return "EXP:";
     case RewardType.GTCPoints:
     case RewardType.Points:
       return `${pointsName}:`;
     case RewardType.Token:
-      return "Token:";
+      return `${t("token_name")}:`;
     case RewardType.Whitelist:
-      return "Whitelist";
+      return t("whitelist");
     default:
       return "";
   }
 }
-function getRewardLabel(row) {
+function getRewardLabel(row, t) {
   const { rewardType, rewardSymbol, rewardAmount, chainLabel, isUsdtEqual } = row;
   if (!rewardType) {
     return rewardAmount ? `${rewardAmount} ${rewardSymbol || ""}` : "";
@@ -5757,7 +5848,9 @@ function getRewardLabel(row) {
       return rewardAmount || "";
     case RewardType.Token:
       if (isUsdtEqual) {
-        return `${rewardAmount} USD in ${rewardSymbol}`;
+        return `${rewardAmount || ""} ${t("usd_token_name", {
+          token_name: rewardSymbol || ""
+        })}`.trim();
       }
       return `${rewardAmount} ${rewardSymbol}${chainLabel ? ` ${chainLabel}` : ""}`;
     case RewardType.Whitelist:
@@ -5767,25 +5860,44 @@ function getRewardLabel(row) {
   }
 }
 function RewardCell({ row }) {
+  const { t } = useQuestLocale();
+  const translate = t;
   if (row.winnerLayer !== void 0 && row.winnerLayer < 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-leaderboard-reward-cell", children: /* @__PURE__ */ jsx(TipPopover, { content: NOT_QUALIFIED_TIP, side: "top", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-not-qualified", children: "Not Qualified" }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-leaderboard-reward-cell", children: /* @__PURE__ */ jsx(
+      TipPopover,
+      {
+        content: t("qualified_rewards_tier"),
+        side: "top",
+        children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-not-qualified", children: t("qualified") })
+      }
+    ) });
   }
   if (!row.rewardAmount) {
     return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-no-reward", children: "--" });
   }
-  const typeLabel = getRewardTypeLabel(row.rewardType, row.pointsName);
-  const rewardLabel = getRewardLabel(row);
+  const typeLabel = getRewardTypeLabel(row.rewardType, row.pointsName, translate);
+  const rewardLabel = getRewardLabel(row, translate);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-leaderboard-reward-cell", children: [
     typeLabel && /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-reward-type", children: typeLabel }),
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-reward", children: rewardLabel })
   ] });
 }
 function RankBadge({ rank }) {
+  const { t } = useQuestLocale();
   if (rank < 0) {
-    return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-rank taskon-quest-leaderboard-rank--unranked", children: /* @__PURE__ */ jsx(TipPopover, { content: NA_TIPS, side: "top", children: /* @__PURE__ */ jsx("span", { children: "N/A" }) }) });
+    return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-rank taskon-quest-leaderboard-rank--unranked", children: /* @__PURE__ */ jsx(
+      TipPopover,
+      {
+        content: t(
+          "ranked_after_completing_mandatory_tasks_quest"
+        ),
+        side: "top",
+        children: /* @__PURE__ */ jsx("span", { children: t("na") })
+      }
+    ) });
   }
   if (rank === 0) {
-    return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-rank taskon-quest-leaderboard-rank--unranked", children: /* @__PURE__ */ jsx(TipPopover, { content: UNRANKED_TIP, side: "top", children: /* @__PURE__ */ jsx("span", { children: "Unranked" }) }) });
+    return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-rank taskon-quest-leaderboard-rank--unranked", children: /* @__PURE__ */ jsx(TipPopover, { content: t("ranked"), side: "top", children: /* @__PURE__ */ jsx("span", { children: t("unranked") }) }) });
   }
   if (rank === 1) {
     return /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-rank", children: /* @__PURE__ */ jsx(Rank1Icon, { size: 24 }) });
@@ -5802,8 +5914,9 @@ function UserCell({
   userName,
   isCurrentUser
 }) {
+  const { t } = useQuestLocale();
   if (isCurrentUser) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-leaderboard-user taskon-quest-leaderboard-user--current", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-user-badge", children: "YOU" }) });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-leaderboard-user taskon-quest-leaderboard-user--current", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-user-badge", children: t("you") }) });
   }
   return /* @__PURE__ */ jsx("div", { className: "taskon-quest-leaderboard-user", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-user-name", children: formatLongStr$1(userName) }) });
 }
@@ -5830,10 +5943,12 @@ function LeaderboardModal({
   isOpen,
   onClose,
   campaignId,
-  pointsName = "Points",
+  pointsName,
   className = ""
 }) {
+  const { t } = useQuestLocale();
   const { client, userId } = useTaskOnContext();
+  const resolvedPointsName = pointsName || t("points");
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -5852,11 +5967,11 @@ function LeaderboardModal({
       });
       setData(result);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to load leaderboard");
+      setError(err instanceof Error ? err.message : t("failed_load_leaderboard"));
     } finally {
       setLoading(false);
     }
-  }, [client, isOpen, campaignId, page]);
+  }, [client, isOpen, campaignId, page, t]);
   useEffect(() => {
     if (isOpen) {
       fetchData();
@@ -5876,15 +5991,21 @@ function LeaderboardModal({
     if (!data) return 0;
     return Math.ceil(data.total / PAGE_SIZE);
   }, [data]);
-  const positionTip = `The rankings are based on the total ${pointsName} earned from all tasks within this quest. In instances of tied ${pointsName}, submitters are ranked according to chronological order.`;
-  const tierTip = NA_TIPS;
-  const pointsTip = `${pointsName} collected from all tasks completed during the quest.`;
+  const positionTip = t(
+    "rankings_based_total_pointsname_earned_tasks_within_quest_instances",
+    { pointsName: resolvedPointsName }
+  );
+  const tierTip = t("ranked_after_completing_mandatory_tasks_quest");
+  const pointsTip = t(
+    "pointsname_collected_tasks_completed_during_quest",
+    { pointsName: resolvedPointsName }
+  );
   const columns = useMemo(
     () => [
       {
         key: "rank",
         title: /* @__PURE__ */ jsxs("span", { className: "taskon-quest-leaderboard-header", children: [
-          /* @__PURE__ */ jsx("span", { children: "Position" }),
+          /* @__PURE__ */ jsx("span", { children: t("position") }),
           /* @__PURE__ */ jsx(TipPopover, { content: positionTip, side: "top" })
         ] }),
         width: 100,
@@ -5893,15 +6014,15 @@ function LeaderboardModal({
       {
         key: "tier",
         title: /* @__PURE__ */ jsxs("span", { className: "taskon-quest-leaderboard-header", children: [
-          /* @__PURE__ */ jsx("span", { children: "Tier" }),
+          /* @__PURE__ */ jsx("span", { children: t("tier") }),
           /* @__PURE__ */ jsx(TipPopover, { content: tierTip, side: "top" })
         ] }),
         width: 80,
-        render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-tier", children: row.tier !== void 0 && row.tier > 0 ? row.tier : "--" })
+        render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-tier", children: row.tier !== void 0 && row.tier > 0 ? row.tier : t("na") })
       },
       {
         key: "user",
-        title: "User",
+        title: t("user"),
         minWidth: 120,
         render: (_, row) => /* @__PURE__ */ jsx(
           UserCell,
@@ -5914,21 +6035,21 @@ function LeaderboardModal({
       {
         key: "points",
         title: /* @__PURE__ */ jsxs("span", { className: "taskon-quest-leaderboard-header", children: [
-          /* @__PURE__ */ jsx("span", { children: pointsName }),
+          /* @__PURE__ */ jsx("span", { children: resolvedPointsName }),
           /* @__PURE__ */ jsx(TipPopover, { content: pointsTip, side: "top" })
         ] }),
         width: 100,
-        render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-points", children: row.points > 0 ? row.points.toLocaleString() : "--" })
+        render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-quest-leaderboard-points", children: row.points > 0 ? row.points.toLocaleString() : t("na") })
       },
       {
         key: "rewards",
-        title: "Rewards",
+        title: t("rewards"),
         width: 150,
         align: "right",
         render: (_, row) => /* @__PURE__ */ jsx(RewardCell, { row })
       }
     ],
-    [pointsName, positionTip, pointsTip, tierTip, userId]
+    [positionTip, pointsTip, resolvedPointsName, t, tierTip, userId]
   );
   const rowConfig = useMemo(
     () => ({
@@ -5957,19 +6078,20 @@ function LeaderboardModal({
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      title: "Leaderboard",
+      title: t("leaderboard"),
       showCloseButton: true,
       className,
       maxWidth: 600,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-leaderboard-content", children: [
-        /* @__PURE__ */ jsx("h2", { className: "taskon-quest-leaderboard-title", children: "Leaderboard" }),
+        /* @__PURE__ */ jsx("h2", { className: "taskon-quest-leaderboard-title", children: t("leaderboard") }),
         data && /* @__PURE__ */ jsxs("p", { className: "taskon-quest-leaderboard-subtitle", children: [
           data.total_user.toLocaleString(),
-          " participants"
+          " ",
+          t("participants_2")
         ] }),
         error && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-leaderboard-error", children: [
           /* @__PURE__ */ jsx("p", { children: error }),
-          /* @__PURE__ */ jsx(Button, { variant: "primary", size: "small", onClick: fetchData, children: "Retry" })
+          /* @__PURE__ */ jsx(Button, { variant: "primary", size: "small", onClick: fetchData, children: t("retry") })
         ] }),
         !error && /* @__PURE__ */ jsx(
           Table,
@@ -5978,10 +6100,10 @@ function LeaderboardModal({
             data: tableData,
             rowConfig,
             loading,
-            loadingText: "Loading...",
+            loadingText: t("loading"),
             empty: {
-              title: "No Data",
-              description: "No participants yet"
+              title: t("no_data"),
+              description: t("no_participants")
             },
             striped: true,
             className: "taskon-quest-leaderboard-table"
@@ -6037,14 +6159,19 @@ function RewardCard$1({
   chains
 }) {
   var _a, _b, _c;
+  const { t } = useQuestLocale();
   const [isDescOpen, setIsDescOpen] = useState(false);
   const isPointRanking = howToSelectWinner === "PointRanking";
   const ranking = (_a = rewardLayer.winner_layer) == null ? void 0 : _a.winner_rank_range;
   const rankingLabel = useMemo(() => {
     if (!ranking) return "";
-    return formatRankingLabel(ranking);
-  }, [ranking]);
-  const tierLabel = getTierLabel(layerIndex, isCurrentLayer);
+    return formatRankingLabel(ranking, t);
+  }, [ranking, t]);
+  const tierLabel = getTierLabel(
+    layerIndex,
+    isCurrentLayer,
+    t
+  );
   const showEstimatedRewards = useMemo(() => {
     return rewardInfo.reward_distribute_type === QuestRewardsDistributeType.PointProportionally && totalPoints !== -1;
   }, [rewardInfo.reward_distribute_type, totalPoints]);
@@ -6135,7 +6262,7 @@ function RewardCard$1({
             className: "taskon-quest-rewards-whitelist-desc-trigger",
             onClick: () => setIsDescOpen(!isDescOpen),
             type: "button",
-            children: /* @__PURE__ */ jsx(BaseRow, { label: "Whitelist Description", children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx(BaseRow, { label: t("whitelist_description"), children: /* @__PURE__ */ jsx(
               UnfoldIcon,
               {
                 className: `taskon-quest-rewards-whitelist-desc-icon ${isDescOpen ? "taskon-quest-rewards-whitelist-desc-icon--open" : ""}`
@@ -6175,12 +6302,13 @@ function WinnerGroup({
   groupIndex,
   chains
 }) {
+  const { t } = useQuestLocale();
   const howToSelectWinner = useMemo(() => {
     return getHowToSelectWinner$1(group);
   }, [group]);
   const winnerSelectionLabel = useMemo(() => {
-    return getWinnerSelectionLabel$1(howToSelectWinner);
-  }, [howToSelectWinner]);
+    return t(getWinnerSelectionLabel$1(howToSelectWinner));
+  }, [howToSelectWinner, t]);
   const getTotalPoints = (layerIndex) => {
     if (group.automatically_winner_draw_type !== QuestAutomaticallyWinnerDrawType.PointRank) {
       return (userStatus == null ? void 0 : userStatus.open_to_all_total_points) || 0;
@@ -6226,12 +6354,14 @@ function QuestRewards({
   winnerRewards,
   campaignStatus,
   userStatus,
-  pointName = "Points",
+  pointName,
   isEnded,
   isOngoingOrEnded = false,
   chains
 }) {
   var _a;
+  const { t } = useQuestLocale();
+  const resolvedPointName = pointName || t("points");
   const [isLeaderboardOpen, setIsLeaderboardOpen] = useState(false);
   if (!winnerRewards || winnerRewards.length === 0) {
     return null;
@@ -6248,7 +6378,7 @@ function QuestRewards({
   };
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards", children: [
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-container", children: [
-      showUserRanking && /* @__PURE__ */ jsx(RankingPoint, { userStatus, pointsName: pointName }),
+      showUserRanking && /* @__PURE__ */ jsx(RankingPoint, { userStatus, pointsName: resolvedPointName }),
       showViewLeaderboard && /* @__PURE__ */ jsxs(
         "button",
         {
@@ -6256,7 +6386,7 @@ function QuestRewards({
           className: "taskon-quest-rewards-view-leaderboard",
           onClick: handleOpenLeaderboard,
           children: [
-            /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-view-leaderboard-text", children: "View Leaderboard" }),
+            /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-view-leaderboard-text", children: t("view_leaderboard") }),
             /* @__PURE__ */ jsx("span", { className: "taskon-quest-rewards-view-leaderboard-arrow", children: "→" })
           ]
         }
@@ -6266,7 +6396,7 @@ function QuestRewards({
         {
           group,
           currentWinners,
-          pointName,
+          pointName: resolvedPointName,
           isEnded,
           userStatus,
           groupIndex,
@@ -6281,7 +6411,7 @@ function QuestRewards({
         isOpen: isLeaderboardOpen,
         onClose: handleCloseLeaderboard,
         campaignId,
-        pointsName: pointName
+        pointsName: resolvedPointName
       }
     )
   ] });
@@ -6361,26 +6491,29 @@ function getHowToSelectWinner(winnerReward) {
 function getWinnerSelectionLabel(howToSelectWinner) {
   switch (howToSelectWinner) {
     case 1:
-      return { label: "Lucky Draw", desc: "Winners are randomly selected" };
+      return { label: "lucky_draw", desc: "winners_randomly_selected" };
     case 0:
       return {
-        label: "FCFS",
-        desc: "First to complete gets the reward"
+        label: "fcfs",
+        desc: "first_complete_gets_reward"
       };
     case 4:
       return {
-        label: "Open to All",
-        desc: "All qualified users receive reward"
+        label: "open",
+        desc: "qualified_users_receive_reward"
       };
     case 3:
-      return { label: "Ranking", desc: "Top ranked users win" };
+      return { label: "ranking_2", desc: "top_ranked_users_win" };
     case 2:
       return {
-        label: "Manually Upload",
-        desc: "Project owner selects winners"
+        label: "manually_upload",
+        desc: "project_owner_selects_winners"
       };
     default:
-      return { label: "", desc: "" };
+      return {
+        label: "fcfs",
+        desc: "first_complete_gets_reward"
+      };
   }
 }
 function getEarnedWinnerSelectionList(winnerRewards, userStatus, campaignStatus) {
@@ -6526,52 +6659,52 @@ function getStatusCardConfig(status, params) {
     case "winner":
       return {
         badgeType: "winner",
-        title: "Congratulations!"
+        title: "congratulations"
       };
     case "blind-box-failed":
     case "qualifier-failed":
       return {
         badgeType: "qualifier",
-        title: "Oops! Better Luck Next Time!",
-        description: "You have won multiple rewards!"
+        title: "oops_better_luck_next_time",
+        description: "won_multiple_rewards"
         // Will be overridden if has rewards
       };
     case "qualifier-wait":
       if (params == null ? void 0 : params.hasLegacyManual) {
         return {
           badgeType: "qualifier",
-          title: "Successfully Entered!",
-          description: "Waiting for project owner to upload the winner list. Stay tuned to see if you win!"
+          title: "successfully_entered",
+          description: "waiting_project_owner_upload_winner_list_stay_tuned_see_2"
         };
       }
       if (params == null ? void 0 : params.hasPointRanking) {
         return {
           badgeType: "qualifier",
-          title: "Successfully Entered!",
-          description: "Waiting for final ranking. Stay tuned to see if you win!"
+          title: "successfully_entered",
+          description: "waiting_final_ranking_stay_tuned_see_win_2"
         };
       }
       return {
         badgeType: "qualifier",
-        title: "Waiting for drawing winners",
-        description: "Please keep participating in tasks (e.g. keep following on X) to stay eligible for winner draws!"
+        title: "waiting_drawing_winners",
+        description: "please_keep_participating_tasks_e_g_keep_following_x"
       };
     case "submitter-failed":
       return {
         badgeType: "submitter",
-        title: "Oops!",
-        description: "Not all tasks are successfully verified, better luck next time!"
+        title: "oops",
+        description: "tasks_successfully_verified_better_luck_next_time"
       };
     case "submitter-wait":
       return {
         badgeType: "submitter",
-        title: "Waiting For Task Verification",
-        description: "Stay tuned! Only verified users are eligible to compete for rewards."
+        title: "waiting_task_verification",
+        description: "stay_tuned_verified_users_eligible_compete_rewards"
       };
     case "too-late":
       return {
-        title: "Oops!",
-        description: "Sorry you are late."
+        title: "oops",
+        description: "sorry_late"
       };
     case "can-complete":
       return null;
@@ -6612,6 +6745,7 @@ function RewardToken({
   rewardDisplayMode = "popup",
   rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const [popupOpen, setPopupOpen] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
@@ -6635,10 +6769,10 @@ function RewardToken({
   }, [params.amount]);
   const typeText = useMemo(() => {
     if (params.is_usdt_equal_amount) {
-      return `USD in ${params.token_name}`;
+      return t("usd_token_name", { token_name: params.token_name });
     }
     return params.token_name;
-  }, [params.is_usdt_equal_amount, params.token_name]);
+  }, [params.is_usdt_equal_amount, params.token_name, t]);
   const showAmountNotRevealed = !params.amount;
   const showWithdraw = isDeposited && params.amount;
   const handleWithdraw = useCallback(() => {
@@ -6663,9 +6797,9 @@ function RewardToken({
           /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: formattedAmount })
         ] }),
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: typeText }),
-        showWithdraw && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleWithdraw, children: "Withdraw" })
+        showWithdraw && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleWithdraw, children: t("withdraw") })
       ] }),
-      showAmountNotRevealed && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: "Reward amount will be revealed once quest ends." })
+      showAmountNotRevealed && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: t("reward_amount_revealed_once_quest_ends") })
     ] }),
     /* @__PURE__ */ jsx(
       RewardModuleDialog,
@@ -6741,6 +6875,7 @@ function RewardNft({
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
@@ -6782,10 +6917,10 @@ function RewardNft({
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "NFT" })
       ] }),
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: params.collection_name }),
-      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: "Claim" })
+      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") })
     ] }),
-    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: "Check Collection on OpenSea" }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: "Txn Hash:" }),
+    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: t("check_collection_opensea") }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: t("txn_hash") }),
       /* @__PURE__ */ jsx(
         "a",
         {
@@ -6806,6 +6941,7 @@ function RewardMintedNft({
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
@@ -6850,10 +6986,10 @@ function RewardMintedNft({
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "NFT" })
       ] }),
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: params.collection_name }),
-      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: "Claim" })
+      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") })
     ] }),
-    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: "Check Collection on OpenSea" }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: "Txn Hash:" }),
+    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: t("check_collection_opensea") }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
+      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: t("txn_hash") }),
       /* @__PURE__ */ jsx(
         "a",
         {
@@ -6865,7 +7001,7 @@ function RewardMintedNft({
         }
       )
     ] }),
-    isGasStationDropping && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: "NFT will be airdropped soon..." })
+    isGasStationDropping && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: t("nft_airdropped_soon") })
   ] });
 }
 function RewardCap({
@@ -6875,6 +7011,7 @@ function RewardCap({
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
@@ -6913,18 +7050,19 @@ function RewardCap({
             className: "taskon-quest-footer-earned-single-icon"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "Cap" })
+        /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "CAP" })
       ] }),
-      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: "Claim" })
+      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") })
     ] }),
-    elementLink && /* @__PURE__ */ jsx(ActionButton, { href: elementLink, children: "Check CAP on Element" }),
-    isGasStationDropping && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: "Cap will be airdropped soon..." })
+    elementLink && /* @__PURE__ */ jsx(ActionButton, { href: elementLink, children: t("check_cap_element") }),
+    isGasStationDropping && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: t("cap_airdropped_soon") })
   ] });
 }
 function RewardWhitelist({
   reward,
   chains
 }) {
+  const { t } = useQuestLocale();
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
     if (!chains || !params.chain) return null;
@@ -6939,7 +7077,7 @@ function RewardWhitelist({
         className: "taskon-quest-footer-earned-single-icon"
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "Whitelist" })
+    /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: t("whitelist") })
   ] }) }) });
 }
 function RewardPoint({
@@ -6947,14 +7085,15 @@ function RewardPoint({
   rewardDisplayMode = "popup",
   rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const [popupOpen, setPopupOpen] = useState(false);
   const params = reward.reward_value;
   const pointName = useMemo(() => {
     if (reward.reward_type === RewardType.GTCPoints) {
-      return params.points_name || "Points";
+      return params.points_name || t("points");
     }
-    return "Points";
-  }, [reward.reward_type, params.points_name]);
+    return t("points");
+  }, [reward.reward_type, params.points_name, t]);
   const handlePointsHistory = useCallback(() => {
     if (rewardDisplayMode === "redirect" && rewardRedirectUrl) {
       window.open(rewardRedirectUrl, "_blank", "noopener,noreferrer");
@@ -6969,7 +7108,7 @@ function RewardPoint({
         /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-earned-single-info", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: params.amount }) }),
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: pointName })
       ] }),
-      /* @__PURE__ */ jsx(ActionButton, { ...actionButtonProps, children: "Points History" })
+      /* @__PURE__ */ jsx(ActionButton, { ...actionButtonProps, children: t("points_history") })
     ] }),
     /* @__PURE__ */ jsx(
       RewardModuleDialog,
@@ -6988,6 +7127,7 @@ function RewardDiscordRole({
   onRefresh,
   onClaimDiscordRole
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const isClaimable = useMemo(() => {
@@ -7009,9 +7149,9 @@ function RewardDiscordRole({
     }
   }, [onClaimDiscordRole, reward, layer, onRefresh]);
   return /* @__PURE__ */ jsx(RewardCard, { children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-row", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-earned-single-info", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "Discord Role" }) }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-earned-single-info", children: /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: t("discord_role") }) }),
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: params.role_name }),
-    isClaimable ? /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: "Claim" }) : /* @__PURE__ */ jsx(ClaimButton, { disabled: true, children: "Claimed" })
+    isClaimable ? /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") }) : /* @__PURE__ */ jsx(ClaimButton, { disabled: true, children: t("claimed") })
   ] }) });
 }
 const REWARD_COMPONENT_MAP = {
@@ -7035,24 +7175,24 @@ function RewardItem(props) {
 }
 const OOPS_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FF6B6B'/%3E%3Cpath d='M8 4v5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.5' r='0.75' fill='white'/%3E%3C/svg%3E";
 const WAIT_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='16' stroke='%23CBFF01' stroke-width='2'/%3E%3Cpath d='M17 9v8l5 3' stroke='%23CBFF01' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E";
-function getFailedLabel(status) {
+function getFailedLabel(status, t) {
   if (status === "join-earlier") {
-    return "Join the quest earlier next time!";
+    return t("join_quest_earlier_next_time");
   }
   if (status === "better-luck") {
-    return "Oops, Better Luck Next Time!";
+    return t("oops_better_luck_next_time_2");
   }
   return "";
 }
-function getWaitLabel(status) {
+function getWaitLabel(status, t) {
   if (status === "wait-draw") {
-    return "Waiting for drawing winners, Stay tuned to see if you win!";
+    return t("waiting_drawing_winners_stay_tuned_see_win");
   }
   if (status === "wait-upload") {
-    return "Waiting for project owner to upload the winner list, Stay tuned to see if you win!";
+    return t("waiting_project_owner_upload_winner_list_stay_tuned_see");
   }
   if (status === "wait-ranking") {
-    return "Waiting For Final Ranking, Stay tuned to see if you win!";
+    return t("waiting_final_ranking_stay_tuned_see_win");
   }
   return "";
 }
@@ -7068,12 +7208,14 @@ function SelectionItem({
   rewardDisplayMode,
   rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const { howToSelectWinner, status, rewards } = selection;
   const label = getWinnerSelectionLabel(howToSelectWinner);
-  const failedLabel = getFailedLabel(status);
-  const waitLabel = getWaitLabel(status);
+  const translate = t;
+  const failedLabel = getFailedLabel(status, translate);
+  const waitLabel = getWaitLabel(status, translate);
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-selection-item", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-selection-label", children: label.label }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-selection-label", children: t(label.label) }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-selection-rewards", children: [
       status === "winner" && rewards.map((layer) => /* @__PURE__ */ jsx(React__default.Fragment, { children: layer.reward.map((reward) => /* @__PURE__ */ jsx(
         RewardItem,
@@ -7132,6 +7274,7 @@ function DetailPanelDialog({
   rewardDisplayMode,
   rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const winnerSelectionList = useMemo(() => {
     return getEarnedWinnerSelectionList(
       campaign.winner_rewards,
@@ -7143,7 +7286,7 @@ function DetailPanelDialog({
     const qualifierRewards = campaign.qualifier_rewards;
     if (!qualifierRewards) return null;
     const reward = qualifierRewards.find(
-      (item) => item.reward_type === "Points" || item.reward_type === "GTCPoints"
+      (item) => item.reward_type === "points" || item.reward_type === "GTCPoints"
     );
     if (!reward) return null;
     return reward.reward_params;
@@ -7153,12 +7296,12 @@ function DetailPanelDialog({
     {
       open,
       onOpenChange,
-      title: "Multiple Rewards Detail",
+      title: t("multiple_rewards_detail"),
       showCloseButton: true,
       maxWidth: 480,
       contentClassName: "taskon-quest-footer-detail-dialog",
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-detail-panel", children: [
-        /* @__PURE__ */ jsx("h2", { className: "taskon-quest-footer-detail-title", children: "Multiple Rewards Detail" }),
+        /* @__PURE__ */ jsx("h2", { className: "taskon-quest-footer-detail-title", children: t("multiple_rewards_detail") }),
         /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-content", children: winnerSelectionList.map((item, index) => /* @__PURE__ */ jsx(
           SelectionItem,
           {
@@ -7176,13 +7319,11 @@ function DetailPanelDialog({
           index
         )) }),
         qualifierPointParams && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-detail-bonus", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-bonus-label", children: "Bonus" }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-bonus-right", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-detail-bonus-item", children: [
-            qualifierPointParams.amount,
-            " Qualifier",
-            " ",
-            qualifierPointParams.points_name || "Points"
-          ] }) })
+          /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-bonus-label", children: t("bonus") }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-bonus-right", children: /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-detail-bonus-item", children: t("amount_qualifier_pointsname", {
+            amount: qualifierPointParams.amount,
+            pointsName: qualifierPointParams.points_name || t("points")
+          }) }) })
         ] })
       ] })
     }
@@ -7202,6 +7343,7 @@ function EarnedRewards({
   rewardDisplayMode = "popup",
   rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const [dialogOpen, setDialogOpen] = useState(false);
   const rewardCount = useMemo(() => {
     return earnedRewards.reduce(
@@ -7230,8 +7372,8 @@ function EarnedRewards({
     hasMultiReward ? (
       // Multiple rewards: show text + button
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-multi", children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-earned-multi-text", children: "You have won multiple rewards!" }),
-        /* @__PURE__ */ jsx(ClaimButton, { onClick: handleOpenDialog, children: "Check & Claim" })
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-earned-multi-text", children: t("won_multiple_rewards") }),
+        /* @__PURE__ */ jsx(ClaimButton, { onClick: handleOpenDialog, children: t("check_claim") })
       ] })
     ) : (
       // Single reward: show detailed card
@@ -7273,7 +7415,13 @@ function EarnedRewards({
   ] });
 }
 function StatusBadge({ type }) {
-  const badgeText = type.toUpperCase();
+  const { t } = useQuestLocale();
+  const badgeTextMap = {
+    winner: t("winners"),
+    qualifier: t("qualifiers"),
+    submitter: t("submitters")
+  };
+  const badgeText = badgeTextMap[type];
   return /* @__PURE__ */ jsx("div", { className: `taskon-quest-footer-badge taskon-quest-footer-badge--${type}`, children: badgeText });
 }
 function StatusCard(props) {
@@ -7325,19 +7473,21 @@ function StatusCard(props) {
     ) : /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-card-message", children: description }) })
   ] });
 }
-const REPEAT_SUBMIT_ERROR_MESSAGE = "Oops! Seems like you already finished this quest";
-const DEFAULT_COMPLETE_ERROR_MESSAGE = "Failed to complete quest";
-function normalizeCompleteSubmitError(error) {
+function normalizeCompleteSubmitError(error, t) {
   if (error instanceof ApiError) {
     if (error.code === ErrorCode.RUSER_REPEAT_SUBMIT) {
-      return new ApiError(error.code, REPEAT_SUBMIT_ERROR_MESSAGE, error.data);
+      return new ApiError(
+        error.code,
+        t("oops_seems_like_already_finished_quest_2"),
+        error.data
+      );
     }
     return error;
   }
   if (error instanceof Error) {
     return error;
   }
-  return new Error(DEFAULT_COMPLETE_ERROR_MESSAGE);
+  return new Error(t("failed_complete_quest"));
 }
 function CompleteButton({
   campaignId,
@@ -7350,13 +7500,14 @@ function CompleteButton({
   className,
   onBeforeComplete
 }) {
+  const { t } = useQuestLocale();
   const [isLoading, setIsLoading] = useState(false);
   const { client } = useTaskOnContext();
   const api = useMemo(() => {
     if (!client) return null;
     return createQuestApi(client);
   }, [client]);
-  const buttonText = hasPointProportionally2 ? "Complete to qualify for rewards!" : "Complete";
+  const buttonText = hasPointProportionally2 ? t("complete_qualify_rewards") : t("complete_2");
   const handleComplete = useCallback(async () => {
     if (!api || isLoading || disabled) {
       return;
@@ -7375,7 +7526,7 @@ function CompleteButton({
         }
       }
       if (requiresRecaptcha && !captchaToken) {
-        onError == null ? void 0 : onError(new Error("reCAPTCHA verification required"));
+        onError == null ? void 0 : onError(new Error(t("recaptcha_verification_required")));
         return;
       }
       try {
@@ -7387,7 +7538,10 @@ function CompleteButton({
         });
         onComplete == null ? void 0 : onComplete();
       } catch (error) {
-        const normalizedError = normalizeCompleteSubmitError(error);
+        const normalizedError = normalizeCompleteSubmitError(
+          error,
+          t
+        );
         onError == null ? void 0 : onError(normalizedError);
       }
     } finally {
@@ -7402,7 +7556,8 @@ function CompleteButton({
     onBeforeComplete,
     onComplete,
     onError,
-    requiresRecaptcha
+    requiresRecaptcha,
+    t
   ]);
   return /* @__PURE__ */ jsx(
     "button",
@@ -7413,15 +7568,13 @@ function CompleteButton({
       disabled: disabled || isLoading || !api,
       children: isLoading ? /* @__PURE__ */ jsxs("span", { className: "taskon-quest-footer-complete-btn-loading", children: [
         /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-complete-btn-spinner" }),
-        "Completing..."
+        t("completing")
       ] }) : buttonText
     }
   );
 }
-const REPEAT_SUBMIT_NOTICE_TITLE = "Oops! Seems like You already finished this quest";
-const REPEAT_SUBMIT_NOTICE_DESC = "To ensure a fair experience, submissions with identical wallet addresses, X, Discord, or Telegram accounts, and email addresses are not permitted.";
-const REPEAT_SUBMIT_NOTICE_CONFIRM = "Confirm";
 function OperateFooter(props) {
+  const { t } = useQuestLocale();
   const {
     campaign,
     userStatus,
@@ -7482,12 +7635,22 @@ function OperateFooter(props) {
       hasPointRanking: hasRanking
     });
   }, [participationStatus, hasLegacyManual, hasRanking]);
+  const localizedCardConfig = useMemo(() => {
+    if (!cardConfig) {
+      return null;
+    }
+    return {
+      ...cardConfig,
+      title: t(cardConfig.title),
+      description: cardConfig.description ? t(cardConfig.description) : void 0
+    };
+  }, [cardConfig, t]);
   const renderConnectWallet = () => /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-connect", children: /* @__PURE__ */ jsx(
     "button",
     {
       className: "taskon-quest-footer-connect-btn",
       onClick: onConnectWallet,
-      children: "Connect Wallet to Participate"
+      children: t("connect_wallet_participate")
     }
   ) });
   const handleCompleteError = useCallback(
@@ -7513,13 +7676,13 @@ function OperateFooter(props) {
     }
   );
   const renderStatusCard = () => {
-    if (!cardConfig) return null;
+    if (!localizedCardConfig) return null;
     return /* @__PURE__ */ jsx(
       StatusCard,
       {
-        title: cardConfig.title,
-        badgeType: cardConfig.badgeType,
-        description: cardConfig.description,
+        title: localizedCardConfig.title,
+        badgeType: localizedCardConfig.badgeType,
+        description: localizedCardConfig.description,
         campaign,
         userStatus: userStatus || void 0,
         campaignStatus: campaignStatus || void 0,
@@ -7541,12 +7704,16 @@ function OperateFooter(props) {
       open: isRepeatSubmitDialogVisible,
       onOpenChange: setIsRepeatSubmitDialogVisible,
       type: "warn",
-      title: REPEAT_SUBMIT_NOTICE_TITLE,
-      desc: REPEAT_SUBMIT_NOTICE_DESC,
-      confirmButton: REPEAT_SUBMIT_NOTICE_CONFIRM,
+      title: t("oops_seems_like_already_finished_quest"),
+      desc: t(
+        "ensure_fair_experience_submissions_identical_wallet_addresses_x_discord"
+      ),
+      confirmButton: t("confirm"),
       onConfirm: () => setIsRepeatSubmitDialogVisible(false),
-      accessibilityTitle: REPEAT_SUBMIT_NOTICE_TITLE,
-      accessibilityDescription: REPEAT_SUBMIT_NOTICE_DESC
+      accessibilityTitle: t("oops_seems_like_already_finished_quest"),
+      accessibilityDescription: t(
+        "ensure_fair_experience_submissions_identical_wallet_addresses_x_discord"
+      )
     }
   );
   let footerContent = null;
@@ -7554,7 +7721,7 @@ function OperateFooter(props) {
     footerContent = renderConnectWallet();
   } else if (participationStatus === "can-complete") {
     footerContent = renderCompleteButton();
-  } else if (participationStatus !== "none" && cardConfig) {
+  } else if (participationStatus !== "none" && localizedCardConfig) {
     footerContent = renderStatusCard();
   }
   if (!footerContent && !isRepeatSubmitDialogVisible) {
@@ -7565,16 +7732,16 @@ function OperateFooter(props) {
     renderRepeatSubmitNoticeDialog()
   ] });
 }
-function getDialogTitle(errorType) {
+function getDialogTitle(errorType, t) {
   switch (errorType) {
     case "mandatory":
-      return "Tasks Incomplete";
+      return t("tasks_incomplete");
     case "optional_count":
-      return "More Tasks Required";
+      return t("tasks_required");
     case "optional_points":
-      return "More Points Required";
+      return t("points_required");
     default:
-      return "Validation Failed";
+      return t("validation_failed");
   }
 }
 function getDialogIcon(errorType) {
@@ -7608,6 +7775,7 @@ function TaskValidationDialog({
   error,
   onClose
 }) {
+  const { t } = useQuestLocale();
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -7617,32 +7785,29 @@ function TaskValidationDialog({
           onClose();
         }
       },
-      title: getDialogTitle(error == null ? void 0 : error.type),
+      title: getDialogTitle(
+        error == null ? void 0 : error.type,
+        t
+      ),
       showCloseButton: true,
       maxWidth: 400,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-task-validation-dialog", children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-task-validation-dialog-icon-wrap", children: getDialogIcon(error == null ? void 0 : error.type) }),
-        /* @__PURE__ */ jsx("p", { className: "taskon-task-validation-dialog-message", children: (error == null ? void 0 : error.message) || "Please complete all required tasks before continuing." }),
-        (error == null ? void 0 : error.type) === "optional_count" && error.required !== void 0 && error.current !== void 0 && /* @__PURE__ */ jsxs("p", { className: "taskon-task-validation-dialog-progress", children: [
-          "Completed: ",
-          error.current,
-          " / ",
-          error.required,
-          " optional tasks"
-        ] }),
-        (error == null ? void 0 : error.type) === "optional_points" && error.required !== void 0 && error.current !== void 0 && /* @__PURE__ */ jsxs("p", { className: "taskon-task-validation-dialog-progress", children: [
-          "Earned: ",
-          error.current,
-          " / ",
-          error.required,
-          " points"
-        ] }),
+        /* @__PURE__ */ jsx("p", { className: "taskon-task-validation-dialog-message", children: (error == null ? void 0 : error.message) || t("please_complete_required_tasks_before_continuing") }),
+        (error == null ? void 0 : error.type) === "optional_count" && error.required !== void 0 && error.current !== void 0 && /* @__PURE__ */ jsx("p", { className: "taskon-task-validation-dialog-progress", children: t("completed_current_required_optional_tasks", {
+          current: error.current,
+          required: error.required
+        }) }),
+        (error == null ? void 0 : error.type) === "optional_points" && error.required !== void 0 && error.current !== void 0 && /* @__PURE__ */ jsx("p", { className: "taskon-task-validation-dialog-progress", children: t("earned_current_required_points", {
+          current: error.current,
+          required: error.required
+        }) }),
         /* @__PURE__ */ jsx(
           "button",
           {
             className: "taskon-task-validation-dialog-btn",
             onClick: onClose,
-            children: "OK"
+            children: t("ok")
           }
         )
       ] })
@@ -7650,7 +7815,7 @@ function TaskValidationDialog({
   );
 }
 const CHAIN_TYPE_LABELS = {
-  evm: "EVM Chain",
+  evm: "evm_chain",
   btc: "Bitcoin",
   starknet: "Starknet",
   solana: "Solana",
@@ -7662,6 +7827,7 @@ const CHAIN_TYPE_LABELS = {
   ton: "TON"
 };
 function BindItem({ chainType, isBinding, isBound, onBind }) {
+  const { t } = useQuestLocale();
   const label = CHAIN_TYPE_LABELS[chainType.toLowerCase()] || chainType;
   return /* @__PURE__ */ jsxs("div", { className: `taskon-reward-bind-item ${isBound ? "taskon-reward-bind-item--bound" : ""}`, children: [
     /* @__PURE__ */ jsx("span", { className: "taskon-reward-bind-item-label", children: label }),
@@ -7676,7 +7842,7 @@ function BindItem({ chainType, isBinding, isBound, onBind }) {
           strokeLinejoin: "round"
         }
       ) }),
-      "Bound"
+      t("bound")
     ] }) : /* @__PURE__ */ jsx(
       "button",
       {
@@ -7696,8 +7862,8 @@ function BindItem({ chainType, isBinding, isBound, onBind }) {
               strokeDasharray: "31.4 31.4"
             }
           ) }),
-          "Binding..."
-        ] }) : "Bind"
+          t("binding")
+        ] }) : t("bind")
       }
     )
   ] });
@@ -7711,6 +7877,7 @@ function RewardBindDialog({
   onAllBind,
   onBindChain
 }) {
+  const { t } = useQuestLocale();
   const [notBoundChains, setNotBoundChains] = useState(chainTypes);
   const [bindingType, setBindingType] = useState(null);
   React__default.useEffect(() => {
@@ -7729,7 +7896,7 @@ function RewardBindDialog({
     try {
       const success = await onBindChain(chainType);
       if (success) {
-        setNotBoundChains((prev) => prev.filter((t) => t !== chainType));
+        setNotBoundChains((prev) => prev.filter((t2) => t2 !== chainType));
       }
     } finally {
       setBindingType(null);
@@ -7742,7 +7909,7 @@ function RewardBindDialog({
       onClose();
     }
   }, [skippable, onSkip, onClose]);
-  const tipText = skippable ? "Please link the following wallet addresses to receive rewards. You can skip this step and link later before the campaign ends." : "Please link the following wallet addresses to receive rewards. This is required for FCFS rewards.";
+  const tipText = skippable ? t("please_link_following_wallet_addresses_receive_rewards_skip_step") : t("please_link_following_wallet_addresses_receive_rewards_required_fcfs");
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -7752,7 +7919,7 @@ function RewardBindDialog({
           handleClose();
         }
       },
-      title: "Link Wallet Address",
+      title: t("link_wallet_address"),
       showCloseButton: true,
       maxWidth: 480,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-reward-bind-dialog", children: [
@@ -7772,7 +7939,7 @@ function RewardBindDialog({
           {
             className: "taskon-reward-bind-skip-btn",
             onClick: onSkip,
-            children: "Complete the Campaign"
+            children: t("complete_campaign_2")
           }
         )
       ] })
@@ -7808,6 +7975,7 @@ function DiscordBindDialog({
   onLinkDiscord,
   onContinue
 }) {
+  const { t } = useQuestLocale();
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -7817,19 +7985,23 @@ function DiscordBindDialog({
           onClose();
         }
       },
-      title: "Discord Account Not Linked",
+      title: t("discord_account_linked"),
       showCloseButton: true,
       maxWidth: 440,
       children: /* @__PURE__ */ jsxs("div", { className: "taskon-discord-bind-dialog", children: [
         /* @__PURE__ */ jsx("div", { className: "taskon-discord-bind-dialog-icon-wrap", children: /* @__PURE__ */ jsx(DiscordIcon, {}) }),
-        /* @__PURE__ */ jsx("p", { className: "taskon-discord-bind-dialog-desc", children: "To receive the Discord Role reward, you need to link your Discord account. You can still complete the campaign without linking, but you won't be able to claim the Discord Role reward." }),
+        /* @__PURE__ */ jsxs("p", { className: "taskon-discord-bind-dialog-desc", children: [
+          t("receive_discord_role_reward_need_link_discord_account"),
+          " ",
+          t("complete_campaign_without_linking_won_t_able_claim_discord")
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-discord-bind-dialog-buttons", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               className: "taskon-discord-bind-dialog-btn taskon-discord-bind-dialog-btn--secondary",
               onClick: onLinkDiscord,
-              children: "Link Discord Account"
+              children: t("link_discord_account")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -7837,7 +8009,7 @@ function DiscordBindDialog({
             {
               className: "taskon-discord-bind-dialog-btn taskon-discord-bind-dialog-btn--primary",
               onClick: onContinue,
-              children: "Complete Campaign"
+              children: t("complete_campaign")
             }
           )
         ] })
@@ -7845,6 +8017,46 @@ function DiscordBindDialog({
     }
   );
 }
+function QuestLoadingSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "taskon-quest-loading", "aria-busy": "true", "aria-label": "Loading quest", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-layout taskon-quest-skeleton-layout", children: [
+    /* @__PURE__ */ jsxs("div", { className: "taskon-quest-content taskon-quest-skeleton-content", children: [
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-skeleton-group", children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-title" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-meta" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-banner" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-description" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-description taskon-quest-skeleton-description--short" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "taskon-quest-content-divider taskon-quest-skeleton-content-divider" }),
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-skeleton-group taskon-quest-skeleton-group--tasks", children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-section-title" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-progress" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-task" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-task" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-task" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-complete-button" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-divider taskon-quest-skeleton-divider" }),
+    /* @__PURE__ */ jsxs("div", { className: "taskon-quest-sidebar taskon-quest-skeleton-sidebar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-skeleton-panel", children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-title" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line taskon-quest-skeleton-panel-line--short" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-skeleton-panel", children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-title" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line taskon-quest-skeleton-panel-line--short" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-skeleton-panel", children: [
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-title" }),
+        /* @__PURE__ */ jsx("div", { className: "taskon-quest-skeleton-block taskon-quest-skeleton-panel-line" })
+      ] })
+    ] })
+  ] }) });
+}
 function ChevronRightIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -7871,11 +8083,13 @@ function ChevronRightIcon() {
 function WinnersRow({
   campaignId,
   winnerRewards,
-  pointsName = "Points",
+  pointsName,
   onVisibleChange,
   className
 }) {
+  const { t } = useQuestLocale();
   const { client } = useTaskOnContext();
+  const resolvedPointsName = pointsName || t("points");
   const api = useMemo(() => {
     if (!client) return null;
     return createQuestApi(client);
@@ -7911,9 +8125,9 @@ function WinnersRow({
         type: "button",
         className: `taskon-quest-winners-row ${className || ""}`,
         onClick: () => setIsModalOpen(true),
-        "aria-label": "View winners list",
+        "aria-label": t("view_winners_list"),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-quest-winners-row-label", children: "Winners" }),
+          /* @__PURE__ */ jsx("span", { className: "taskon-quest-winners-row-label", children: t("winners") }),
           /* @__PURE__ */ jsx("span", { className: "taskon-quest-winners-row-count", children: total.toLocaleString() }),
           /* @__PURE__ */ jsx(ChevronRightIcon, {})
         ]
@@ -7926,7 +8140,7 @@ function WinnersRow({
         onClose: () => setIsModalOpen(false),
         campaignId,
         winnerRewards,
-        pointsName
+        pointsName: resolvedPointsName
       }
     )
   ] });
@@ -7980,23 +8194,10 @@ function ArrowUpRightIcon() {
 }
 function formatDateShort(timestamp) {
   const date = new Date(timestamp);
-  const months = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ];
-  const month = months[date.getMonth()];
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${month} ${day}`;
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "2-digit"
+  }).format(date);
 }
 function WinnersStatus({
   campaign,
@@ -8007,6 +8208,7 @@ function WinnersStatus({
   className = ""
 }) {
   var _a, _b, _c;
+  const { t } = useQuestLocale();
   const [hasWinners, setHasWinners] = useState(false);
   const endTime = campaign.end_time;
   const isWaitingReviewPow = useMemo(() => {
@@ -8052,29 +8254,35 @@ function WinnersStatus({
         className: "taskon-winners-alert",
         children: [
           /* @__PURE__ */ jsx(TimerIcon, {}),
-          /* @__PURE__ */ jsxs("span", { className: "taskon-winners-alert-text", children: [
-            "Waiting for",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-community", children: campaign.community_name }),
-            " ",
-            "Reviewed All Tasks"
-          ] }),
+          /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-text", children: /* @__PURE__ */ jsx(
+            I18nT,
+            {
+              t,
+              i18nKey: "waiting_community_reviewed_tasks",
+              components: {
+                community: /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-community", children: campaign.community_name })
+              }
+            }
+          ) }),
           /* @__PURE__ */ jsx(ArrowUpRightIcon, {})
         ]
       }
     ) : /* @__PURE__ */ jsxs("div", { className: "taskon-winners-alert", children: [
       /* @__PURE__ */ jsx(TimerIcon, {}),
-      /* @__PURE__ */ jsxs("span", { className: "taskon-winners-alert-text", children: [
-        "Waiting for",
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-community", children: campaign.community_name }),
-        " ",
-        "Reviewed All Tasks"
-      ] })
+      /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-text", children: /* @__PURE__ */ jsx(
+        I18nT,
+        {
+          t,
+          i18nKey: "waiting_community_reviewed_tasks",
+          components: {
+            community: /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-community", children: campaign.community_name })
+          }
+        }
+      ) })
     ] })),
     !isWaitingReviewPow && isDrawingWinner && /* @__PURE__ */ jsxs("div", { className: "taskon-winners-alert", children: [
       /* @__PURE__ */ jsx(TimerIcon, {}),
-      /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-text", children: "System is Drawing Winners..." })
+      /* @__PURE__ */ jsx("span", { className: "taskon-winners-alert-text", children: t("system_drawing_winners") })
     ] }),
     /* @__PURE__ */ jsxs(
       "div",
@@ -8083,22 +8291,26 @@ function WinnersStatus({
         style: { display: isShowContent ? "block" : "none" },
         children: [
           isWaitingReviewPow && /* @__PURE__ */ jsxs("div", { className: "taskon-winners-pow-info", children: [
-            "*This quest includes Proof of Work (POW) tasks, which",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "taskon-winners-pow-info-community", children: campaign.community_name }),
-            " ",
-            "will review. Winners will be selected",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: "taskon-winners-pow-info-only", children: "ONLY" }),
-            " after all tasks have been reviewed."
+            "*",
+            /* @__PURE__ */ jsx(
+              I18nT,
+              {
+                t,
+                i18nKey: "quest_includes_proof_work_pow_tasks_which_community_review",
+                components: {
+                  community: /* @__PURE__ */ jsx("span", { className: "taskon-winners-pow-info-community", children: campaign.community_name }),
+                  only: /* @__PURE__ */ jsx("span", { className: "taskon-winners-pow-info-only", children: t("only") })
+                }
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "taskon-winners-card", children: [
             isWaitingReviewPow && /* @__PURE__ */ jsxs("div", { className: "taskon-winners-card-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-label", children: "System will automatically select winners in" }),
+              /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-label", children: t("system_automatically_select_winners") }),
               /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-value", children: reviewDeadlineText })
             ] }),
             isDrawingWinner && /* @__PURE__ */ jsxs("div", { className: "taskon-winners-card-row", children: [
-              /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-label", children: "All winners are to be announced by" }),
+              /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-label", children: t("winners_announced") }),
               /* @__PURE__ */ jsx("span", { className: "taskon-winners-card-value--primary", children: drawWinnersDeadlineText })
             ] }),
             /* @__PURE__ */ jsx(
@@ -8139,34 +8351,40 @@ function mergeQuestConfig(props, cloud) {
     rewardRedirectUrl: props.rewardRedirectUrl ?? (cloud == null ? void 0 : cloud.rewardRedirectUrl) ?? ""
   };
 }
-const QUEST_NFT_CLAIM_MESSAGES = {
-  claimDialog: {
-    claimNft: "Claim NFT",
-    claimingNft: "Claiming NFT...",
-    claimConnectingWallet: "Connecting wallet...",
-    claimSwitchingNetwork: "Switching network...",
-    claimGettingSignature: "Getting signature...",
-    claimConfirmInWallet: "Please confirm in your wallet",
-    claimTransactionPending: "Transaction pending...",
-    claimSuccess: "Claim successful!",
-    claimFailed: "Claim failed",
-    claimCanceled: "Transaction was rejected by user.",
-    viewOnExplorer: "View on Explorer",
-    retry: "Retry",
-    close: "Close"
-  },
-  pendingDialog: {
-    pendingTransaction: "Pending Transaction",
-    claimPendingTitle: "You have already claimed this NFT, please wait for this transaction to be confirmed.",
-    claimPendingCheckExplorer: "You can check this transaction on explorer:",
-    claimPendingHashLabel: "Transaction hash:",
-    claimPendingClaimAgainWarn: '"Claim Again" will send a new transaction it is only recommended when you are sure there is something wrong with the current transaction.',
-    claimPendingReceiveAddressNoChange: "This receive address can’t be changed:",
-    claimAgain: "Claim Again",
-    continueWaiting: "Continue Waiting"
-  }
-};
-function getQuestStatusDisplay(campaignStatus, startTime, endTime, isEnd) {
+function createQuestNftClaimMessages(t) {
+  return {
+    claimDialog: {
+      claimNft: t("claim_nft"),
+      claimingNft: t("claiming_nft"),
+      claimConnectingWallet: t("connecting_wallet"),
+      claimSwitchingNetwork: t("switching_network"),
+      claimGettingSignature: t("getting_signature"),
+      claimConfirmInWallet: t("please_confirm_wallet"),
+      claimTransactionPending: t("transaction_pending"),
+      claimSuccess: t("claim_successful"),
+      claimFailed: t("claim_failed"),
+      claimCanceled: t("transaction_rejected_user"),
+      viewOnExplorer: t("view_explorer"),
+      retry: t("retry"),
+      close: t("close")
+    },
+    pendingDialog: {
+      pendingTransaction: t("pending_transaction"),
+      claimPendingTitle: t(
+        "already_claimed_nft_please_wait_transaction_confirmed"
+      ),
+      claimPendingCheckExplorer: t("check_transaction_explorer"),
+      claimPendingHashLabel: t("transaction_hash"),
+      claimPendingClaimAgainWarn: t(
+        "claim_again_send_new_transaction_recommended_when_sure_there"
+      ),
+      claimPendingReceiveAddressNoChange: t("receive_address_t_changed"),
+      claimAgain: t("claim_again"),
+      continueWaiting: t("continue_waiting")
+    }
+  };
+}
+function getQuestStatusDisplay(campaignStatus, startTime, endTime, isEnd, labels) {
   const now = Date.now();
   const startMs = startTime;
   const endMs = endTime;
@@ -8177,13 +8395,13 @@ function getQuestStatusDisplay(campaignStatus, startTime, endTime, isEnd) {
   let label;
   if (!isStarted) {
     status = "upcoming";
-    label = "Upcoming";
+    label = labels.upcoming;
   } else if (isEnded) {
     status = "ended";
-    label = "Ended";
+    label = labels.ended;
   } else {
     status = "ongoing";
-    label = "Ongoing";
+    label = labels.ongoing;
   }
   return {
     status,
@@ -8203,6 +8421,7 @@ function getHasRanking(winnerRewards) {
 }
 function QuestWidget(props) {
   const { widgetId, themeMode } = props;
+  const { t } = useQuestLocale();
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeQuestConfig(
@@ -8231,7 +8450,9 @@ function QuestWidget(props) {
       cloudTheme,
       themeMode,
       className: "taskon-quest",
-      errorMessage: configError ?? (!mergedConfig.campaignId ? "Campaign ID is required. Please provide campaignId via props or widgetId." : void 0),
+      errorMessage: configError ?? (!mergedConfig.campaignId ? t(
+        "campaign_id_required_please_provide_campaignid_via_props_widgetid"
+      ) : void 0),
       children: /* @__PURE__ */ jsx(
         QuestWidgetInner,
         {
@@ -8254,6 +8475,7 @@ function QuestWidget(props) {
 }
 function QuestWidgetInner(props) {
   var _a, _b, _c, _d, _e;
+  const { t } = useQuestLocale();
   const {
     campaignId,
     channel,
@@ -8281,6 +8503,10 @@ function QuestWidgetInner(props) {
   } = props;
   const { client, chains, isLoggedIn, userInfo, requestLogin, communityInfo } = useTaskOnContext();
   const { toast } = useToast();
+  const questNftClaimMessages = useMemo(
+    () => createQuestNftClaimMessages(t),
+    [t]
+  );
   const chainMap = useMemo(() => {
     if (!chains || chains.length === 0) return {};
     return Object.fromEntries(
@@ -8348,13 +8574,13 @@ function QuestWidgetInner(props) {
   } = useNftClaimFlow({
     campaignId,
     targetType: (campaign == null ? void 0 : campaign.campaign_type) === CampaignType.Event ? "event" : "campaign",
-    messages: QUEST_NFT_CLAIM_MESSAGES,
+    messages: questNftClaimMessages,
     onClaimSuccess: async () => {
       refetchUserStatus();
       refetchStatus();
     },
     onClaimError: (error2) => {
-      toast.error(error2.message || "Failed to claim NFT");
+      toast.error(error2.message || t("failed_claim_nft"));
     },
     onWalletError: (errorMessage) => {
       toast.error(errorMessage);
@@ -8399,9 +8625,14 @@ function QuestWidgetInner(props) {
       campaign.campaign_status,
       campaign.start_time,
       campaign.end_time,
-      campaign.is_end
+      campaign.is_end,
+      {
+        upcoming: t("upcoming"),
+        ended: t("ended"),
+        ongoing: t("ongoing")
+      }
     );
-  }, [campaign]);
+  }, [campaign, t]);
   const isTaskDisabled = useMemo(() => {
     if (!statusDisplay) return true;
     return !statusDisplay.isActive;
@@ -8486,7 +8717,7 @@ function QuestWidgetInner(props) {
       setBlindBoxRewardVisible(true);
     } catch (error2) {
       console.error("Claim blind box error:", error2);
-      const errorMessage = error2 instanceof Error ? error2.message : "Network error, please try again";
+      const errorMessage = error2 instanceof Error ? error2.message : t("network_error_please_try_again");
       toast.error(errorMessage);
       (_a2 = blindBoxDialogRef.current) == null ? void 0 : _a2.resetToUnopened();
     } finally {
@@ -8499,6 +8730,7 @@ function QuestWidgetInner(props) {
     buildBlindBoxRewardValue,
     refetchUserStatus,
     refetchStatus,
+    t,
     toast
   ]);
   useEffect(() => {
@@ -8531,7 +8763,7 @@ function QuestWidgetInner(props) {
   const handleTaskCompleted = (taskId, result) => {
     var _a2;
     const successTaskIds = (result == null ? void 0 : result.success_tasks) ?? [taskId];
-    const task = (_a2 = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _a2.find((t) => t.id === taskId);
+    const task = (_a2 = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _a2.find((t2) => t2.id === taskId);
     const isSwapDex = (task == null ? void 0 : task.template_id) === "SwapDexContractInteractive";
     const isSuccess = successTaskIds.includes(taskId);
     if (isSuccess) {
@@ -8678,10 +8910,7 @@ function QuestWidgetInner(props) {
     return userStatus.campaign_eligible !== UserEligibleStatus.Eligible;
   }, [statusDisplay == null ? void 0 : statusDisplay.isActive, userStatus]);
   if (isLoading && !campaign) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-loading", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-quest-loading-spinner" }),
-      /* @__PURE__ */ jsx("span", { children: "Loading quest..." })
-    ] }) });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-quest", children: /* @__PURE__ */ jsx(QuestLoadingSkeleton, {}) });
   }
   if (error && !campaign) {
     return /* @__PURE__ */ jsx("div", { className: "taskon-quest", children: /* @__PURE__ */ jsxs("div", { className: "taskon-quest-error", children: [
@@ -8696,13 +8925,13 @@ function QuestWidgetInner(props) {
             refetchUserStatus();
             refetchStatus();
           },
-          children: "Retry"
+          children: t("retry")
         }
       )
     ] }) });
   }
   if (!campaign) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest", children: /* @__PURE__ */ jsx("div", { className: "taskon-quest-empty", children: "Quest not found" }) });
+    return /* @__PURE__ */ jsx("div", { className: "taskon-quest", children: /* @__PURE__ */ jsx("div", { className: "taskon-quest-empty", children: t("quest_found") }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest", children: [
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-layout", children: [
@@ -8730,7 +8959,7 @@ function QuestWidgetInner(props) {
         ),
         /* @__PURE__ */ jsx("div", { className: "taskon-quest-content-divider" }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-quest-tasks", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-quest-tasks-header", children: /* @__PURE__ */ jsx("h2", { className: "taskon-quest-tasks-title", children: "Task" }) }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-quest-tasks-header", children: /* @__PURE__ */ jsx("h2", { className: "taskon-quest-tasks-title", children: t("task") }) }),
           mandatoryTasks.length > 0 && optionalTasks.length === 0 && /* @__PURE__ */ jsx(
             CompletedCount,
             {
@@ -8791,7 +9020,7 @@ function QuestWidgetInner(props) {
       /* @__PURE__ */ jsx("div", { className: "taskon-quest-divider" }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-sidebar", children: [
         (statusDisplay == null ? void 0 : statusDisplay.isEnded) && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-winners-section", children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-winners-section-title", children: "Winners" }),
+          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-winners-section-title", children: t("winners") }),
           /* @__PURE__ */ jsx(
             WinnersStatus,
             {
@@ -8804,7 +9033,7 @@ function QuestWidgetInner(props) {
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "taskon-quest-rewards-section", children: [
-          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-rewards-section-title", children: "Quest Rewards" }),
+          /* @__PURE__ */ jsx("h3", { className: "taskon-quest-rewards-section-title", children: t("quest_rewards") }),
           /* @__PURE__ */ jsx(
             QuestRewards,
             {
@@ -8828,7 +9057,7 @@ function QuestWidgetInner(props) {
           )
         ] }),
         hasEligibility && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-eligs-section", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-quest-eligs-section-header", children: /* @__PURE__ */ jsx("h3", { className: "taskon-quest-eligs-section-title", children: "Quest Eligibility" }) }),
+          /* @__PURE__ */ jsx("div", { className: "taskon-quest-eligs-section-header", children: /* @__PURE__ */ jsx("h3", { className: "taskon-quest-eligs-section-title", children: t("quest_eligibility") }) }),
           /* @__PURE__ */ jsx(
             EligibilityInfo,
             {
@@ -8858,7 +9087,7 @@ function QuestWidgetInner(props) {
       {
         open: isBlindBoxDialogVisible,
         onOpenChange: setBlindBoxDialogVisible,
-        title: "Open Blind Box",
+        title: t("open_blind_box"),
         showCloseButton: false,
         closeOnOverlayClick: false,
         closeOnEscapeKey: false,
@@ -8878,7 +9107,7 @@ function QuestWidgetInner(props) {
       {
         open: isBlindBoxRewardVisible,
         onOpenChange: setBlindBoxRewardVisible,
-        title: "Blind Box Reward",
+        title: t("blind_box_reward"),
         showCloseButton: true,
         contentClassName: "taskon-quest-blindbox-reward-wrapper",
         children: /* @__PURE__ */ jsx(