@taskon/widget-react 0.0.1 → 0.0.2

package/dist/chunks/{Quest-uSIVq78I.js → Quest-Dqx4OCat.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 } from "@taskon/core";
-import { b as useTaskOnContext } from "./ThemeProvider-Cs8IUVQj.js";
-import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-NlOgn1x5.js";
+import { RewardType, UserEligibleStatus, EligibilityTemplateId, SnsType, ChainType, QuestAutomaticallyWinnerDrawType, QuestWinnerDrawType, QuestWinnerRangeType, createQuestApi, QuestRewardsDistributeType, QuestRewardType, createLeaderboardApi, MediaType, RewardDistributedByType, ApiError, ErrorCode, CampaignType } from "@taskon/core";
+import { D as Dialog, E as useTaskOnPortalContainer, h as useTaskOnContext } from "./ThemeProvider-CulHkqqY.js";
+import { d as useTaskWidgetLocale, b as TaskItem, e as useQuestLocale, I as I18nT, f as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, u as useBindWallet, a as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-CKTl_cdU.js";
+import { B as Button, T as Table, P as Pagination, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-8xn-Jivw.js";
 import { c as useToast } from "./useToast-BGJhd3BX.js";
-import { e as TaskItem, g as EligibilityList, h as getDefaultExportFromCjs, R as Root2, i as Trigger, P as Portal, C as Content2, s as sanitizeHtml, I as InfoIcon, A as Arrow2, T as TipPopover, u as useBindSocialAccount, b as useBindWallet, E as EligibilityInfo, d as BlindBoxDialog, B as BlindBoxRewardDialog } from "./EligibilityInfo-DesW9-k9.js";
-import { B as Button, T as Table, P as Pagination } from "./Table-CWGf2FKV.js";
+import { R as Root2, h as Trigger, i as Portal, C as Content2, r as InfoIcon, j as Arrow2, p as TipPopover, q as ConfirmNoticeDialog, a as useBindSocialAccount } from "./UserCenterWidget-SE5hqpnZ.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"
@@ -143,6 +143,7 @@ function GreenCheckIcon() {
 function CompletedCount({
   current,
   total,
+  completedLabel = "Completed",
   className
 }) {
   const isAllCompleted = current >= total && total > 0;
@@ -153,7 +154,8 @@ function CompletedCount({
       /* @__PURE__ */ jsx("span", { className: current > 0 ? "taskon-completed-count-em" : "", children: current }),
       "/",
       total,
-      ") Completed"
+      ") ",
+      completedLabel
     ] })
   ] });
 }
@@ -195,6 +197,7 @@ function TaskList({
   optionalTasks = [],
   userTaskStatus,
   onTaskCompleted,
+  onVerifyAttempted,
   onBeforeVerify,
   disabled = false,
   minOptionalTasks,
@@ -205,8 +208,11 @@ function TaskList({
   isUserSubmitter,
   ownerName,
   isEnded,
+  onCooldownComplete,
   className
 }) {
+  const { t } = useTaskWidgetLocale();
+  const countPlaceholder = "__COUNT__";
   const completionStatus = useCompletionStatus(
     mandatoryTasks,
     optionalTasks,
@@ -216,12 +222,13 @@ 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,
           {
             current: completionStatus.mandatoryCompleted,
-            total: completionStatus.mandatoryTotal
+            total: completionStatus.mandatoryTotal,
+            completedLabel: t("completed")
           }
         )
       ] }),
@@ -232,6 +239,7 @@ function TaskList({
           task,
           userStatus: userTaskStatus == null ? void 0 : userTaskStatus[task.id],
           onCompleted: onTaskCompleted,
+          onVerifyAttempted,
           onBeforeVerify,
           disabled,
           isStarted,
@@ -239,7 +247,8 @@ function TaskList({
           hasRanking,
           isUserSubmitter,
           ownerName,
-          isEnded
+          isEnded,
+          onCooldownComplete
         },
         task.id
       )) })
@@ -247,27 +256,36 @@ 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,
           {
             current: completionStatus.optionalCompleted,
-            total: completionStatus.optionalTotal
+            total: completionStatus.optionalTotal,
+            completedLabel: t("completed")
           }
         )
       ] }),
