@taskon/widget-react 0.0.1-beta.2 → 0.0.1-beta.4

package/dist/chunks/{Quest-DKFZ-pPU.js → Quest-B5NyVr3o.js}

@@ -1,14 +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-wnSXrNQb.js";
-import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D_5OjvNZ.js";
-import { b as useToast } from "./useToast-B-wyO5zL.js";
-import { R as Root2, b as Trigger, P as Portal, C as Content2, c as InfoIcon, A as Arrow2, T as TipPopover, a as useBindSocialAccount } from "./TipPopover-BrW8jo71.js";
-import { c as TaskItem, e as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, a as useBindWallet, E as EligibilityInfo, b as BlindBoxDialog, B as BlindBoxRewardDialog } from "./EligibilityInfo-C7GZ2G5u.js";
-import { B as Button, T as Table, P as Pagination, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-DxEFwm31.js";
-import { m as enMessages, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, L as LoadingState, l as TokenRewardContent, k as PointsList, E as EmptyState, W as WithdrawForm } from "./UserCenterWidget-BE329iS7.js";
-import { u as useWidgetLocale } from "./useWidgetLocale-JDelxtt8.js";
+import { RewardType, UserEligibleStatus, EligibilityTemplateId, SnsType, ChainType, QuestAutomaticallyWinnerDrawType, QuestWinnerDrawType, QuestWinnerRangeType, createQuestApi, QuestRewardsDistributeType, QuestRewardType, createLeaderboardApi, MediaType, RewardDistributedByType, ApiError, ErrorCode, CampaignType } from "@taskon/core";
+import { s as useTaskOnPortalContainer, d as useTaskOnContext } from "./ThemeProvider-CPI_roeh.js";
+import { D as Dialog, B as Button, T as Table, P as Pagination, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-DwXlQC0S.js";
+import { d as useToast } from "./useToast-CaRkylKe.js";
+import { R as Root2, o as Trigger, p as Portal, q as Content2, v as InfoIcon, r as Arrow2, s as TipPopover, g as useBindSocialAccount } from "./UserCenterWidget-cADBSVg7.js";
+import { c as TaskItem, e as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, C as ConfirmNoticeDialog, u as useBindWallet, b as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-D-Fuy9GE.js";
 import '../Quest.css';function ButtonTabs({
   items,
   activeKey,
@@ -134,7 +131,7 @@ function GreenCheckIcon() {
         "path",
         {
           d: "M1 4L4.5 7.5L11 1",
-          stroke: "#22c55e",
+          stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -198,6 +195,7 @@ function TaskList({
   optionalTasks = [],
   userTaskStatus,
   onTaskCompleted,
+  onVerifyAttempted,
   onBeforeVerify,
   disabled = false,
   minOptionalTasks,
@@ -236,6 +234,7 @@ function TaskList({
           task,
           userStatus: userTaskStatus == null ? void 0 : userTaskStatus[task.id],
           onCompleted: onTaskCompleted,
+          onVerifyAttempted,
           onBeforeVerify,
           disabled,
           isStarted,
@@ -283,6 +282,7 @@ function TaskList({
           task,
           userStatus: userTaskStatus == null ? void 0 : userTaskStatus[task.id],
           onCompleted: onTaskCompleted,
+          onVerifyAttempted,
           onBeforeVerify,
           disabled,
           isStarted,
@@ -299,6 +299,93 @@ function TaskList({
     mandatoryTasks.length === 0 && optionalTasks.length === 0 && /* @__PURE__ */ jsx("div", { className: "taskon-task-list-empty", children: /* @__PURE__ */ jsx("p", { children: "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
+}) {
+  if (reward.reward_type !== RewardType.Token) {
+    return null;
+  }
+  const tokenValue = reward.reward_value;
+  const amount = tokenValue.amount || "0";
+  const tokenName = tokenValue.token_name || "Token";
+  const 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 { rewards, emptyReward, tokenPrice, loading, onClose } = props;
+  const hasRewards = rewards.length > 0;
+  const title = hasRewards ? "Congratulations!" : "Oops! Better Luck Next Time!";
+  const subtitle = hasRewards ? "You Have Won" : "Rewards Missed";
+  const 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 ? "Loading..." : "Back"
+      }
+    ) })
+  ] });
+}
 const BLIND_BOX_DISTRIBUTE_TYPE = "BlindBox";
 function useBlindBoxLogic(params) {
   const { campaign, userStatus } = params;
@@ -536,9 +623,7 @@ function EligsBindDialog({
   chainTypes,
   snsTypes,
   campaign,
-  skippable = false,
   onClose,
-  onSkip,
   onAllBind,
   onBindChain,
   onBindSns
@@ -583,12 +668,8 @@ function EligsBindDialog({
     }
   }, [onBindSns]);
   const handleClose = useCallback(() => {
-    if (skippable) {
-      onSkip == null ? void 0 : onSkip();
-    } else {
-      onClose();
-    }
-  }, [skippable, onSkip, onClose]);
+    onClose();
+  }, [onClose]);
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -617,7 +698,7 @@ 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: "Please bind the following accounts to 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("div", { className: "taskon-eligs-bind-list", children: chainTypes.map((chainType) => /* @__PURE__ */ jsx(
@@ -645,15 +726,7 @@ function EligsBindDialog({
             },
             snsType
           )) })
-        ] }),
-        skippable && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "taskon-eligs-bind-skip-btn",
-            onClick: onSkip,
-            children: "Continue with Tasks"
-          }
-        )
+        ] })
       ] })
     }
   );
@@ -987,17 +1060,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) {
@@ -1010,7 +1072,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;
     }
@@ -1033,7 +1097,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 () => {
@@ -1064,7 +1128,10 @@ function useEligibilityRefresh(options) {
     }
     setIsRefreshing(true);
     try {
-      await checkEligibilityAndNotify();
+      const passed = await checkEligibilityAndNotify();
+      if (!passed) {
+        return;
+      }
       await onRefresh();
     } finally {
       setIsRefreshing(false);
@@ -1084,8 +1151,7 @@ function useEligibilityRefresh(options) {
         continueAfterBindRef.current = runEligibilityCheck;
         setEligsBindInfo({
           chainTypes,
-          snsTypes,
-          skippable: false
+          snsTypes
         });
         return;
       }
@@ -1113,8 +1179,7 @@ function useEligibilityRefresh(options) {
           bindPromiseResolveRef.current = resolve;
           setEligsBindInfo({
             chainTypes,
-            snsTypes,
-            skippable: false
+            snsTypes
           });
         });
         if (!bindCompleted) {
@@ -1142,7 +1207,6 @@ function useEligibilityRefresh(options) {
     // 绑定弹窗相关
     eligsBindInfo,
     closeEligsBindDialog,
-    skipEligsBind,
     onAllEligsBind
   };
 }
@@ -1358,9 +1422,7 @@ function useCompleteValidation(options) {
           eligsBindResolveRef.current = resolve;
           setEligsBindInfo({
             chainTypes,
-            snsTypes,
-            skippable: false
-            // Eligs binding is not skippable
+            snsTypes
           });
         });
         if (!bindCompleted) {
@@ -1374,17 +1436,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);
@@ -1413,12 +1474,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;
@@ -3926,7 +3990,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"
         }
       )
     }
@@ -3946,7 +4010,7 @@ function CopyLinkIcon() {
           "path",
           {
             d: "M11.6875 16.3149L17.3178 10.6846",
-            stroke: "#00FFA3",
+            stroke: "currentColor",
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -3956,7 +4020,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"
@@ -3966,7 +4030,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"
@@ -3989,7 +4053,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"
         }
       )
     }