@@ -278,6 +296,7 @@ function TaskList({
           task,
           userStatus: userTaskStatus == null ? void 0 : userTaskStatus[task.id],
           onCompleted: onTaskCompleted,
+          onVerifyAttempted,
           onBeforeVerify,
           disabled,
           isStarted,
@@ -285,12 +304,102 @@ function TaskList({
           hasRanking,
           isUserSubmitter,
           ownerName,
-          isEnded
+          isEnded,
+          onCooldownComplete
         },
         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) {
+  const num = typeof amount === "string" ? parseFloat(amount) : amount;
+  if (isNaN(num)) return "0";
+  if (num >= 1e9) {
+    return `${(num / 1e9).toFixed(2)}B`;
+  }
+  if (num >= 1e6) {
+    return `${(num / 1e6).toFixed(2)}M`;
+  }
+  if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(2)}K`;
+  }
+  if (num < 1 && num > 0) {
+    return num.toFixed(6).replace(/\.?0+$/, "");
+  }
+  return num.toFixed(2).replace(/\.?0+$/, "");
+}
+function formatUsdValue(amount, price) {
+  if (!price || price <= 0) return null;
+  const num = typeof amount === "string" ? parseFloat(amount) : amount;
+  if (isNaN(num) || num <= 0) return null;
+  const value = num * price;
+  return `≈ $${formatAmount(value)}`;
+}
+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 || t("token_name");
+  const tokenLogo = tokenValue.token_logo;
+  const usdValue = formatUsdValue(amount, tokenPrice);
+  return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-blindbox-reward-card", children: [
+    tokenLogo && /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "taskon-quest-blindbox-reward-card-icon",
+        src: tokenLogo,
+        alt: tokenName
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "taskon-quest-blindbox-reward-card-amount", children: [
+      "+ ",
+      formatAmount(amount),
+      " ",
+      tokenName
+    ] }),
+    usdValue && /* @__PURE__ */ jsx("div", { className: "taskon-quest-blindbox-reward-card-value", children: usdValue })
+  ] });
+}
+function BlindBoxRewardDialog(props) {
+  const { t } = useQuestLocale();
+  const { rewards, emptyReward, tokenPrice, loading, onClose } = props;
+  const hasRewards = rewards.length > 0;
+  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;
+    }
+    return emptyReward ? [emptyReward] : [];
+  }, [hasRewards, rewards, emptyReward]);
+  return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-blindbox-reward", children: [
+    /* @__PURE__ */ jsx("h2", { className: "taskon-quest-blindbox-reward-title", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "taskon-quest-blindbox-reward-subtitle", children: subtitle }),
+    displayRewards.length > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-quest-blindbox-reward-list", children: displayRewards.map((reward, index) => /* @__PURE__ */ jsx(
+      RewardCard$2,
+      {
+        reward,
+        tokenPrice
+      },
+      `${reward.reward_id}-${index}`
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: "taskon-quest-blindbox-reward-btn-wrap", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "taskon-quest-blindbox-reward-btn",
+        disabled: loading,
+        onClick: onClose,
+        children: loading ? t("loading") : t("close")
+      }
+    ) })
   ] });
 }
 const BLIND_BOX_DISTRIBUTE_TYPE = "BlindBox";
@@ -370,6 +479,7 @@ function EligsNotPassDialog({
   onRefresh,
   isRefreshing = false
 }) {
+  const { t } = useQuestLocale();
   const [isExpanded, setIsExpanded] = useState(true);
   const [currentDetails, setCurrentDetails] = useState(details);
   const isEligible = useMemo(() => {
@@ -386,7 +496,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();
@@ -400,7 +510,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",
@@ -414,17 +524,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: [
@@ -443,7 +558,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 })
               ]
             }
@@ -470,8 +585,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")
           }
         )
       ] })
@@ -479,7 +594,7 @@ function EligsNotPassDialog({
   );
 }
 const CHAIN_TYPE_LABELS$1 = {
-  evm: "EVM Chain",
+  evm: "evm_chain",
   btc: "Bitcoin",
   starknet: "Starknet",
   solana: "Solana",
@@ -491,12 +606,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: [
@@ -510,7 +628,7 @@ function BindItem$1({ type, bindType, isBinding, isBound, onBind }) {
           strokeLinejoin: "round"
         }
       ) }),
-      "Bound"
+      t("bound")
     ] }) : /* @__PURE__ */ jsx(
       "button",
       {
@@ -519,8 +637,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")
       }
     )
   ] });
@@ -530,13 +648,12 @@ function EligsBindDialog({
   chainTypes,
   snsTypes,
   campaign,
-  skippable = false,
   onClose,
-  onSkip,
   onAllBind,
   onBindChain,
   onBindSns
 }) {
+  const { t } = useQuestLocale();
   const [notBoundChains, setNotBoundChains] = useState(chainTypes);
   const [notBoundSns, setNotBoundSns] = useState(snsTypes);
   const [bindingType, setBindingType] = useState(null);
@@ -559,7 +676,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);
@@ -570,19 +687,15 @@ 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);
     }
   }, [onBindSns]);
   const handleClose = useCallback(() => {
-    if (skippable) {
-      onSkip == null ? void 0 : onSkip();
-    } else {
-      onClose();
-    }
-  }, [skippable, onSkip, onClose]);
+    onClose();
+  }, [onClose]);
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -592,12 +705,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,
             {
@@ -611,9 +724,9 @@ function EligsBindDialog({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("p", { className: "taskon-eligs-bind-tip", children: skippable ? "Please bind the following accounts to verify eligibility. You can skip this step and continue with tasks." : "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,
             {
@@ -627,7 +740,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,
             {
@@ -639,20 +752,13 @@ function EligsBindDialog({
             },
             snsType
           )) })
-        ] }),
-        skippable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "taskon-eligs-bind-skip-btn",
-            onClick: onSkip,
-            children: "Continue with Tasks"
-          }
-        )
+        ] })
       ] })
     }
   );
 }
 function useQuestDetail(options) {
+  const { t } = useQuestLocale();
   const {
     api,
     campaignId,
@@ -682,14 +788,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]);
@@ -701,7 +807,15 @@ function useQuestDetail(options) {
   };
 }
 function useQuestUserStatus(options) {
-  const { api, campaignId, channel, kolHandle, enabled = true } = options;
+  const { t } = useQuestLocale();
+  const {
+    api,
+    campaignId,
+    channel,
+    kolHandle,
+    enabled = true,
+    authToken
+  } = options;
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -720,14 +834,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, authToken, t]);
   const updateTaskStatus = useCallback(
     (taskId, isAsync = false) => {
       setData((prev) => {
@@ -766,6 +880,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);
@@ -785,14 +900,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]);
@@ -981,17 +1096,6 @@ function useEligibilityRefresh(options) {
       bindPromiseResolveRef.current = null;
     }
   }, []);
-  const skipEligsBind = useCallback(() => {
-    setEligsBindInfo(null);
-    if (continueAfterBindRef.current) {
-      continueAfterBindRef.current();
-      continueAfterBindRef.current = null;
-    }
-    if (bindPromiseResolveRef.current) {
-      bindPromiseResolveRef.current(true);
-      bindPromiseResolveRef.current = null;
-    }
-  }, []);
   const onAllEligsBind = useCallback(() => {
     setEligsBindInfo(null);
     if (continueAfterBindRef.current) {
@@ -1004,7 +1108,9 @@ function useEligibilityRefresh(options) {
     }
   }, []);
   const checkEligibilityAndNotify = useCallback(async () => {
-    if (!api || !campaign) return true;
+    if (!api || !campaign) {
+      return false;
+    }
     if (!campaign.eligs || campaign.eligs.length === 0) {
       return true;
     }
@@ -1027,7 +1133,7 @@ function useEligibilityRefresh(options) {
       return false;
     } catch (error) {
       console.error("[useEligibilityRefresh] checkEligibility failed:", error);
-      return true;
+      return false;
     }
   }, [api, campaign, campaignId, onEligibilityFailed]);
   const refreshInDialog = useCallback(async () => {
@@ -1058,7 +1164,10 @@ function useEligibilityRefresh(options) {
     }
     setIsRefreshing(true);
     try {
-      await checkEligibilityAndNotify();
+      const passed = await checkEligibilityAndNotify();
+      if (!passed) {
+        return;
+      }
       await onRefresh();
     } finally {
       setIsRefreshing(false);
@@ -1078,8 +1187,7 @@ function useEligibilityRefresh(options) {
         continueAfterBindRef.current = runEligibilityCheck;
         setEligsBindInfo({
           chainTypes,
-          snsTypes,
-          skippable: false
+          snsTypes
         });
         return;
       }
@@ -1107,8 +1215,7 @@ function useEligibilityRefresh(options) {
           bindPromiseResolveRef.current = resolve;
           setEligsBindInfo({
             chainTypes,
-            snsTypes,
-            skippable: false
+            snsTypes
           });
         });
         if (!bindCompleted) {
@@ -1136,7 +1243,6 @@ function useEligibilityRefresh(options) {
     // 绑定弹窗相关
     eligsBindInfo,
     closeEligsBindDialog,
-    skipEligsBind,
     onAllEligsBind
   };
 }
@@ -1159,7 +1265,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(
@@ -1171,7 +1277,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) {
@@ -1185,7 +1291,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
       };
@@ -1202,7 +1308,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
       };
@@ -1247,6 +1358,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,
@@ -1337,7 +1449,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;
@@ -1352,9 +1468,7 @@ function useCompleteValidation(options) {
           eligsBindResolveRef.current = resolve;
           setEligsBindInfo({
             chainTypes,
-            snsTypes,
-            skippable: false
-            // Eligs binding is not skippable
+            snsTypes
           });
         });
         if (!bindCompleted) {
@@ -1368,17 +1482,16 @@ function useCompleteValidation(options) {
           campaign_id: campaign.id
         });
         if (!result.result) {
-          const handled = onEligibilityFailed == null ? void 0 : onEligibilityFailed({
+          onEligibilityFailed == null ? void 0 : onEligibilityFailed({
             eligs: campaign.eligs,
             eligibilityExpress: campaign.eligibility_express || "and",
             details: result.details
           });
-          if (!handled) {
-            return false;
-          }
+          return false;
         }
       } catch (error) {
         console.error("[useCompleteValidation] checkEligibility failed:", error);
+        return false;
       }
     }
     const rewardChainTypes = getRewardChainTypes(campaign.winner_rewards);
@@ -1407,12 +1520,15 @@ function useCompleteValidation(options) {
     }
     if (hasDiscordRoleReward(campaign.winner_rewards)) {
       if (!isDiscordBound(userProfile)) {
-        await new Promise((resolve) => {
+        const discordResult = await new Promise((resolve) => {
           discordBindResolveRef.current = resolve;
           setDiscordBindInfo({
             campaignId: campaign.id
           });
         });
+        if (!discordResult) {
+          return false;
+        }
       }
     }
     return true;
@@ -1423,7 +1539,8 @@ function useCompleteValidation(options) {
     userProfile,
     isLoggedIn,
     onLogin,
-    onEligibilityFailed
+    onEligibilityFailed,
+    t
   ]);
   return {
     validateBeforeComplete,
@@ -1501,16 +1618,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 || "";
@@ -1525,26 +1643,47 @@ 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 getDefaultShareText(shareUrl) {
-  return `Check this out: ${shareUrl}`;
+function addUrlParam(url, key, value) {
+  try {
+    const urlObj = new URL(url);
+    urlObj.searchParams.set(key, value);
+    return urlObj.href;
+  } catch {
+    return url;
+  }
+}
+function getDefaultShareText(campaignName) {
+  return `Join the ${campaignName || "quest"} with me 🙌`;
+}
+function buildFinalShareText(shareUrl, shareText, shareAutoAppendLink, campaignName) {
+  const baseText = shareText || getDefaultShareText(campaignName);
+  if (shareAutoAppendLink) {
+    const linkWithUtm = addUrlParam(shareUrl, "utm_source", "x");
+    return `${baseText}
+${linkWithUtm}`;
+  }
+  return baseText;
 }
 function getTwitterShareUrl(content) {
   return `https://x.com/intent/tweet?text=${encodeURIComponent(content)}`;
@@ -3760,6 +3899,7 @@ function QrCodeDialog({
   endTime,
   winnerRewardsSimple
 }) {
+  const { t } = useQuestLocale();
   const [qrCodeUrl, setQrCodeUrl] = useState("");
   const posterRef = useRef(null);
   useEffect(() => {
@@ -3792,7 +3932,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(
@@ -3802,7 +3942,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: [
@@ -3832,13 +3972,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",
                     {
@@ -3856,12 +3999,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") })
         ] })
       ] })
     }
@@ -3902,7 +4045,7 @@ function TwitterIcon() {
         "path",
         {
           d: "M23 8.66667C22.6516 9.33333 22.071 10 21.2581 10.4444V10.8889C21.2581 16.4444 16.4968 21 10.6903 21C8.71613 21 6.74194 20.4444 5 19.4444C5.34839 19.4444 5.58065 19.5556 5.92903 19.4444C7.67097 19.4444 9.29677 18.8889 10.5742 17.8889C8.94839 17.8889 7.55484 16.8889 7.09032 15.4444C7.32258 15.4444 7.55484 15.5556 7.7871 15.5556C8.13548 15.5556 8.48387 15.5556 8.71613 15.4444C6.97419 15.1111 5.69677 13.6667 5.69677 12C6.16129 12.2222 6.74194 12.4444 7.32258 12.4444C6.39355 11.7778 5.8129 10.6667 5.8129 9.44444C5.8129 8.77778 6.04516 8.22222 6.27742 7.66667C8.13548 9.88889 10.9226 11.2222 13.9419 11.3333C13.8258 11.1111 13.8258 10.7778 13.8258 10.5556C13.8258 8.55556 15.4516 7 17.5419 7C18.5871 7 19.5161 7.44444 20.2129 8.11111C21.0258 8 21.8387 7.66667 22.5355 7.22222C22.3032 8 21.7226 8.77778 20.9097 9.22222C21.6065 9.11111 22.4194 8.88889 23 8.66667Z",
-          fill: "#54AEFF"
+          fill: "currentColor"
         }
       )
     }
@@ -3922,7 +4065,7 @@ function CopyLinkIcon() {
           "path",
           {
             d: "M11.6875 16.3149L17.3178 10.6846",
-            stroke: "#00FFA3",
+            stroke: "currentColor",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3932,7 +4075,7 @@ function CopyLinkIcon() {
           "path",
           {
             d: "M9.57364 12.7959L8.16607 14.2035C6.61131 15.7582 6.61131 18.279 8.16607 19.8338C9.72083 21.3885 12.2416 21.3885 13.7964 19.8338L15.2039 18.4262",
-            stroke: "#00FFA3",
+            stroke: "currentColor",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3942,7 +4085,7 @@ function CopyLinkIcon() {
           "path",
           {
             d: "M13.7969 8.57364L15.2044 7.16607C16.7592 5.61131 19.28 5.61131 20.8347 7.16607C22.3895 8.72083 22.3895 11.2416 20.8347 12.7964L19.4272 14.2039",
-            stroke: "#00FFA3",
+            stroke: "currentColor",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3965,7 +4108,7 @@ function QrCodeIcon() {
         "path",
         {
           d: "M22 14.4429V18.943H17.5V15.9547H16V22H14.5V14.4613H19V17.4486H20.5V14.4429H22ZM12.5 14.4613V21.9308H5V14.4613H12.5ZM22 20.4369V21.9308H17.5V20.4369H22ZM11 15.9552H6.5V20.4369H11V15.9552ZM9.5 17.4491V18.943H8V17.4491H9.5ZM12.5 5V12.4695H5V5H12.5ZM22 5V12.4695H14.5V5H22ZM11 6.49389H6.5V10.9756H11V6.49389ZM20.5 6.49389H16V10.9756H20.5V6.49389ZM9.5 7.98779V9.48168H8V7.98779H9.5ZM19 7.98779V9.48168H17.5V7.98779H19Z",
-          fill: "#FFD465"
+          fill: "currentColor"
         }
       )
     }
@@ -3974,6 +4117,7 @@ function QrCodeIcon() {
 function ShareDropdown({
   shareUrl,
   shareText,
+  shareAutoAppendLink,
   campaignName,
   bannerUrl,
   communityName,
@@ -3982,18 +4126,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 = shareText || getDefaultShareText(shareUrl);
+    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(shareUrl);
+    const success = await copyToClipboard$3(resolvedUrl);
     if (success) {
-      toast.success("Link copied!");
+      toast.success(t("link_copied"));
     }
     setPopoverOpen(false);
   };
@@ -4003,38 +4158,38 @@ 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(Portal, { children: /* @__PURE__ */ jsxs(Content2, { className: "taskon-quest-share-menu", sideOffset: 8, children: [
+      /* @__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",
           {
-            className: "taskon-quest-share-menu-item",
+            className: "taskon-quest-share-menu-item taskon-quest-share-menu-item--twitter",
             onClick: handleShareTwitter,
             children: [
               /* @__PURE__ */ jsx(TwitterIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Twitter" })
+              /* @__PURE__ */ jsx("span", { children: t("twitter") })
             ]
           }
         ),
         /* @__PURE__ */ jsxs(
           "button",
           {
-            className: "taskon-quest-share-menu-item",
+            className: "taskon-quest-share-menu-item taskon-quest-share-menu-item--copy",
             onClick: handleCopyLink,
             children: [
               /* @__PURE__ */ jsx(CopyLinkIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "Copy Link" })
+              /* @__PURE__ */ jsx("span", { children: t("copy_link") })
             ]
           }
         ),
         /* @__PURE__ */ jsxs(
           "button",
           {
-            className: "taskon-quest-share-menu-item",
+            className: "taskon-quest-share-menu-item taskon-quest-share-menu-item--qr",
             onClick: handleShowQrCode,
             children: [
               /* @__PURE__ */ jsx(QrCodeIcon, {}),
-              /* @__PURE__ */ jsx("span", { children: "QR Code" })
+              /* @__PURE__ */ jsx("span", { children: t("qr_code") })
             ]
           }
         )
@@ -4045,7 +4200,7 @@ function ShareDropdown({
       {
         open: qrDialogOpen,
         onClose: () => setQrDialogOpen(false),
-        shareUrl,
+        shareUrl: resolvedUrl,
         campaignName,
         bannerUrl,
         communityName,
@@ -4090,16 +4245,16 @@ function QuestTitle({
   show = true,
   shareUrl,
   shareText,
+  showShare,
+  shareAutoAppendLink,
   bannerUrl,
   communityName,
   communityAvatar,
   winnerRewardsSimple
 }) {
+  const { t } = useQuestLocale();
   const countdownTarget = !isStarted ? startTime : isActive ? endTime : void 0;
   const countdown = useCountdown(countdownTarget);
-  if (!show) {
-    return null;
-  }
   const startDate = new Date(startTime);
   const endDate = new Date(endTime);
   const formatDateTime = (date) => {
@@ -4112,10 +4267,10 @@ 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: [
-    /* @__PURE__ */ jsx("h1", { className: "taskon-quest-title", children: title }),
+    show && /* @__PURE__ */ jsx("h1", { className: "taskon-quest-title", children: title }),
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-header-meta", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-countdown", children: [
         hasValidCountdown && /* @__PURE__ */ jsx("span", { className: "taskon-quest-countdown-icon", children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
@@ -4130,18 +4285,23 @@ 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) })
+        ] })
       ] }),
-      shareUrl && /* @__PURE__ */ jsx(
+      showShare && /* @__PURE__ */ jsx(
         ShareDropdown,
         {
           shareUrl,
           shareText,
+          shareAutoAppendLink,
           campaignName: title,
           bannerUrl,
           communityName,
@@ -4158,6 +4318,7 @@ function QuestDescription({
   description,
   show = true
 }) {
+  const { t } = useQuestLocale();
   const [isExpanded, setIsExpanded] = useState(false);
   const sanitizedHtml = useMemo(() => {
     if (!description) return "";
@@ -4179,7 +4340,7 @@ function QuestDescription({
       {
         className: "taskon-quest-desc-more",
         onClick: () => setIsExpanded(!isExpanded),
-        children: isExpanded ? "Show less" : "Read more"
+        children: isExpanded ? t("show_less") : t("read")
       }
     )
   ] });
@@ -4196,6 +4357,8 @@ function QuestHeader({
   showDescription = true,
   shareUrl,
   shareText,
+  showShare,
+  shareAutoAppendLink,
   communityName,
   communityAvatar,
   winnerRewardsSimple
@@ -4214,6 +4377,8 @@ function QuestHeader({
         show: showTitle,
         shareUrl,
         shareText,
+        showShare,
+        shareAutoAppendLink,
         bannerUrl,
         communityName,
         communityAvatar,
@@ -4253,8 +4418,8 @@ function ArrowDownIcon() {
             y2: "-4.69753e-06",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#00FFA3" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#00FFA3", stopOpacity: "0.19" })
+              /* @__PURE__ */ jsx("stop", { stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.19" })
             ]
           }
         ) })
@@ -4266,6 +4431,7 @@ function ParticipantsInfo({
   participantCount,
   className
 }) {
+  const { t } = useQuestLocale();
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   if (participantCount === 0) {
     return null;
@@ -4278,15 +4444,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(
@@ -4294,36 +4460,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")
+                ] })
               ] })
             ] })
           ] }),
@@ -4334,7 +4512,7 @@ function ParticipantsInfo({
               size: "large",
               className: "taskon-quest-participants-dialog-btn",
               onClick: () => setIsDialogOpen(false),
-              children: "Confirm"
+              children: t("confirm")
             }
           )
         ] })
@@ -4342,14 +4520,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:";
@@ -4361,14 +4539,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,
@@ -4386,7 +4564,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();
   }
@@ -4397,13 +4577,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 })
@@ -4429,32 +4617,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;
@@ -4536,9 +4724,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);
@@ -4553,13 +4743,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";
@@ -4589,7 +4780,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([]);
@@ -4598,7 +4789,7 @@ function WinnerListModal({
         setLoading(false);
       }
     },
-    [api, campaignId, currentIndex, loading]
+    [api, campaignId, currentIndex, loading, t]
   );
   useEffect(() => {
     if (isOpen && api) {
@@ -4644,13 +4835,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(),
           ")"
         ] }) }),
@@ -4671,16 +4863,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) => {
@@ -4694,7 +4886,7 @@ function WinnerListModal({
                     WinnerRewardLabel,
                     {
                       data: reward,
-                      pointName: pointsName
+                      pointName: resolvedPointsName
                     },
                     `${reward.reward_type}-${rewardIndex}`
                   )) }) })
@@ -4705,14 +4897,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") })
           ] })
         ] })
       ] })
@@ -4741,6 +4933,7 @@ function ChainIcon({
   size = 16,
   chains
 }) {
+  const portalContainer = useTaskOnPortalContainer();
   const [open, setOpen] = useState(false);
   const timeoutRef = useRef(null);
   const chainInfo = findChainInfo(chain, chains);
@@ -4772,7 +4965,7 @@ function ChainIcon({
         onMouseLeave: handleMouseLeave
       }
     ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(
       Content2,
       {
         className: "taskon-quest-rewards-chain-tooltip",
@@ -4806,6 +4999,8 @@ 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;
   const [open, setOpen] = useState(false);
@@ -4815,7 +5010,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);
@@ -4840,9 +5035,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",
         {
@@ -4865,7 +5060,7 @@ function TokenInfo({ rewardInfo, chains }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(
         Content2,
         {
           className: "taskon-quest-rewards-popover-content",
@@ -4875,12 +5070,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",
                 {
@@ -4900,8 +5094,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}` })
     ] })
   ] });
 }
@@ -4914,6 +5108,8 @@ 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);
   const [copied, setCopied] = useState(false);
@@ -4960,7 +5156,7 @@ function NftInfo({ rewardInfo, chains }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(
       Content2,
       {
         className: "taskon-quest-rewards-popover-content",
@@ -4972,7 +5168,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",
               {
@@ -5001,6 +5197,8 @@ async function copyToClipboard(text) {
   }
 }
 function MintedNftInfo({ rewardInfo, chains }) {
+  const { t } = useQuestLocale();
+  const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -5047,7 +5245,7 @@ function MintedNftInfo({ rewardInfo, chains }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(
       Content2,
       {
         className: "taskon-quest-rewards-popover-content",
@@ -5059,7 +5257,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",
               {
@@ -5092,8 +5290,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,
@@ -5104,9 +5303,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",
       {
@@ -5120,21 +5320,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",
       {
@@ -5144,7 +5346,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 }) {
@@ -5178,6 +5380,7 @@ function WinnerCount({
   currentWinner,
   rankingLabel
 }) {
+  const { t } = useQuestLocale();
   const maxWinners = rewardLayer.max_winners;
   if (howToSelectWinner === "OpenToAll") {
     return null;
@@ -5192,7 +5395,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":
@@ -5203,11 +5406,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;
   }
@@ -5216,7 +5420,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",
       {
@@ -5230,8 +5434,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;
   }
@@ -5249,7 +5455,7 @@ function NftPreview({
     "img",
     {
       src: imageUrl,
-      alt,
+      alt: previewAlt,
       className: "taskon-quest-rewards-preview-image",
       loading: "lazy"
     }
@@ -5265,18 +5471,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;
   }
@@ -5306,24 +5513,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: [
@@ -5335,29 +5533,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"
           }
@@ -5365,21 +5565,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 })
     ] })
   ] });
@@ -5387,8 +5586,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
@@ -5400,13 +5601,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")
+        ] })
       ] }) })
     ] })
   ] });
@@ -5615,10 +5819,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:
@@ -5626,21 +5827,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 || ""}` : "";
@@ -5658,7 +5859,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:
@@ -5668,25 +5871,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 }) });
@@ -5703,8 +5925,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) }) });
 }