@@ -4007,6 +4071,7 @@ function ShareDropdown({
   endTime,
   winnerRewardsSimple
 }) {
+  const portalContainer = useTaskOnPortalContainer();
   const { toast } = useToast();
   const [qrDialogOpen, setQrDialogOpen] = useState(false);
   const [popoverOpen, setPopoverOpen] = useState(false);
@@ -4030,11 +4095,11 @@ 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(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, {}),
@@ -4045,7 +4110,7 @@ function ShareDropdown({
         /* @__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, {}),
@@ -4056,7 +4121,7 @@ function ShareDropdown({
         /* @__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, {}),
@@ -4155,12 +4220,16 @@ function QuestTitle({
       ] }),
       /* @__PURE__ */ jsx("div", { className: "taskon-quest-countdown-divider" }),
       /* @__PURE__ */ jsxs("div", { className: "taskon-quest-time-range", children: [
-        "(UTC",
-        offsetString,
-        ") ",
-        formatDateTime(startDate),
-        " ～ ",
-        formatDateTime(endDate)
+        /* @__PURE__ */ jsxs("span", { className: "taskon-quest-time-range-timezone", children: [
+          "(UTC",
+          offsetString,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "taskon-quest-time-range-values", children: [
+          /* @__PURE__ */ jsx("span", { children: formatDateTime(startDate) }),
+          /* @__PURE__ */ jsx("span", { className: "taskon-quest-time-range-separator", "aria-hidden": "true", children: "～" }),
+          /* @__PURE__ */ jsx("span", { children: formatDateTime(endDate) })
+        ] })
       ] }),
       showShare && /* @__PURE__ */ jsx(
         ShareDropdown,
@@ -4283,8 +4352,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" })
             ]
           }
         ) })
@@ -4771,6 +4840,7 @@ function ChainIcon({
   size = 16,
   chains
 }) {
+  const portalContainer = useTaskOnPortalContainer();
   const [open, setOpen] = useState(false);
   const timeoutRef = useRef(null);
   const chainInfo = findChainInfo(chain, chains);
@@ -4802,7 +4872,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",
@@ -4836,6 +4906,7 @@ function getIsBrc20(chain, tokenAddress, chains) {
   return (chainInfo == null ? void 0 : chainInfo.chain_type) === "btc" && tokenAddress !== BTC_CONTRACT;
 }
 function TokenInfo({ rewardInfo, chains }) {
+  const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const distributeType = rewardInfo.reward_distribute_type;
   const [open, setOpen] = useState(false);
@@ -4895,7 +4966,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",
@@ -4944,6 +5015,7 @@ async function copyToClipboard$1(text) {
   }
 }
 function NftInfo({ rewardInfo, chains }) {
+  const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -4990,7 +5062,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",
@@ -5031,6 +5103,7 @@ async function copyToClipboard(text) {
   }
 }
 function MintedNftInfo({ rewardInfo, chains }) {
+  const portalContainer = useTaskOnPortalContainer();
   const params = rewardInfo.reward_params;
   const [open, setOpen] = useState(false);
   const [copied, setCopied] = useState(false);
@@ -5077,7 +5150,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",
@@ -5891,7 +5964,6 @@ function LeaderboardModal({
       title: "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" }),
@@ -6237,6 +6309,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`;
@@ -6510,114 +6608,6 @@ function ClaimButton({
     }
   );
 }
-function RewardModuleDialog({
-  open,
-  onOpenChange,
-  type,
-  pointsInfo
-}) {
-  const isToken = type === "token";
-  const isPoints = type === "points";
-  const { messages, isLoading } = useWidgetLocale({
-    widgetId: "UserCenterWidget",
-    defaultMessages: enMessages,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../../UserCenter/locales/en.json": () => import("./UserCenterWidget-BE329iS7.js").then((n) => n.n), "../../../../UserCenter/locales/ja.json": () => import("./usercenter-ja-uu-XfVF9.js"), "../../../../UserCenter/locales/ko.json": () => import("./usercenter-ko-DYgUOVzd.js") }), `../../../../UserCenter/locales/${locale}.json`, 7)
-  });
-  const tokenAssets = useTokenAssets({
-    autoLoad: open && isToken
-  });
-  const tokenHistory = useRewardDetails({
-    rewardType: RewardType.Token,
-    autoLoad: open && isToken
-  });
-  const [showWithdrawForm, setShowWithdrawForm] = useState(false);
-  const [selectedTokenForWithdraw, setSelectedTokenForWithdraw] = useState(null);
-  const handleWithdraw = useCallback((token) => {
-    setSelectedTokenForWithdraw(token);
-    setShowWithdrawForm(true);
-  }, []);
-  const handleBatchWithdraw = useCallback(() => {
-    setSelectedTokenForWithdraw(null);
-    setShowWithdrawForm(true);
-  }, []);
-  const pointsHistory = usePointsHistory({
-    pointsId: (pointsInfo == null ? void 0 : pointsInfo.points_id) ?? 0,
-    autoLoad: open && isPoints && Boolean(pointsInfo == null ? void 0 : pointsInfo.points_id)
-  });
-  const dialogTitle = useMemo(() => {
-    if (isToken) return messages.rewardToken ?? "Token";
-    if (isPoints) return messages.pointsHistory ?? "Points History";
-    return "";
-  }, [isToken, isPoints, messages.rewardToken, messages.pointsHistory]);
-  const handleOpenChange = useCallback(
-    (nextOpen) => {
-      if (!nextOpen) {
-        setShowWithdrawForm(false);
-        setSelectedTokenForWithdraw(null);
-      }
-      onOpenChange(nextOpen);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open,
-        onOpenChange: handleOpenChange,
-        title: dialogTitle,
-        showCloseButton: true,
-        maxWidth: 960,
-        contentClassName: "taskon-quest-reward-dialog",
-        children: isLoading ? /* @__PURE__ */ jsx(LoadingState, { message: messages.loading }) : /* @__PURE__ */ jsxs("div", { className: "taskon-user-center taskon-user-center--popup", children: [
-          isToken && /* @__PURE__ */ jsx(
-            TokenRewardContent,
-            {
-              tokenAssets: tokenAssets.data,
-              tokenAssetsLoading: tokenAssets.loading,
-              tokenAssetsError: tokenAssets.error,
-              pendingWithdrawals: tokenAssets.pendingWithdrawals,
-              tokenHistory: tokenHistory.data,
-              tokenHistoryLoading: tokenHistory.loading,
-              tokenHistoryError: tokenHistory.error,
-              tokenHistoryPagination: tokenHistory.pagination,
-              messages,
-              onWithdraw: handleWithdraw,
-              onBatchWithdraw: handleBatchWithdraw
-            }
-          ),
-          isPoints && (pointsInfo ? /* @__PURE__ */ jsx(
-            PointsList,
-            {
-              pointsInfo,
-              data: pointsHistory.data,
-              loading: pointsHistory.loading,
-              error: pointsHistory.error,
-              pagination: pointsHistory.pagination,
-              messages
-            }
-          ) : /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyPoints }))
-        ] })
-      }
-    ),
-    isToken && /* @__PURE__ */ jsx(
-      WithdrawForm,
-      {
-        open: showWithdrawForm,
-        messages,
-        tokenAssets: tokenAssets.data,
-        tokenAssetsLoading: tokenAssets.loading,
-        initialTokenId: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.token_id,
-        initialChain: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.chain,
-        onClose: () => setShowWithdrawForm(false),
-        onSuccess: () => {
-          tokenAssets.refresh();
-          setShowWithdrawForm(false);
-        }
-      }
-    )
-  ] });
-}
 function RewardToken({
   layer,
   reward,
@@ -6691,10 +6681,66 @@ function RewardToken({
     )
   ] });
 }
+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
@@ -6703,22 +6749,17 @@ function RewardNft({
   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);
@@ -6731,8 +6772,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: [
@@ -6747,9 +6786,9 @@ 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: "Claim" })
     ] }),
-    params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
+    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: "Check Collection on OpenSea" }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: "Txn Hash:" }),
       /* @__PURE__ */ jsx(
         "a",
@@ -6775,14 +6814,20 @@ function RewardMintedNft({
   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);
@@ -6795,8 +6840,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: [
@@ -6811,9 +6854,9 @@ 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: "Claim" })
     ] }),
-    params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
+    openseaLink ? /* @__PURE__ */ jsx(ActionButton, { href: openseaLink, children: "Check Collection on OpenSea" }) : params.tx_hash && chainInfo && /* @__PURE__ */ jsxs("div", { className: "taskon-quest-footer-reward-tx", children: [
       /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-reward-tx-label", children: "Txn Hash:" }),
       /* @__PURE__ */ jsx(
         "a",
@@ -6840,14 +6883,17 @@ function RewardCap({
   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);
@@ -6875,6 +6921,7 @@ function RewardCap({
       ] }),
       params.claimable && /* @__PURE__ */ jsx(ClaimButton, { onClick: handleClaim, loading, children: "Claim" })
     ] }),
+    elementLink && /* @__PURE__ */ jsx(ActionButton, { href: elementLink, children: "Check CAP on Element" }),
     isGasStationDropping && /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-reward-dropping", children: "Cap will be airdropped soon..." })
   ] });
 }
@@ -6899,63 +6946,6 @@ function RewardWhitelist({
     /* @__PURE__ */ jsx("span", { className: "taskon-quest-footer-earned-single-type", children: "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,
   rewardDisplayMode = "popup",
@@ -7339,6 +7329,20 @@ function StatusCard(props) {
     ) : /* @__PURE__ */ jsx("div", { className: "taskon-quest-footer-card-message", children: description }) })
   ] });
 }
+const REPEAT_SUBMIT_ERROR_MESSAGE = "Oops! Seems like you already finished this quest";
+const DEFAULT_COMPLETE_ERROR_MESSAGE = "Failed to complete quest";
+function normalizeCompleteSubmitError(error) {
+  if (error instanceof ApiError) {
+    if (error.code === ErrorCode.RUSER_REPEAT_SUBMIT) {
+      return new ApiError(error.code, REPEAT_SUBMIT_ERROR_MESSAGE, error.data);
+    }
+    return error;
+  }
+  if (error instanceof Error) {
+    return error;
+  }
+  return new Error(DEFAULT_COMPLETE_ERROR_MESSAGE);
+}
 function CompleteButton({
   campaignId,
   hasPointProportionally: hasPointProportionally2 = false,
@@ -7361,33 +7365,35 @@ function CompleteButton({
     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("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);
+        onError == null ? void 0 : onError(normalizedError);
+      }
     } finally {
       setIsLoading(false);
     }
@@ -7416,6 +7422,9 @@ function CompleteButton({
     }
   );
 }
+const REPEAT_SUBMIT_NOTICE_TITLE = "Oops! Seems like You already finished this quest";
+const REPEAT_SUBMIT_NOTICE_DESC = "To ensure a fair experience, submissions with identical wallet addresses, X, Discord, or Telegram accounts, and email addresses are not permitted.";
+const REPEAT_SUBMIT_NOTICE_CONFIRM = "Confirm";
 function OperateFooter(props) {
   const {
     campaign,
@@ -7436,6 +7445,8 @@ function OperateFooter(props) {
     rewardDisplayMode,
     rewardRedirectUrl
   } = props;
+  const { toast } = useToast();
+  const [isRepeatSubmitDialogVisible, setIsRepeatSubmitDialogVisible] = useState(false);
   const hasRanking = useMemo(() => {
     return hasPointRanking(campaign.winner_rewards);
   }, [campaign.winner_rewards]);
@@ -7483,6 +7494,16 @@ function OperateFooter(props) {
       children: "Connect Wallet to Participate"
     }
   ) });
+  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,
     {
@@ -7492,9 +7513,7 @@ function OperateFooter(props) {
       disabled: !isActive,
       onBeforeComplete,
       onComplete,
-      onError: (error) => {
-        console.error("Complete quest error:", error.message);
-      }
+      onError: handleCompleteError
     }
   );
   const renderStatusCard = () => {
@@ -7520,19 +7539,35 @@ function OperateFooter(props) {
       }
     );
   };
+  const renderRepeatSubmitNoticeDialog = () => /* @__PURE__ */ jsx(
+    ConfirmNoticeDialog,
+    {
+      open: isRepeatSubmitDialogVisible,
+      onOpenChange: setIsRepeatSubmitDialogVisible,
+      type: "warn",
+      title: REPEAT_SUBMIT_NOTICE_TITLE,
+      desc: REPEAT_SUBMIT_NOTICE_DESC,
+      confirmButton: REPEAT_SUBMIT_NOTICE_CONFIRM,
+      onConfirm: () => setIsRepeatSubmitDialogVisible(false),
+      accessibilityTitle: REPEAT_SUBMIT_NOTICE_TITLE,
+      accessibilityDescription: REPEAT_SUBMIT_NOTICE_DESC
+    }
+  );
+  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" && cardConfig) {
+    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) {
   switch (errorType) {
@@ -7557,17 +7592,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" })
       ]
     }
   );
@@ -7759,12 +7794,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)"
           }
         )
       ]
@@ -7814,6 +7849,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",
@@ -8108,6 +8183,33 @@ function mergeQuestConfig(props, cloud) {
     rewardRedirectUrl: props.rewardRedirectUrl ?? (cloud == null ? void 0 : cloud.rewardRedirectUrl) ?? ""
   };
 }
+const QUEST_NFT_CLAIM_MESSAGES = {
+  claimDialog: {
+    claimNft: "Claim NFT",
+    claimingNft: "Claiming NFT...",
+    claimConnectingWallet: "Connecting wallet...",
+    claimSwitchingNetwork: "Switching network...",
+    claimGettingSignature: "Getting signature...",
+    claimConfirmInWallet: "Please confirm in your wallet",
+    claimTransactionPending: "Transaction pending...",
+    claimSuccess: "Claim successful!",
+    claimFailed: "Claim failed",
+    claimCanceled: "Transaction was rejected by user.",
+    viewOnExplorer: "View on Explorer",
+    retry: "Retry",
+    close: "Close"
+  },
+  pendingDialog: {
+    pendingTransaction: "Pending Transaction",
+    claimPendingTitle: "You have already claimed this NFT, please wait for this transaction to be confirmed.",
+    claimPendingCheckExplorer: "You can check this transaction on explorer:",
+    claimPendingHashLabel: "Transaction hash:",
+    claimPendingClaimAgainWarn: '"Claim Again" will send a new transaction it is only recommended when you are sure there is something wrong with the current transaction.',
+    claimPendingReceiveAddressNoChange: "This receive address can’t be changed:",
+    claimAgain: "Claim Again",
+    continueWaiting: "Continue Waiting"
+  }
+};
 function getQuestStatusDisplay(campaignStatus, startTime, endTime, isEnd) {
   const now = Date.now();
   const startMs = startTime;
@@ -8144,7 +8246,7 @@ function getHasRanking(winnerRewards) {
   );
 }
 function QuestWidget(props) {
-  const { widgetId } = props;
+  const { widgetId, themeMode } = props;
   const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
   const mergedConfig = useMemo(() => {
     return mergeQuestConfig(
@@ -8171,6 +8273,7 @@ function QuestWidget(props) {
       widgetId,
       isConfigLoading,
       cloudTheme,
+      themeMode,
       className: "taskon-quest",
       errorMessage: configError ?? (!mergedConfig.campaignId ? "Campaign ID is required. Please provide campaignId via props or widgetId." : void 0),
       children: /* @__PURE__ */ jsx(
@@ -8211,7 +8314,6 @@ function QuestWidgetInner(props) {
     onSubmitSuccess,
     onError,
     onConnectWallet,
-    onClaimNft,
     onClaimDiscordRole,
     // onBindChainRequired 和 onBindSnsRequired 已弃用，绑定现在由 Widget 内部处理
     shareUrl,
@@ -8283,6 +8385,34 @@ 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: QUEST_NFT_CLAIM_MESSAGES,
+    onClaimSuccess: async () => {
+      refetchUserStatus();
+      refetchStatus();
+    },
+    onClaimError: (error2) => {
+      toast.error(error2.message || "Failed to claim NFT");
+    },
+    onWalletError: (errorMessage) => {
+      toast.error(errorMessage);
+    }
+  });
+  const handleQuestClaimNft = useCallback(
+    async (reward, layer) => {
+      if (!isSupportedNftRewardType(reward.reward_type)) {
+        return;
+      }
+      await claimNftReward(reward, layer);
+    },
+    [isSupportedNftRewardType, claimNftReward]
+  );
   const {
     mandatoryTasks,
     optionalTasks,
@@ -8458,6 +8588,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();
@@ -8474,7 +8620,6 @@ function QuestWidgetInner(props) {
     // 绑定弹窗相关
     eligsBindInfo,
     closeEligsBindDialog,
-    skipEligsBind,
     onAllEligsBind
   } = useEligibilityRefresh({
     api,
@@ -8493,6 +8638,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
@@ -8528,9 +8709,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;
@@ -8540,10 +8722,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: [
@@ -8609,6 +8788,7 @@ function QuestWidgetInner(props) {
               optionalTasks: optionalTaskData,
               userTaskStatus: userTaskStatusMap,
               onTaskCompleted: handleTaskCompleted,
+              onVerifyAttempted: handleTaskVerifyAttempted,
               onBeforeVerify: checkBeforeSubmitTask,
               disabled: isTaskDisabled,
               isStarted: statusDisplay == null ? void 0 : statusDisplay.isStarted,
@@ -8640,7 +8820,7 @@ function QuestWidgetInner(props) {
                 refetchStatus();
               },
               onConnectWallet,
-              onClaimNft,
+              onClaimNft: handleQuestClaimNft,
               onClaimDiscordRole,
               onBeforeComplete: validateBeforeComplete,
               rewardDisplayMode,
@@ -8769,6 +8949,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,
       {
@@ -8776,9 +8971,7 @@ function QuestWidgetInner(props) {
         chainTypes: eligsBindInfo.chainTypes,
         snsTypes: eligsBindInfo.snsTypes,
         campaign,
-        skippable: eligsBindInfo.skippable,
         onClose: closeEligsBindDialog,
-        onSkip: skipEligsBind,
         onAllBind: onAllEligsBind,
         onBindChain: bindChainAndWait,
         onBindSns: bindSnsAndWait
@@ -8820,15 +9013,13 @@ function QuestWidgetInner(props) {
         chainTypes: completeEligsBindInfo.chainTypes,
         snsTypes: completeEligsBindInfo.snsTypes,
         campaign,
-        skippable: completeEligsBindInfo.skippable,
         onClose: closeCompleteEligsBindDialog,
-        onSkip: () => {
-        },
         onAllBind: onAllCompleteEligsBind,
         onBindChain: bindChainAndWait,
         onBindSns: bindSnsAndWait
       }
-    )
+    ),
+    nftClaimDialogs
   ] });
 }
 export {