@@ -5731,10 +5954,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);
@@ -5753,11 +5978,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();
@@ -5777,15 +6002,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,
@@ -5794,15 +6025,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,
@@ -5815,21 +6046,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(
     () => ({
@@ -5858,20 +6089,20 @@ function LeaderboardModal({
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      title: "Leaderboard",
+      title: t("leaderboard"),
       showCloseButton: true,
       className,
-      contentClassName: "taskon-quest-leaderboard-modal",
       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,
@@ -5880,10 +6111,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"
@@ -5939,14 +6170,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]);
@@ -6037,7 +6273,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" : ""}`
@@ -6077,12 +6313,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;
@@ -6128,12 +6365,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;
@@ -6150,7 +6389,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",
         {
@@ -6158,7 +6397,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: "→" })
           ]
         }
@@ -6168,7 +6407,7 @@ function QuestRewards({
         {
           group,
           currentWinners,
-          pointName,
+          pointName: resolvedPointName,
           isEnded,
           userStatus,
           groupIndex,
@@ -6183,7 +6422,7 @@ function QuestRewards({
         isOpen: isLeaderboardOpen,
         onClose: handleCloseLeaderboard,
         campaignId,
-        pointsName: pointName
+        pointsName: resolvedPointName
       }
     )
   ] });
@@ -6207,6 +6446,32 @@ function formatLongStr(str, ellipsis = "...", prefixLen = 6, suffixLen = 4) {
   if (str.length <= prefixLen + suffixLen) return str;
   return `${str.slice(0, prefixLen)}${ellipsis}${str.slice(-suffixLen)}`;
 }
+function getOpenseaUrl(chainInfo) {
+  if (!chainInfo) return "";
+  const { name, nft_contract } = chainInfo;
+  const chainName = name.toLowerCase();
+  if (chainName === "core") return "";
+  const openseaPrefix = "https://opensea.io/assets/";
+  if (chainName === "polygon") {
+    return `${openseaPrefix}matic/${nft_contract}`;
+  }
+  return `${openseaPrefix}${name}/${nft_contract}`;
+}
+function getIsOldCapNft(tokenId) {
+  if (!tokenId) return false;
+  try {
+    return BigInt(tokenId) <= 2147483647n;
+  } catch {
+    return false;
+  }
+}
+function getElementUrl(chainInfo, tokenId) {
+  if (!chainInfo || !tokenId) return "";
+  const chainName = chainInfo.name.toLowerCase();
+  if (chainName === "core") return "";
+  const nftContract = getIsOldCapNft(tokenId) ? chainInfo.old_nft_contract : chainInfo.nft_contract;
+  return `https://element.market/assets/${chainInfo.name}/${nftContract}/${tokenId}`;
+}
 function getTxExplorerUrl(chainInfo, txHash) {
   if (!chainInfo || !txHash) return "";
   const explorerBase = chainInfo.explorer || `https://etherscan.io`;
@@ -6237,26 +6502,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) {
@@ -6402,52 +6670,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;
@@ -6484,8 +6752,12 @@ function RewardToken({
   layer,
   reward,
   campaign,
-  chains
+  chains,
+  rewardDisplayMode = "popup",
+  rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
+  const [popupOpen, setPopupOpen] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
     if (!chains || !params.chain) return null;
@@ -6508,59 +6780,128 @@ 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;
-  return /* @__PURE__ */ jsxs(RewardCard, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-row", children: [
-      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-info", children: [
-        (chainInfo == null ? void 0 : chainInfo.icon) && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: chainInfo.icon,
-            alt: "",
-            className: "taskon-quest-footer-earned-single-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: formattedAmount })
+  const handleWithdraw = useCallback(() => {
+    if (rewardDisplayMode === "redirect" && rewardRedirectUrl) {
+      window.open(rewardRedirectUrl, "_blank", "noopener,noreferrer");
+    } else {
+      setPopupOpen(true);
+    }
+  }, [rewardDisplayMode, rewardRedirectUrl]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(RewardCard, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-row", children: [
+        /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-info", children: [
+          (chainInfo == null ? void 0 : chainInfo.icon) && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: chainInfo.icon,
+              alt: "",
+              className: "taskon-quest-footer-earned-single-icon"
+            }
+          ),
+          /* @__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: t("withdraw") })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: typeText }),
-      showWithdraw && /* @__PURE__ */ jsx(ClaimButton, { disabled: true, children: "Withdraw" })
+      showAmountNotRevealed && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: t("reward_amount_revealed_once_quest_ends") })
     ] }),
-    showAmountNotRevealed && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: "Reward amount will be revealed once quest ends." })
+    /* @__PURE__ */ jsx(
+      RewardModuleDialog,
+      {
+        open: popupOpen,
+        onOpenChange: setPopupOpen,
+        type: "token"
+      }
+    )
   ] });
 }
+const ArrowIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: "taskon-quest-footer-action-arrow",
+    width: "6",
+    height: "10",
+    viewBox: "0 0 6 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1 1L5 5L1 9",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+function ActionButton({
+  onClick,
+  disabled = false,
+  children,
+  href
+}) {
+  const className = `taskon-quest-footer-action-btn ${disabled ? "taskon-quest-footer-action-btn--disabled" : ""}`;
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children: [
+          /* @__PURE__ */ jsx("span", { children }),
+          /* @__PURE__ */ jsx(ArrowIcon, {})
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      onClick: disabled ? void 0 : onClick,
+      role: onClick && !disabled ? "button" : void 0,
+      tabIndex: onClick && !disabled ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsx("span", { children }),
+        !disabled && /* @__PURE__ */ jsx(ArrowIcon, {})
+      ]
+    }
+  );
+}
 function RewardNft({
   layer,
   reward,
-  campaign,
   chains,
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
     if (!chains || !params.chain) return null;
-    return chains[params.chain] || null;
+    return chains[params.chain] || chains[params.chain.toLowerCase()] || null;
   }, [chains, params.chain]);
-  const rewardInfo = useMemo(() => {
-    const winnerReward = campaign.winner_rewards[layer.winner_index];
-    if (!winnerReward) return null;
-    const layerReward = winnerReward.winner_layer_rewards[layer.layer_no];
-    if (!layerReward) return null;
-    return layerReward.rewards.find((item) => item.reward_id === reward.reward_id) || null;
-  }, [campaign, layer, reward.reward_id]);
-  const isDeposited = useMemo(() => {
-    const distributedByType = rewardInfo == null ? void 0 : rewardInfo.reward_distributed_by_type;
-    return distributedByType === RewardDistributedByType.Taskon;
-  }, [rewardInfo]);
+  const openseaLink = useMemo(() => {
+    if (!params.token_id) {
+      return "";
+    }
+    return getOpenseaUrl(chainInfo);
+  }, [chainInfo, params.token_id]);
   const handleClaim = useCallback(async () => {
     if (!onClaimNft) {
-      console.warn("onClaimNft callback not provided");
+      console.warn("NFT claim handler not provided");
       return;
     }
     setLoading(true);
@@ -6573,8 +6914,6 @@ function RewardNft({
       setLoading(false);
     }
   }, [onClaimNft, reward, layer, onRefresh]);
-  const buttonText = params.tx_hash ? "Retry" : "Claim";
-  const showButton = params.claimable || isDeposited && params.tx_hash;
   return /* @__PURE__ */ jsxs(RewardCard, { children: [
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-info", children: [
@@ -6589,10 +6928,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 }),
-      showButton && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: buttonText })
+      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") })
     ] }),
-    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",
         {
@@ -6613,18 +6952,25 @@ function RewardMintedNft({
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
     if (!chains || !params.chain) return null;
-    return chains[params.chain] || null;
+    return chains[params.chain] || chains[params.chain.toLowerCase()] || null;
   }, [chains, params.chain]);
+  const openseaLink = useMemo(() => {
+    if (!params.token_id) {
+      return "";
+    }
+    return getOpenseaUrl(chainInfo);
+  }, [chainInfo, params.token_id]);
   const isGasStationDropping = useMemo(() => {
     return !!(params.gs_req_id && !params.tx_hash);
   }, [params.gs_req_id, params.tx_hash]);
   const handleClaim = useCallback(async () => {
     if (!onClaimNft) {
-      console.warn("onClaimNft callback not provided");
+      console.warn("NFT claim handler not provided");
       return;
     }
     setLoading(true);
@@ -6637,8 +6983,6 @@ function RewardMintedNft({
       setLoading(false);
     }
   }, [onClaimNft, reward, layer, onRefresh]);
-  const buttonText = params.tx_hash ? "Retry" : "Claim";
-  const showButton = params.claimable;
   return /* @__PURE__ */ jsxs(RewardCard, { children: [
     /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-row", children: [
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-earned-single-info", children: [
@@ -6653,10 +6997,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 }),
-      showButton && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: buttonText })
+      params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: t("claim") })
     ] }),
-    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",
         {
@@ -6668,7 +7012,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({
@@ -6678,18 +7022,22 @@ function RewardCap({
   onRefresh,
   onClaimNft
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const chainInfo = useMemo(() => {
     if (!chains || !params.chain) return null;
-    return chains[params.chain] || null;
+    return chains[params.chain] || chains[params.chain.toLowerCase()] || null;
   }, [chains, params.chain]);
+  const elementLink = useMemo(() => {
+    return getElementUrl(chainInfo, params.token_id);
+  }, [chainInfo, params.token_id]);
   const isGasStationDropping = useMemo(() => {
     return !!(params.gs_req_id && !params.tx_hash);
   }, [params.gs_req_id, params.tx_hash]);
   const handleClaim = useCallback(async () => {
     if (!onClaimNft) {
-      console.warn("onClaimNft callback not provided");
+      console.warn("NFT claim handler not provided");
       return;
     }
     setLoading(true);
@@ -6713,17 +7061,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") })
     ] }),
-    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;
@@ -6738,82 +7088,48 @@ 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") })
   ] }) }) });
 }
-const ArrowIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "taskon-quest-footer-action-arrow",
-    width: "6",
-    height: "10",
-    viewBox: "0 0 6 10",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M1 1L5 5L1 9",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-);
-function ActionButton({
-  onClick,
-  disabled = false,
-  children,
-  href
-}) {
-  const className = `taskon-quest-footer-action-btn ${disabled ? "taskon-quest-footer-action-btn--disabled" : ""}`;
-  if (href && !disabled) {
-    return /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className,
-        children: [
-          /* @__PURE__ */ jsx("span", { children }),
-          /* @__PURE__ */ jsx(ArrowIcon, {})
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className,
-      onClick: disabled ? void 0 : onClick,
-      role: onClick && !disabled ? "button" : void 0,
-      tabIndex: onClick && !disabled ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsx("span", { children }),
-        !disabled && /* @__PURE__ */ jsx(ArrowIcon, {})
-      ]
-    }
-  );
-}
 function RewardPoint({
-  reward
+  reward,
+  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 /* @__PURE__ */ jsxs(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: params.amount }) }),
-      /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: pointName })
+    return t("points");
+  }, [reward.reward_type, params.points_name, t]);
+  const handlePointsHistory = useCallback(() => {
+    if (rewardDisplayMode === "redirect" && rewardRedirectUrl) {
+      window.open(rewardRedirectUrl, "_blank", "noopener,noreferrer");
+    } else {
+      setPopupOpen(true);
+    }
+  }, [rewardDisplayMode, rewardRedirectUrl]);
+  const actionButtonProps = rewardDisplayMode === "redirect" && rewardRedirectUrl ? { href: rewardRedirectUrl } : { onClick: handlePointsHistory };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(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: params.amount }) }),
+        /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-name", children: pointName })
+      ] }),
+      /* @__PURE__ */ jsx(ActionButton, { ...actionButtonProps, children: t("points_history") })
     ] }),
-    /* @__PURE__ */ jsx(ActionButton, { children: "Points History" })
+    /* @__PURE__ */ jsx(
+      RewardModuleDialog,
+      {
+        open: popupOpen,
+        onOpenChange: setPopupOpen,
+        type: "points",
+        pointsInfo: params
+      }
+    )
   ] });
 }
 function RewardDiscordRole({
@@ -6822,6 +7138,7 @@ function RewardDiscordRole({
   onRefresh,
   onClaimDiscordRole
 }) {
+  const { t } = useQuestLocale();
   const [loading, setLoading] = useState(false);
   const params = reward.reward_value;
   const isClaimable = useMemo(() => {
@@ -6843,9 +7160,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 = {
@@ -6869,24 +7186,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 "";
 }
@@ -6898,14 +7215,18 @@ function SelectionItem({
   isJoined,
   onRefresh,
   onClaimNft,
-  onClaimDiscordRole
+  onClaimDiscordRole,
+  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,
@@ -6918,7 +7239,9 @@ function SelectionItem({
           isJoined,
           onRefresh,
           onClaimNft,
-          onClaimDiscordRole
+          onClaimDiscordRole,
+          rewardDisplayMode,
+          rewardRedirectUrl
         },
         reward.reward_id
       )) }, `layer-${layer.winner_index}-${layer.layer_no}`)),
@@ -6958,8 +7281,11 @@ function DetailPanelDialog({
   isJoined,
   onRefresh,
   onClaimNft,
-  onClaimDiscordRole
+  onClaimDiscordRole,
+  rewardDisplayMode,
+  rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const winnerSelectionList = useMemo(() => {
     return getEarnedWinnerSelectionList(
       campaign.winner_rewards,
@@ -6971,7 +7297,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;
@@ -6981,12 +7307,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,
           {
@@ -6997,18 +7323,18 @@ function DetailPanelDialog({
             isJoined,
             onRefresh,
             onClaimNft,
-            onClaimDiscordRole
+            onClaimDiscordRole,
+            rewardDisplayMode,
+            rewardRedirectUrl
           },
           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")
+          }) }) })
         ] })
       ] })
     }
@@ -7024,8 +7350,11 @@ function EarnedRewards({
   isJoined,
   onRefresh,
   onClaimNft,
-  onClaimDiscordRole
+  onClaimDiscordRole,
+  rewardDisplayMode = "popup",
+  rewardRedirectUrl
 }) {
+  const { t } = useQuestLocale();
   const [dialogOpen, setDialogOpen] = useState(false);
   const rewardCount = useMemo(() => {
     return earnedRewards.reduce(
@@ -7054,8 +7383,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
@@ -7070,7 +7399,9 @@ function EarnedRewards({
           isJoined,
           onRefresh,
           onClaimNft,
-          onClaimDiscordRole
+          onClaimDiscordRole,
+          rewardDisplayMode,
+          rewardRedirectUrl
         }
       ) })
     ),
@@ -7087,13 +7418,21 @@ function EarnedRewards({
         isJoined,
         onRefresh,
         onClaimNft,
-        onClaimDiscordRole
+        onClaimDiscordRole,
+        rewardDisplayMode,
+        rewardRedirectUrl
       }
     )
   ] });
 }
 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) {
@@ -7110,7 +7449,9 @@ function StatusCard(props) {
     isJoined,
     onRefresh,
     onClaimNft,
-    onClaimDiscordRole
+    onClaimDiscordRole,
+    rewardDisplayMode,
+    rewardRedirectUrl
   } = props;
   const displayableRewardCount = earnedRewards ? earnedRewards.reduce(
     (acc, curr) => acc + curr.reward.filter((r) => r.reward_type !== RewardType.Exp).length,
@@ -7136,11 +7477,29 @@ function StatusCard(props) {
         isJoined,
         onRefresh,
         onClaimNft,
-        onClaimDiscordRole
+        onClaimDiscordRole,
+        rewardDisplayMode,
+        rewardRedirectUrl
       }
     ) : /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-card-message", children: description }) })
   ] });
 }
+function normalizeCompleteSubmitError(error, t) {
+  if (error instanceof ApiError) {
+    if (error.code === ErrorCode.RUSER_REPEAT_SUBMIT) {
+      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(t("failed_complete_quest"));
+}
 function CompleteButton({
   campaignId,
   hasPointProportionally: hasPointProportionally2 = false,
@@ -7152,44 +7511,50 @@ 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");
   const handleComplete = useCallback(async () => {
     if (!api || isLoading || disabled) {
       return;
     }
-    if (onBeforeComplete) {
-      try {
-        const canContinue = await onBeforeComplete();
-        if (!canContinue) {
+    setIsLoading(true);
+    try {
+      if (onBeforeComplete) {
+        try {
+          const canContinue = await onBeforeComplete();
+          if (!canContinue) {
+            return;
+          }
+        } catch (error) {
+          console.error("[CompleteButton] onBeforeComplete error:", error);
           return;
         }
-      } catch (error) {
-        console.error("[CompleteButton] onBeforeComplete error:", error);
+      }
+      if (requiresRecaptcha && !captchaToken) {
+        onError == null ? void 0 : onError(new Error(t("recaptcha_verification_required")));
         return;
       }
-    }
-    if (requiresRecaptcha && !captchaToken) {
-      onError == null ? void 0 : onError(new Error("reCAPTCHA verification required"));
-      return;
-    }
-    setIsLoading(true);
-    try {
-      await api.submitCampaign({
-        campaign_id: campaignId,
-        // Widget version: always false (no auto-join checkbox)
-        auto_follow_community: false,
-        captcha_token: captchaToken
-      });
-      onComplete == null ? void 0 : onComplete();
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Failed to complete quest";
-      onError == null ? void 0 : onError(new Error(errorMessage));
+      try {
+        await api.submitCampaign({
+          campaign_id: campaignId,
+          // Widget version: always false (no auto-join checkbox)
+          auto_follow_community: false,
+          captcha_token: captchaToken
+        });
+        onComplete == null ? void 0 : onComplete();
+      } catch (error) {
+        const normalizedError = normalizeCompleteSubmitError(
+          error,
+          t
+        );
+        onError == null ? void 0 : onError(normalizedError);
+      }
     } finally {
       setIsLoading(false);
     }
@@ -7202,7 +7567,8 @@ function CompleteButton({
     onBeforeComplete,
     onComplete,
     onError,
-    requiresRecaptcha
+    requiresRecaptcha,
+    t
   ]);
   return /* @__PURE__ */ jsx(
     "button",
@@ -7213,12 +7579,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
     }
   );
 }
 function OperateFooter(props) {
+  const { t } = useQuestLocale();
   const {
     campaign,
     userStatus,
@@ -7234,8 +7601,12 @@ function OperateFooter(props) {
     onConnectWallet,
     onClaimNft,
     onClaimDiscordRole,
-    onBeforeComplete
+    onBeforeComplete,
+    rewardDisplayMode,
+    rewardRedirectUrl
   } = props;
+  const { toast } = useToast();
+  const [isRepeatSubmitDialogVisible, setIsRepeatSubmitDialogVisible] = useState(false);
   const hasRanking = useMemo(() => {
     return hasPointRanking(campaign.winner_rewards);
   }, [campaign.winner_rewards]);
@@ -7275,14 +7646,34 @@ 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("start_to_earn")
     }
   ) });
+  const handleCompleteError = useCallback(
+    (error) => {
+      if (error instanceof ApiError && error.code === ErrorCode.RUSER_REPEAT_SUBMIT) {
+        setIsRepeatSubmitDialogVisible(true);
+        return;
+      }
+      toast.error(error.message);
+    },
+    [toast]
+  );
   const renderCompleteButton = () => /* @__PURE__ */ jsx(
     CompleteButton,
     {
@@ -7292,19 +7683,17 @@ function OperateFooter(props) {
       disabled: !isActive,
       onBeforeComplete,
       onComplete,
-      onError: (error) => {
-        console.error("Complete quest error:", error.message);
-      }
+      onError: handleCompleteError
     }
   );
   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,
@@ -7314,34 +7703,56 @@ function OperateFooter(props) {
         isJoined,
         onRefresh,
         onClaimNft,
-        onClaimDiscordRole
+        onClaimDiscordRole,
+        rewardDisplayMode,
+        rewardRedirectUrl
       }
     );
   };
+  const renderRepeatSubmitNoticeDialog = () => /* @__PURE__ */ jsx(
+    ConfirmNoticeDialog,
+    {
+      open: isRepeatSubmitDialogVisible,
+      onOpenChange: setIsRepeatSubmitDialogVisible,
+      type: "warn",
+      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: t("oops_seems_like_already_finished_quest"),
+      accessibilityDescription: t(
+        "ensure_fair_experience_submissions_identical_wallet_addresses_x_discord"
+      )
+    }
+  );
+  let footerContent = null;
   if (participationStatus === "not-logged-in") {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer", id: "detail-operate-footer", children: renderConnectWallet() });
+    footerContent = renderConnectWallet();
+  } else if (participationStatus === "can-complete") {
+    footerContent = renderCompleteButton();
+  } else if (participationStatus !== "none" && localizedCardConfig) {
+    footerContent = renderStatusCard();
   }
-  if (participationStatus === "none") {
+  if (!footerContent && !isRepeatSubmitDialogVisible) {
     return null;
   }
-  if (participationStatus === "can-complete") {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer", id: "detail-operate-footer", children: renderCompleteButton() });
-  }
-  if (cardConfig) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer", id: "detail-operate-footer", children: renderStatusCard() });
-  }
-  return null;
+  return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer", id: "detail-operate-footer", children: [
+    footerContent,
+    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) {
@@ -7355,17 +7766,17 @@ function getDialogIcon(errorType) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "22", stroke: "#FF9500", strokeWidth: "4" }),
+        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "22", stroke: "currentColor", strokeWidth: "4" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M24 14V28",
-            stroke: "#FF9500",
+            stroke: "currentColor",
             strokeWidth: "4",
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "35", r: "2.5", fill: "#FF9500" })
+        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "35", r: "2.5", fill: "currentColor" })
       ]
     }
   );
@@ -7375,6 +7786,7 @@ function TaskValidationDialog({
   error,
   onClose
 }) {
+  const { t } = useQuestLocale();
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -7384,32 +7796,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")
           }
         )
       ] })
@@ -7417,7 +7826,7 @@ function TaskValidationDialog({
   );
 }
 const CHAIN_TYPE_LABELS = {
-  evm: "EVM Chain",
+  evm: "evm_chain",
   btc: "Bitcoin",
   starknet: "Starknet",
   solana: "Solana",
@@ -7429,6 +7838,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 }),
@@ -7443,7 +7853,7 @@ function BindItem({ chainType, isBinding, isBound, onBind }) {
           strokeLinejoin: "round"
         }
       ) }),
-      "Bound"
+      t("bound")
     ] }) : /* @__PURE__ */ jsx(
       "button",
       {
@@ -7463,8 +7873,8 @@ function BindItem({ chainType, isBinding, isBound, onBind }) {
               strokeDasharray: "31.4 31.4"
             }
           ) }),
-          "Binding..."
-        ] }) : "Bind"
+          t("binding")
+        ] }) : t("bind")
       }
     )
   ] });
@@ -7478,6 +7888,7 @@ function RewardBindDialog({
   onAllBind,
   onBindChain
 }) {
+  const { t } = useQuestLocale();
   const [notBoundChains, setNotBoundChains] = useState(chainTypes);
   const [bindingType, setBindingType] = useState(null);
   React__default.useEffect(() => {
@@ -7496,7 +7907,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);
@@ -7509,7 +7920,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,
     {
@@ -7519,7 +7930,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: [
@@ -7539,7 +7950,7 @@ function RewardBindDialog({
           {
             className: "taskon-reward-bind-skip-btn",
             onClick: onSkip,
-            children: "Complete the Campaign"
+            children: t("complete_campaign_2")
           }
         )
       ] })
@@ -7557,12 +7968,12 @@ function DiscordIcon() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#5865F2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "24", fill: "var(--taskon-color-link)" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M32.6 17.3C31.1 16.6 29.5 16.1 27.8 15.8C27.6 16.2 27.3 16.7 27.1 17.1C25.3 16.8 23.5 16.8 21.7 17.1C21.5 16.7 21.2 16.2 21 15.8C19.3 16.1 17.7 16.6 16.2 17.3C13.2 21.8 12.4 26.2 12.8 30.5C14.8 32 16.7 32.8 18.6 33.4C19.1 32.7 19.5 31.9 19.9 31.1C19.1 30.8 18.4 30.4 17.7 29.9C17.9 29.8 18.1 29.6 18.2 29.5C22 31.3 26.2 31.3 29.9 29.5C30.1 29.7 30.3 29.8 30.4 29.9C29.7 30.4 29 30.8 28.2 31.1C28.6 31.9 29 32.7 29.5 33.4C31.4 32.8 33.3 32 35.3 30.5C35.8 25.5 34.5 21.2 32.6 17.3ZM19.4 28.1C18.4 28.1 17.6 27.2 17.6 26.1C17.6 25 18.4 24.1 19.4 24.1C20.4 24.1 21.2 25 21.2 26.1C21.2 27.2 20.4 28.1 19.4 28.1ZM28.6 28.1C27.6 28.1 26.8 27.2 26.8 26.1C26.8 25 27.6 24.1 28.6 24.1C29.6 24.1 30.4 25 30.4 26.1C30.4 27.2 29.6 28.1 28.6 28.1Z",
-            fill: "white"
+            fill: "var(--taskon-color-text)"
           }
         )
       ]
@@ -7575,6 +7986,7 @@ function DiscordBindDialog({
   onLinkDiscord,
   onContinue
 }) {
+  const { t } = useQuestLocale();
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -7584,19 +7996,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(
@@ -7604,7 +8020,7 @@ function DiscordBindDialog({
             {
               className: "taskon-discord-bind-dialog-btn taskon-discord-bind-dialog-btn--primary",
               onClick: onContinue,
-              children: "Complete Campaign"
+              children: t("complete_campaign")
             }
           )
         ] })
@@ -7612,6 +8028,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",
@@ -7638,11 +8094,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);
@@ -7678,9 +8136,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, {})
         ]
@@ -7693,7 +8151,7 @@ function WinnersRow({
         onClose: () => setIsModalOpen(false),
         campaignId,
         winnerRewards,
-        pointsName
+        pointsName: resolvedPointsName
       }
     )
   ] });
@@ -7747,23 +8205,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("en-US", {
+    month: "short",
+    day: "2-digit"
+  }).format(date);
 }
 function WinnersStatus({
   campaign,
@@ -7774,6 +8219,7 @@ function WinnersStatus({
   className = ""
 }) {
   var _a, _b, _c;
+  const { t } = useQuestLocale();
   const [hasWinners, setHasWinners] = useState(false);
   const endTime = campaign.end_time;
   const isWaitingReviewPow = useMemo(() => {
@@ -7806,9 +8252,9 @@ function WinnersStatus({
     if (discordLink) return discordLink;
     return void 0;
   }, [discordLink]);
-  const handleWinnersVisibleChange = (visible) => {
+  const handleWinnersVisibleChange = useCallback((visible) => {
     setHasWinners(visible);
-  };
+  }, []);
   return /* @__PURE__ */ jsxs("div", { className: `taskon-winners ${className}`, children: [
     isWaitingReviewPow && (powReviewLink ? /* @__PURE__ */ jsxs(
       "a",
@@ -7819,29 +8265,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",
@@ -7850,22 +8302,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(
@@ -7884,19 +8340,62 @@ function WinnersStatus({
   ] });
 }
 function mergeQuestConfig(props, cloud) {
-  var _a, _b, _c, _d;
   return {
     // campaignId: props > cloud > 0 (will be validated by caller)
     campaignId: props.campaignId ?? (cloud == null ? void 0 : cloud.campaignId) ?? 0,
-    // Display options: props > cloud > true (default show all)
-    showTitle: props.showTitle ?? ((_a = cloud == null ? void 0 : cloud.displayOptions) == null ? void 0 : _a.showTitle) ?? true,
-    showDescription: props.showDescription ?? ((_b = cloud == null ? void 0 : cloud.displayOptions) == null ? void 0 : _b.showDescription) ?? true,
-    showBanner: props.showBanner ?? ((_c = cloud == null ? void 0 : cloud.displayOptions) == null ? void 0 : _c.showBanner) ?? true,
-    // Share text: props > cloud custom text (if enabled) > undefined
-    shareText: props.shareText ?? (((_d = cloud == null ? void 0 : cloud.otherOptions) == null ? void 0 : _d.enableCustomTwitterShareText) ? cloud.otherOptions.customTwitterShareText : void 0)
+    // Display options: props > cloud (flat fields) > true (default show all)
+    showTitle: props.showTitle ?? (cloud == null ? void 0 : cloud.showTitle) ?? true,
+    showDescription: props.showDescription ?? (cloud == null ? void 0 : cloud.showDescription) ?? true,
+    showBanner: props.showBanner ?? (cloud == null ? void 0 : cloud.showBanner) ?? true,
+    showParticipants: props.showParticipants ?? (cloud == null ? void 0 : cloud.showParticipants) ?? true,
+    // Share: whether to show share button
+    // props > cloud > true
+    showShare: props.showShare ?? (cloud == null ? void 0 : cloud.showShare) ?? true,
+    // Share: props shareText > cloud shareText (when showShare) > undefined
+    shareText: props.shareText ?? ((cloud == null ? void 0 : cloud.showShare) ? cloud.shareText : void 0),
+    // Share URL: props > cloud shareUrl > undefined (fallback to window.location.href at runtime)
+    shareUrl: props.shareUrl ?? ((cloud == null ? void 0 : cloud.shareUrl) || void 0),
+    // Auto append link: props > cloud > true
+    shareAutoAppendLink: props.shareAutoAppendLink ?? (cloud == null ? void 0 : cloud.shareAutoAppendLink) ?? true,
+    // Reward display mode: props > cloud > 'popup'
+    rewardDisplayMode: props.rewardDisplayMode ?? (cloud == null ? void 0 : cloud.rewardDisplayMode) ?? "popup",
+    rewardRedirectUrl: props.rewardRedirectUrl ?? (cloud == null ? void 0 : cloud.rewardRedirectUrl) ?? ""
+  };
+}
+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) {
+function getQuestStatusDisplay(campaignStatus, startTime, endTime, isEnd, labels) {
   const now = Date.now();
   const startMs = startTime;
   const endMs = endTime;
@@ -7907,13 +8406,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,
@@ -7932,22 +8431,39 @@ function getHasRanking(winnerRewards) {
   );
 }
 function QuestWidget(props) {
-  const { widgetId } = props;
+  const { widgetId, themeMode } = props;
+  const { t } = useQuestLocale();
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeQuestConfig(
       props,
       functionConfig ?? null
     );
-  }, [props.campaignId, props.showTitle, props.showDescription, props.showBanner, props.shareText, functionConfig]);
+  }, [
+    props.campaignId,
+    props.showTitle,
+    props.showDescription,
+    props.showBanner,
+    props.showParticipants,
+    props.showShare,
+    props.shareText,
+    props.shareUrl,
+    props.shareAutoAppendLink,
+    props.rewardDisplayMode,
+    props.rewardRedirectUrl,
+    functionConfig
+  ]);
   return /* @__PURE__ */ jsx(
     WidgetShell,
     {
       widgetId,
       isConfigLoading,
       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,
         {
@@ -7956,7 +8472,13 @@ function QuestWidget(props) {
           showBanner: mergedConfig.showBanner,
           showTitle: mergedConfig.showTitle,
           showDescription: mergedConfig.showDescription,
-          shareText: mergedConfig.shareText
+          showParticipants: mergedConfig.showParticipants,
+          shareText: mergedConfig.shareText,
+          shareUrl: mergedConfig.shareUrl,
+          showShare: mergedConfig.showShare,
+          shareAutoAppendLink: mergedConfig.shareAutoAppendLink,
+          rewardDisplayMode: mergedConfig.rewardDisplayMode,
+          rewardRedirectUrl: mergedConfig.rewardRedirectUrl
         }
       )
     }
@@ -7964,6 +8486,7 @@ function QuestWidget(props) {
 }
 function QuestWidgetInner(props) {
   var _a, _b, _c, _d, _e;
+  const { t } = useQuestLocale();
   const {
     campaignId,
     channel,
@@ -7974,19 +8497,35 @@ function QuestWidgetInner(props) {
     showBanner = true,
     showTitle = true,
     showDescription = true,
+    showParticipants = true,
     onLoaded,
     onTaskCompleted,
     onSubmitSuccess,
     onError,
     onConnectWallet,
-    onClaimNft,
     onClaimDiscordRole,
     // onBindChainRequired 和 onBindSnsRequired 已弃用，绑定现在由 Widget 内部处理
     shareUrl,
-    shareText
+    shareText,
+    showShare,
+    shareAutoAppendLink,
+    rewardDisplayMode,
+    rewardRedirectUrl
   } = props;
-  const { client, chains, isLoggedIn, userInfo, requestLogin, communityInfo } = useTaskOnContext();
+  const {
+    client,
+    chains,
+    isLoggedIn,
+    userInfo,
+    userToken,
+    requestLogin,
+    communityInfo
+  } = useTaskOnContext();
   const { toast } = useToast();
+  const questNftClaimMessages = useMemo(
+    () => createQuestNftClaimMessages(t),
+    [t]
+  );
   const chainMap = useMemo(() => {
     if (!chains || chains.length === 0) return {};
     return Object.fromEntries(
@@ -8005,9 +8544,7 @@ function QuestWidgetInner(props) {
   const { bindAndWait: bindChainAndWait } = useBindWallet({
     onFailed: (error2) => {
       toast.error(error2);
-    },
-    // 当没有 adapter 时触发外部弹窗（如果配置了的话）
-    onNeedWalletDialog: onConnectWallet
+    }
   });
   const {
     data: campaign,
@@ -8033,7 +8570,8 @@ function QuestWidgetInner(props) {
     campaignId,
     channel,
     kolHandle,
-    enabled: !isPreview
+    enabled: !isPreview,
+    authToken: userToken
   });
   const {
     data: questStatus,
@@ -8047,6 +8585,31 @@ function QuestWidgetInner(props) {
     kolHandle,
     enabled: !isPreview
   });
+  const {
+    claimNftReward,
+    isSupportedNftRewardType,
+    dialogs: nftClaimDialogs
+  } = useNftClaimFlow({
+    campaignId,
+    targetType: (campaign == null ? void 0 : campaign.campaign_type) === CampaignType.Event ? "event" : "campaign",
+    messages: questNftClaimMessages,
+    onClaimSuccess: async () => {
+      refetchUserStatus();
+      refetchStatus();
+    },
+    onClaimError: (error2) => {
+      toast.error(error2.message || t("failed_claim_nft"));
+    }
+  });
+  const handleQuestClaimNft = useCallback(
+    async (reward, layer) => {
+      if (!isSupportedNftRewardType(reward.reward_type)) {
+        return;
+      }
+      await claimNftReward(reward, layer);
+    },
+    [isSupportedNftRewardType, claimNftReward]
+  );
   const {
     mandatoryTasks,
     optionalTasks,
@@ -8077,9 +8640,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;
@@ -8102,6 +8670,17 @@ function QuestWidgetInner(props) {
   const [blindBoxEmptyReward, setBlindBoxEmptyReward] = useState();
   const [blindBoxTokenPrice, setBlindBoxTokenPrice] = useState();
   const [isClaimingBlindBox, setIsClaimingBlindBox] = useState(false);
+  const [hasCompletedBlindBoxClaim, setHasCompletedBlindBoxClaim] = useState(false);
+  const closeBlindBoxModal = useCallback(() => {
+    setBlindBoxDialogVisible(false);
+    setBlindBoxRewardVisible(false);
+  }, []);
+  const handleBlindBoxDialogOpenChange = useCallback((open) => {
+    setBlindBoxDialogVisible(open);
+    if (!open) {
+      setBlindBoxRewardVisible(false);
+    }
+  }, []);
   const buildBlindBoxRewardValue = useCallback(
     (amount) => {
       if (!blindBoxTokenReward) {
@@ -8136,15 +8715,17 @@ function QuestWidgetInner(props) {
     [blindBoxTokenReward]
   );
   const handleOpenBlindBox = useCallback(() => {
-    setBlindBoxRewardVisible(false);
     setBlindBoxDialogVisible(true);
+    setBlindBoxRewardVisible(false);
   }, []);
   const handleBlindBoxOpened = useCallback(async () => {
     var _a2;
     if (isClaimingBlindBox || !api) return;
     setIsClaimingBlindBox(true);
     try {
-      const result = await api.claimBlindBoxRewards({ campaign_id: campaignId });
+      const result = await api.claimBlindBoxRewards({
+        campaign_id: campaignId
+      });
       const amount = (result ?? "").toString().trim();
       const normalized = amount !== "" ? amount : "0";
       if (normalized !== "0") {
@@ -8158,22 +8739,40 @@ function QuestWidgetInner(props) {
       }
       refetchUserStatus();
       refetchStatus();
-      setBlindBoxDialogVisible(false);
+      setHasCompletedBlindBoxClaim(true);
       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 {
       setIsClaimingBlindBox(false);
     }
-  }, [isClaimingBlindBox, api, campaignId, buildBlindBoxRewardValue, refetchUserStatus, refetchStatus, toast]);
+  }, [
+    isClaimingBlindBox,
+    api,
+    campaignId,
+    buildBlindBoxRewardValue,
+    refetchUserStatus,
+    refetchStatus,
+    t,
+    toast
+  ]);
   useEffect(() => {
-    if (userBlindBoxStatus === "wait-claim" && !isBlindBoxDialogVisible && !isBlindBoxRewardVisible) {
+    if (userBlindBoxStatus === "wait-claim" && !isBlindBoxDialogVisible && !isBlindBoxRewardVisible && !hasCompletedBlindBoxClaim) {
       handleOpenBlindBox();
     }
-  }, [userBlindBoxStatus, isBlindBoxDialogVisible, isBlindBoxRewardVisible, handleOpenBlindBox]);
+  }, [
+    userBlindBoxStatus,
+    isBlindBoxDialogVisible,
+    isBlindBoxRewardVisible,
+    hasCompletedBlindBoxClaim,
+    handleOpenBlindBox
+  ]);
+  useEffect(() => {
+    setHasCompletedBlindBoxClaim(false);
+  }, [campaignId]);
   const isLoading = isDetailLoading || isUserStatusLoading || isStatusLoading;
   const error = detailError || userStatusError || statusError;
   useEffect(() => {
@@ -8194,7 +8793,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) {
@@ -8207,6 +8806,22 @@ function QuestWidgetInner(props) {
       refetchUserStatus();
     }
   };
+  const handleTaskVerifyAttempted = useCallback(
+    (taskId, success) => {
+      var _a2;
+      if (success || isPreview) {
+        return;
+      }
+      const targetTask = (_a2 = campaign == null ? void 0 : campaign.tasks) == null ? void 0 : _a2.find((task) => task.id === taskId);
+      if (!targetTask) {
+        return;
+      }
+      if (targetTask.template_id === "SwapDexContractInteractive") {
+        refetchUserStatus();
+      }
+    },
+    [campaign == null ? void 0 : campaign.tasks, isPreview, refetchUserStatus]
+  );
   const handleSubmitSuccess = () => {
     refetchDetail();
     refetchUserStatus();
@@ -8223,7 +8838,6 @@ function QuestWidgetInner(props) {
     // 绑定弹窗相关
     eligsBindInfo,
     closeEligsBindDialog,
-    skipEligsBind,
     onAllEligsBind
   } = useEligibilityRefresh({
     api,
@@ -8242,6 +8856,42 @@ function QuestWidgetInner(props) {
       await refetchUserStatus();
     }
   });
+  const [completeEligibilityFailedInfo, setCompleteEligibilityFailedInfo] = useState(null);
+  const [isRefreshingCompleteEligs, setIsRefreshingCompleteEligs] = useState(false);
+  const closeCompleteEligibilityFailedDialog = useCallback(() => {
+    setCompleteEligibilityFailedInfo(null);
+  }, []);
+  const refreshCompleteEligibilityInDialog = useCallback(async () => {
+    if (!api || !campaign) {
+      return;
+    }
+    setIsRefreshingCompleteEligs(true);
+    try {
+      const result = await api.checkUserCampaignEligibility({
+        campaign_id: campaign.id
+      });
+      if (result.result) {
+        setCompleteEligibilityFailedInfo(null);
+        await refetchUserStatus();
+        return;
+      }
+      setCompleteEligibilityFailedInfo((previousInfo) => {
+        if (!previousInfo) {
+          return {
+            eligs: campaign.eligs,
+            eligibilityExpress: campaign.eligibility_express || "and",
+            details: result.details
+          };
+        }
+        return {
+          ...previousInfo,
+          details: result.details
+        };
+      });
+    } finally {
+      setIsRefreshingCompleteEligs(false);
+    }
+  }, [api, campaign, refetchUserStatus]);
   const {
     validateBeforeComplete,
     // Task validation error dialog
@@ -8277,9 +8927,10 @@ function QuestWidgetInner(props) {
     onBindSns: async (snsType) => {
       return await bindSnsAndWait(snsType);
     },
-    // When eligibility check fails, show the existing EligsNotPassDialog
-    onEligibilityFailed: () => {
-      return false;
+    // Complete 前 eligibility 检查失败：
+    // 弹出 EligsNotPassDialog 并阻断 complete，行为对齐 Vue。
+    onEligibilityFailed: (info) => {
+      setCompleteEligibilityFailedInfo(info);
     }
   });
   const hasEligibility = (campaign == null ? void 0 : campaign.eligs) && campaign.eligs.length > 0;
@@ -8289,10 +8940,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: [
@@ -8307,13 +8955,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: [
@@ -8332,6 +8980,8 @@ function QuestWidgetInner(props) {
             showDescription,
             shareUrl,
             shareText,
+            showShare,
+            shareAutoAppendLink,
             communityName: campaign.community_name,
             communityAvatar: campaign.community_avatar,
             winnerRewardsSimple: campaign.winner_rewards_simple
@@ -8339,13 +8989,14 @@ 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,
             {
               className: "taskon-quest-tasks-progress",
               current: mandatoryCompleted + optionalCompleted,
-              total: mandatoryTotal + optionalTotal
+              total: mandatoryTotal + optionalTotal,
+              completedLabel: t("completed")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -8356,6 +9007,7 @@ function QuestWidgetInner(props) {
               optionalTasks: optionalTaskData,
               userTaskStatus: userTaskStatusMap,
               onTaskCompleted: handleTaskCompleted,
+              onVerifyAttempted: handleTaskVerifyAttempted,
               onBeforeVerify: checkBeforeSubmitTask,
               disabled: isTaskDisabled,
               isStarted: statusDisplay == null ? void 0 : statusDisplay.isStarted,
@@ -8365,7 +9017,10 @@ function QuestWidgetInner(props) {
               ownerName: campaign == null ? void 0 : campaign.community_name,
               isEnded: statusDisplay == null ? void 0 : statusDisplay.isEnded,
               minOptionalTasks: campaign == null ? void 0 : campaign.min_finished_optional_task_num,
-              minOptionalPoints: campaign == null ? void 0 : campaign.min_finished_optional_task_points
+              minOptionalPoints: campaign == null ? void 0 : campaign.min_finished_optional_task_points,
+              onCooldownComplete: () => {
+                refetchUserStatus();
+              }
             }
           ),
           /* @__PURE__ */ jsx(
@@ -8384,9 +9039,11 @@ function QuestWidgetInner(props) {
                 refetchStatus();
               },
               onConnectWallet,
-              onClaimNft,
+              onClaimNft: handleQuestClaimNft,
               onClaimDiscordRole,
-              onBeforeComplete: validateBeforeComplete
+              onBeforeComplete: validateBeforeComplete,
+              rewardDisplayMode,
+              rewardRedirectUrl
             }
           )
         ] })
@@ -8394,7 +9051,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,
             {
@@ -8407,7 +9064,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,
             {
@@ -8431,7 +9088,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,
             {
@@ -8448,7 +9105,7 @@ function QuestWidgetInner(props) {
             }
           )
         ] }),
-        questStatus && /* @__PURE__ */ jsx(
+        questStatus && showParticipants && /* @__PURE__ */ jsx(
           ParticipantsInfo,
           {
             participantCount: questStatus.statistics.participant_number
@@ -8460,38 +9117,27 @@ function QuestWidgetInner(props) {
       Dialog,
       {
         open: isBlindBoxDialogVisible,
-        onOpenChange: setBlindBoxDialogVisible,
-        title: "Open Blind Box",
-        showCloseButton: false,
-        closeOnOverlayClick: false,
-        closeOnEscapeKey: false,
-        contentClassName: "taskon-quest-blindbox-dialog-wrapper",
-        children: /* @__PURE__ */ jsx(
-          BlindBoxDialog,
-          {
-            ref: blindBoxDialogRef,
-            onClose: () => setBlindBoxDialogVisible(false),
-            onOpened: handleBlindBoxOpened
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open: isBlindBoxRewardVisible,
-        onOpenChange: setBlindBoxRewardVisible,
-        title: "Blind Box Reward",
-        showCloseButton: true,
-        contentClassName: "taskon-quest-blindbox-reward-wrapper",
-        children: /* @__PURE__ */ jsx(
+        onOpenChange: handleBlindBoxDialogOpenChange,
+        title: isBlindBoxRewardVisible ? t("blind_box_reward") : t("open_blind_box"),
+        showCloseButton: isBlindBoxRewardVisible,
+        closeOnOverlayClick: isBlindBoxRewardVisible,
+        closeOnEscapeKey: isBlindBoxRewardVisible,
+        contentClassName: `taskon-quest-blindbox-dialog-wrapper${isBlindBoxRewardVisible ? " taskon-quest-blindbox-dialog-wrapper--result" : ""}`,
+        children: isBlindBoxRewardVisible ? /* @__PURE__ */ jsx(
           BlindBoxRewardDialog,
           {
             rewards: blindBoxWinnerRewards,
             emptyReward: blindBoxEmptyReward,
             tokenPrice: blindBoxTokenPrice,
             loading: isClaimingBlindBox,
-            onClose: () => setBlindBoxRewardVisible(false)
+            onClose: closeBlindBoxModal
+          }
+        ) : /* @__PURE__ */ jsx(
+          BlindBoxDialog,
+          {
+            ref: blindBoxDialogRef,
+            onClose: closeBlindBoxModal,
+            onOpened: handleBlindBoxOpened
           }
         )
       }
@@ -8511,6 +9157,21 @@ function QuestWidgetInner(props) {
         isRefreshing: isRefreshingEligs
       }
     ),
+    completeEligibilityFailedInfo && campaign && /* @__PURE__ */ jsx(
+      EligsNotPassDialog,
+      {
+        open: !!completeEligibilityFailedInfo,
+        onClose: closeCompleteEligibilityFailedDialog,
+        eligs: completeEligibilityFailedInfo.eligs,
+        eligibilityExpress: completeEligibilityFailedInfo.eligibilityExpress,
+        details: completeEligibilityFailedInfo.details,
+        campaignId,
+        communityKey: campaign.community_key,
+        communityName: campaign.community_name,
+        onRefresh: refreshCompleteEligibilityInDialog,
+        isRefreshing: isRefreshingCompleteEligs
+      }
+    ),
     eligsBindInfo && campaign && /* @__PURE__ */ jsx(
       EligsBindDialog,
       {
@@ -8518,9 +9179,7 @@ function QuestWidgetInner(props) {
         chainTypes: eligsBindInfo.chainTypes,
         snsTypes: eligsBindInfo.snsTypes,
         campaign,
-        skippable: eligsBindInfo.skippable,
         onClose: closeEligsBindDialog,
-        onSkip: skipEligsBind,
         onAllBind: onAllEligsBind,
         onBindChain: bindChainAndWait,
         onBindSns: bindSnsAndWait
@@ -8562,20 +9221,15 @@ function QuestWidgetInner(props) {
         chainTypes: completeEligsBindInfo.chainTypes,
         snsTypes: completeEligsBindInfo.snsTypes,
         campaign,
-        skippable: completeEligsBindInfo.skippable,
         onClose: closeCompleteEligsBindDialog,
-        onSkip: () => {
-        },
         onAllBind: onAllCompleteEligsBind,
         onBindChain: bindChainAndWait,
         onBindSns: bindSnsAndWait
       }
-    )
+    ),
+    nftClaimDialogs
   ] });
 }
 export {
-  QuestWidget as Q,
-  useQuestUserStatus as a,
-  useQuestStatus as b,
-  useQuestDetail as u
+  QuestWidget as Q
 };