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

package/dist/chunks/{EligibilityInfo-C7GZ2G5u.js → EligibilityInfo-D-Fuy9GE.js}

@@ -1,11 +1,141 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { forwardRef, useRef, useEffect, useCallback, useImperativeHandle, useState, useMemo, useContext } from "react";
-import { createUserApi, ChainType, parseTitleExpress, UserIdentityType, SnsType, createQuestApi, createCommonApi, powIcon, contractInteractiveIcon, getSwapDexTitleExpress, RewardType, EligibilityTemplateId, UserEligibleStatus } from "@taskon/core";
-import { d as TaskOnContext, u as useTaskOnAuth } from "./ThemeProvider-wnSXrNQb.js";
-import { R as Root2, b as Trigger, P as Portal, C as Content2, A as Arrow2, T as TipPopover, a as useBindSocialAccount } from "./TipPopover-BrW8jo71.js";
-import { u as useWallet, b as useToast } from "./useToast-B-wyO5zL.js";
-import { D as Dialog } from "./WidgetShell-D_5OjvNZ.js";
-import '../EligibilityInfo.css';const Textarea = forwardRef(
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { forwardRef, useRef, useEffect, useCallback, useImperativeHandle, useMemo, useContext, useState } from "react";
+import { createUserApi, ChainType, getTxExplorerUrl, RewardType, parseTitleExpress, UserIdentityType, SnsType, createQuestApi, isUnauthorizedError, ErrorCode, ApiError, createCommonApi, powIcon, contractInteractiveIcon, getSwapDexTitleExpress, EligibilityTemplateId, UserEligibleStatus } from "@taskon/core";
+import { u as useWallet, d as useToast, e as createEthereumAdapterFromProvider } from "./useToast-CaRkylKe.js";
+import { k as useIsMobile, l as useChainMap, m as useNftClaim, C as ClaimNftDialog, n as PendingTxDialog, B as BindWalletDialog, R as Root2, o as Trigger, p as Portal, q as Content2, r as Arrow2, s as TipPopover, g as useBindSocialAccount, j as enMessages, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, L as LoadingState, i as TokenRewardContent, h as PointsList, E as EmptyState, N as NftRewardContent, W as WithdrawForm } from "./UserCenterWidget-cADBSVg7.js";
+import { p as TaskOnContext, s as useTaskOnPortalContainer, u as useTaskOnAuth, b as useWidgetLocale } from "./ThemeProvider-CPI_roeh.js";
+import { D as Dialog, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-DwXlQC0S.js";
+import '../EligibilityInfo.css';const successIconUrl = new URL("data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='23'%20cy='23'%20r='23'%20fill='%2331FF90'/%3e%3cpath%20d='M16.4281%2022.8899L20.6446%2027.1063L29.6798%2018.0711'%20stroke='black'%20stroke-width='5'%20stroke-linecap='square'%20stroke-linejoin='round'/%3e%3c/svg%3e", import.meta.url).href;
+const warnIconUrl = new URL("data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%200%2046%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.9783%200.0225143C10.2876%200.0225143%200%2010.3101%200%2023.0006C0%2035.6903%2010.2876%2045.9776%2022.9783%2045.9776C35.6682%2045.9776%2045.9556%2035.6903%2045.9556%2023.0006C45.9558%2010.3101%2035.6682%200.0225143%2022.9783%200.0225143ZM21.797%209.85031C21.797%209.01328%2022.4783%208.33197%2023.3154%208.33197C24.1524%208.33197%2024.8337%209.01328%2024.8337%209.85031V11.729C24.8337%2012.5662%2024.1524%2013.2475%2023.3154%2013.2475C22.4783%2013.2475%2021.797%2012.5662%2021.797%2011.7292V9.85031ZM12.0443%2023.1095H10.1657C9.32842%2023.1095%208.64717%2022.4282%208.64717%2021.5912C8.64717%2020.7541%209.32842%2020.0729%2010.1657%2020.0729H12.0443C12.8814%2020.0729%2013.5627%2020.7541%2013.5627%2021.5912C13.5627%2022.4282%2012.8819%2023.1095%2012.0443%2023.1095ZM12.6546%2014.9563C12.368%2014.6697%2012.2098%2014.2882%2012.2098%2013.8823C12.2098%2013.477%2012.3678%2013.0957%2012.6546%2012.8086C12.9411%2012.522%2013.3223%2012.3638%2013.7282%2012.3638C14.134%2012.3638%2014.515%2012.5216%2014.8021%2012.8086L16.1305%2014.137C16.4173%2014.4241%2016.5753%2014.8054%2016.5753%2015.2107C16.5753%2015.6165%2016.4171%2015.9976%2016.1305%2016.2847C15.843%2016.5715%2015.4617%2016.7295%2015.0565%2016.7295C14.6511%2016.7295%2014.2698%2016.5715%2013.9828%2016.2847L12.6546%2014.9563ZM24.2545%2039.3233H22.3764C21.5389%2039.3233%2020.8574%2038.642%2020.8574%2037.8045C20.8574%2036.9674%2021.5389%2036.2861%2022.3764%2036.2861H24.2545C25.0916%2036.2861%2025.7731%2036.9674%2025.7731%2037.8045C25.7732%2038.6421%2025.0916%2039.3233%2024.2545%2039.3233ZM26.1334%2035.8432H20.4976C19.6603%2035.8432%2018.9792%2035.1622%2018.9792%2034.3253C18.9792%2033.4875%2019.6603%2032.8063%2020.4976%2032.8063H26.133C26.9701%2032.8063%2027.6513%2033.4878%2027.6513%2034.3253C27.6518%2035.1624%2026.9705%2035.8432%2026.1334%2035.8432ZM23.3154%2032.033C18.335%2032.033%2014.2826%2027.9809%2014.2826%2023C14.2826%2018.0196%2018.3345%2013.9671%2023.3154%2013.9671C28.2958%2013.9671%2032.3478%2018.0191%2032.3478%2023C32.3478%2027.9809%2028.2958%2032.033%2023.3154%2032.033ZM31.574%2016.7295C31.1682%2016.7295%2030.7867%2016.5713%2030.5%2016.2843C29.9086%2015.6924%2029.9086%2014.7293%2030.5%2014.1374L31.8288%2012.8086C32.1155%2012.522%2032.4972%2012.364%2032.9026%2012.364C33.3082%2012.364%2033.6895%2012.522%2033.9762%2012.8084C34.568%2013.4009%2034.5676%2014.364%2033.9762%2014.9559L32.6478%2016.2843C32.3613%2016.5715%2031.98%2016.7295%2031.574%2016.7295ZM36.4652%2023.1095H34.5862C33.7491%2023.1095%2033.0678%2022.4282%2033.0678%2021.5912C33.0678%2020.7541%2033.7491%2020.0729%2034.5862%2020.0729H36.4652C37.3025%2020.0729%2037.9835%2020.7541%2037.9835%2021.5912C37.9836%2022.4282%2037.3025%2023.1095%2036.4652%2023.1095Z'%20fill='%23F89D35'/%3e%3c/svg%3e", import.meta.url).href;
+function getNoticeIcon(type) {
+  if (type === "success") {
+    return successIconUrl;
+  }
+  if (type === "warn") {
+    return warnIconUrl;
+  }
+  return null;
+}
+function ConfirmNoticeDialog({
+  open,
+  onOpenChange,
+  type = "default",
+  title,
+  desc,
+  col = false,
+  cancelButton,
+  confirmButton,
+  onCancel,
+  onConfirm,
+  onClose,
+  closeOnCancel = true,
+  closeOnConfirm = true,
+  cancelDisabled = false,
+  confirmDisabled = false,
+  showCloseButton = false,
+  closeOnOverlayClick = true,
+  closeOnEscapeKey = true,
+  maxWidth = 470,
+  className,
+  contentClassName,
+  children,
+  actions,
+  footer,
+  accessibilityTitle,
+  accessibilityDescription
+}) {
+  const noticeIcon = getNoticeIcon(type);
+  const shouldRenderDefaultActions = !actions && Boolean(cancelButton || confirmButton);
+  const closeDialog = React__default.useCallback(() => {
+    onOpenChange(false);
+    onClose == null ? void 0 : onClose();
+  }, [onOpenChange, onClose]);
+  const handleOpenChange = React__default.useCallback(
+    (nextOpen) => {
+      onOpenChange(nextOpen);
+      if (!nextOpen) {
+        onClose == null ? void 0 : onClose();
+      }
+    },
+    [onOpenChange, onClose]
+  );
+  const handleCancel = React__default.useCallback(() => {
+    onCancel == null ? void 0 : onCancel();
+    if (closeOnCancel) {
+      closeDialog();
+    }
+  }, [onCancel, closeOnCancel, closeDialog]);
+  const handleConfirm = React__default.useCallback(() => {
+    onConfirm == null ? void 0 : onConfirm();
+    if (closeOnConfirm) {
+      closeDialog();
+    }
+  }, [onConfirm, closeOnConfirm, closeDialog]);
+  const ariaTitle = accessibilityTitle ?? (typeof title === "string" ? title : "Confirm notice");
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      title: ariaTitle,
+      description: accessibilityDescription,
+      showCloseButton,
+      closeOnOverlayClick,
+      closeOnEscapeKey,
+      maxWidth,
+      contentClassName: `taskon-confirm-notice-dialog ${contentClassName || ""}`.trim(),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `taskon-confirm-notice taskon-confirm-notice--${type} ${className || ""}`.trim(),
+          children: [
+            noticeIcon && /* @__PURE__ */ jsx(
+              "img",
+              {
+                className: "taskon-confirm-notice-icon",
+                src: noticeIcon,
+                alt: ""
+              }
+            ),
+            title && /* @__PURE__ */ jsx("h3", { className: "taskon-confirm-notice-title", children: title }),
+            desc && /* @__PURE__ */ jsx("p", { className: "taskon-confirm-notice-desc", children: desc }),
+            children,
+            (actions || shouldRenderDefaultActions) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `taskon-confirm-notice-buttons ${col ? "taskon-confirm-notice-buttons--col" : ""}`.trim(),
+                children: actions || /* @__PURE__ */ jsxs(Fragment, { children: [
+                  cancelButton && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "taskon-confirm-notice-button taskon-confirm-notice-button--cancel",
+                      onClick: handleCancel,
+                      disabled: cancelDisabled,
+                      children: cancelButton
+                    }
+                  ),
+                  confirmButton && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "taskon-confirm-notice-button taskon-confirm-notice-button--confirm",
+                      onClick: handleConfirm,
+                      disabled: confirmDisabled,
+                      children: confirmButton
+                    }
+                  )
+                ] })
+              }
+            ),
+            footer
+          ]
+        }
+      )
+    }
+  );
+}
+const Textarea = forwardRef(
   function Textarea2({
     value: value2,
     onChange,
@@ -90,25 +220,6 @@ import '../EligibilityInfo.css';const Textarea = forwardRef(
     ] });
   }
 );
-const MOBILE_BREAKPOINT = 750;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = useState(() => {
-    if (typeof window === "undefined") return false;
-    return window.innerWidth <= MOBILE_BREAKPOINT;
-  });
-  const handleResize = useCallback(() => {
-    setIsMobile(window.innerWidth <= MOBILE_BREAKPOINT);
-  }, []);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, [handleResize]);
-  return isMobile;
-}
 function detectEthereumProvider() {
   if (typeof window === "undefined") return false;
   return Boolean(window.ethereum);
@@ -400,6 +511,253 @@ function useBindWallet({
     hasAdapter
   };
 }
+function isNftRewardType(type) {
+  return type === RewardType.Nft || type === RewardType.BMintedNft || type === RewardType.Cap;
+}
+function buildFallbackLayer(reward) {
+  return {
+    winner_index: 0,
+    layer_no: 0,
+    reward: [reward]
+  };
+}
+function useNftClaimFlow(options) {
+  const {
+    campaignId,
+    targetType,
+    onClaimSuccess,
+    onClaimError,
+    onWalletError,
+    messages
+  } = options;
+  const { toast } = useToast();
+  const { chainMap } = useChainMap();
+  const [isClaimDialogOpen, setIsClaimDialogOpen] = useState(false);
+  const [isWalletDialogOpen, setIsWalletDialogOpen] = useState(false);
+  const [isPendingDialogOpen, setIsPendingDialogOpen] = useState(false);
+  const [pendingTxDialogState, setPendingTxDialogState] = useState(null);
+  const [pendingWalletClaimTarget, setPendingWalletClaimTarget] = useState(null);
+  const pendingDecisionResolverRef = useRef(null);
+  const resolvePendingDecision = useCallback((claimAgain) => {
+    const resolver = pendingDecisionResolverRef.current;
+    if (resolver) {
+      pendingDecisionResolverRef.current = null;
+      resolver(claimAgain);
+    }
+  }, []);
+  useEffect(() => {
+    return () => {
+      resolvePendingDecision(false);
+    };
+  }, [resolvePendingDecision]);
+  const {
+    status: claimStatus,
+    error: claimError,
+    txHash: claimTxHash,
+    claimingNft,
+    claimNft,
+    reset: resetClaim
+  } = useNftClaim({
+    onSuccess: (txHash, item) => {
+      void (onClaimSuccess == null ? void 0 : onClaimSuccess(txHash, item.sourceReward, item.sourceLayer));
+    },
+    onError: (error, item) => {
+      void (onClaimError == null ? void 0 : onClaimError(error, item.sourceReward, item.sourceLayer));
+    },
+    onPendingFound: async (pendingKey, txHash, chainName, item) => {
+      const rewardValue = item.reward_value;
+      const receiveAddress = typeof rewardValue.receiver_address === "string" ? rewardValue.receiver_address : void 0;
+      resolvePendingDecision(false);
+      setIsClaimDialogOpen(false);
+      setPendingTxDialogState({
+        pendingKey,
+        txHash,
+        chainName,
+        receiveAddress
+      });
+      setIsPendingDialogOpen(true);
+      return new Promise((resolve) => {
+        pendingDecisionResolverRef.current = resolve;
+      });
+    },
+    onNeedWalletDialog: () => {
+      setIsClaimDialogOpen(false);
+      setIsWalletDialogOpen(true);
+    }
+  });
+  const claimExplorerUrl = useMemo(() => {
+    if (!claimTxHash || !claimingNft) {
+      return void 0;
+    }
+    const chainInfo = chainMap[claimingNft.chainName.toLowerCase()];
+    if (!chainInfo) {
+      return void 0;
+    }
+    return getTxExplorerUrl(chainInfo, claimTxHash);
+  }, [claimTxHash, claimingNft, chainMap]);
+  const pendingExplorerUrl = useMemo(() => {
+    if (!(pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash)) {
+      return void 0;
+    }
+    const chainInfo = chainMap[pendingTxDialogState.chainName.toLowerCase()];
+    if (!chainInfo) {
+      return void 0;
+    }
+    return getTxExplorerUrl(chainInfo, pendingTxDialogState.txHash);
+  }, [pendingTxDialogState, chainMap]);
+  const claimNftReward = useCallback(
+    async (reward, layer) => {
+      if (!isNftRewardType(reward.reward_type)) {
+        return;
+      }
+      const targetLayer = layer ?? buildFallbackLayer(reward);
+      const target = {
+        campaign_id: campaignId,
+        target_type: targetType,
+        reward_type: reward.reward_type,
+        reward_value: reward.reward_value,
+        reward_id: reward.reward_id,
+        sourceReward: reward,
+        sourceLayer: targetLayer
+      };
+      setPendingWalletClaimTarget(target);
+      setIsClaimDialogOpen(true);
+      await claimNft(target);
+    },
+    [campaignId, targetType, claimNft]
+  );
+  const isSupportedNftRewardType = useCallback((rewardType) => {
+    return isNftRewardType(rewardType);
+  }, []);
+  const handleWalletConnect = useCallback(
+    async (address, provider) => {
+      const target = pendingWalletClaimTarget ?? (claimingNft == null ? void 0 : claimingNft.item);
+      if (!target) {
+        throw new Error("No pending NFT claim target found");
+      }
+      if (!provider || typeof provider.request !== "function") {
+        throw new Error("Invalid wallet provider");
+      }
+      const popupAdapter = createEthereumAdapterFromProvider(
+        provider,
+        {
+          address
+        }
+      );
+      setIsWalletDialogOpen(false);
+      setIsClaimDialogOpen(true);
+      await claimNft(target, popupAdapter);
+    },
+    [pendingWalletClaimTarget, claimingNft, claimNft]
+  );
+  const handleWalletError = useCallback(
+    (errorMessage) => {
+      onWalletError == null ? void 0 : onWalletError(errorMessage);
+      if (!onWalletError) {
+        toast.error(errorMessage);
+      }
+    },
+    [onWalletError, toast]
+  );
+  const handlePendingContinueWaiting = useCallback(() => {
+    setIsPendingDialogOpen(false);
+    setPendingTxDialogState(null);
+    setPendingWalletClaimTarget(null);
+    resetClaim();
+    resolvePendingDecision(false);
+  }, [resetClaim, resolvePendingDecision]);
+  const handlePendingClaimAgain = useCallback(() => {
+    setIsPendingDialogOpen(false);
+    setPendingTxDialogState(null);
+    setIsClaimDialogOpen(true);
+    resolvePendingDecision(true);
+  }, [resolvePendingDecision]);
+  const handleCloseClaimDialog = useCallback(() => {
+    setIsClaimDialogOpen(false);
+    setTimeout(() => {
+      resetClaim();
+      setPendingWalletClaimTarget(null);
+    }, 200);
+  }, [resetClaim]);
+  const handleRetryClaim = useCallback(() => {
+    if (!claimingNft) {
+      return;
+    }
+    resetClaim();
+    setPendingWalletClaimTarget(claimingNft.item);
+    void claimNft(claimingNft.item);
+  }, [claimingNft, resetClaim, claimNft]);
+  const isClaiming = useMemo(() => {
+    return ["checking", "connecting", "switching", "signing", "confirming", "pending"].includes(
+      claimStatus
+    );
+  }, [claimStatus]);
+  const dialogs = useMemo(() => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ClaimNftDialog,
+        {
+          open: isClaimDialogOpen,
+          onClose: handleCloseClaimDialog,
+          status: claimStatus,
+          error: claimError,
+          txHash: claimTxHash,
+          claimingNft,
+          explorerUrl: claimExplorerUrl,
+          messages: messages == null ? void 0 : messages.claimDialog,
+          onRetry: handleRetryClaim
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PendingTxDialog,
+        {
+          open: isPendingDialogOpen,
+          onClose: handlePendingContinueWaiting,
+          onClaimAgain: handlePendingClaimAgain,
+          onContinueWaiting: handlePendingContinueWaiting,
+          txHash: pendingTxDialogState == null ? void 0 : pendingTxDialogState.txHash,
+          explorerUrl: pendingExplorerUrl,
+          receiveAddress: pendingTxDialogState == null ? void 0 : pendingTxDialogState.receiveAddress,
+          messages: messages == null ? void 0 : messages.pendingDialog
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        BindWalletDialog,
+        {
+          open: isWalletDialogOpen,
+          onOpenChange: setIsWalletDialogOpen,
+          onConnect: handleWalletConnect,
+          onError: handleWalletError
+        }
+      )
+    ] });
+  }, [
+    isClaimDialogOpen,
+    handleCloseClaimDialog,
+    claimStatus,
+    claimError,
+    claimTxHash,
+    claimingNft,
+    claimExplorerUrl,
+    messages,
+    handleRetryClaim,
+    isPendingDialogOpen,
+    handlePendingContinueWaiting,
+    handlePendingClaimAgain,
+    pendingTxDialogState,
+    pendingExplorerUrl,
+    isWalletDialogOpen,
+    handleWalletConnect,
+    handleWalletError
+  ]);
+  return {
+    claimNftReward,
+    isSupportedNftRewardType,
+    dialogs,
+    claimingNft,
+    isClaiming
+  };
+}
 async function copyToClipboard(text2) {
   try {
     if (navigator.clipboard && navigator.clipboard.writeText) {
@@ -424,6 +782,7 @@ function CopyableText({
   children,
   copyText
 }) {
+  const portalContainer = useTaskOnPortalContainer();
   const [copied, setCopied] = useState(false);
   const [open, setOpen] = useState(false);
   const closeTimerRef = useRef(null);
@@ -468,7 +827,7 @@ function CopyableText({
         children
       }
     ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(
       Content2,
       {
         className: "taskon-title-express-popover-content",
@@ -1683,6 +2042,31 @@ function sanitizeHtml(html2) {
   initHooks();
   return purify.sanitize(html2, PURIFY_CONFIG);
 }
+function CardDescExpress({
+  label,
+  noMaxHeight = false,
+  className
+}) {
+  const sanitizedHtml = useMemo(() => {
+    if (!label) return "";
+    return sanitizeHtml(label);
+  }, [label]);
+  if (!label) {
+    return null;
+  }
+  const rootClassName = [
+    "taskon-card-desc-rich",
+    noMaxHeight ? "taskon-card-desc-rich--no-max-height" : "",
+    className || ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: rootClassName,
+      dangerouslySetInnerHTML: { __html: sanitizedHtml }
+    }
+  );
+}
 const twitterIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%2358AFFF'/%3e%3cpath%20d='M36%2018.9643C35.5742%2019.75%2034.8645%2020.5357%2033.871%2021.0595V21.5833C33.871%2028.131%2028.0516%2033.5%2020.9548%2033.5C18.5419%2033.5%2016.129%2032.8452%2014%2031.6667C14.4258%2031.6667%2014.7097%2031.7976%2015.1355%2031.6667C17.2645%2031.6667%2019.2516%2031.0119%2020.8129%2029.8333C18.8258%2029.8333%2017.1226%2028.6548%2016.5548%2026.9524C16.8387%2026.9524%2017.1226%2027.0833%2017.4065%2027.0833C17.8323%2027.0833%2018.2581%2027.0833%2018.5419%2026.9524C16.4129%2026.5595%2014.8516%2024.8571%2014.8516%2022.8929C15.4194%2023.1548%2016.129%2023.4167%2016.8387%2023.4167C15.7032%2022.631%2014.9935%2021.3214%2014.9935%2019.881C14.9935%2019.0952%2015.2774%2018.4405%2015.5613%2017.7857C17.8323%2020.4048%2021.2387%2021.9762%2024.929%2022.1071C24.7871%2021.8452%2024.7871%2021.4524%2024.7871%2021.1905C24.7871%2018.8333%2026.7742%2017%2029.329%2017C30.6065%2017%2031.7419%2017.5238%2032.5935%2018.3095C33.5871%2018.1786%2034.5806%2017.7857%2035.4323%2017.2619C35.1484%2018.1786%2034.4387%2019.0952%2033.4452%2019.619C34.2968%2019.4881%2035.2903%2019.2262%2036%2018.9643Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
 const retweetIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%2358AFFF'/%3e%3cpath%20d='M27.6047%2016C27.1048%2016%2026.605%2016.3999%2026.605%2017.2296V20.3986L26.0401%2020.4286C23.5018%2020.5001%2021.0516%2021.3751%2019.0423%2022.9279C16.5081%2024.9972%2014.4787%2028.4562%2014.0088%2032.9098C13.9745%2033.1614%2014.0408%2033.4165%2014.1934%2033.6195C14.3459%2033.8226%2014.5724%2033.9573%2014.8236%2033.9945C14.8666%2034.0015%2014.9105%2034.0015%2014.9536%2033.9945C15.1097%2033.9982%2015.2638%2033.9587%2015.3988%2033.8801C15.5338%2033.8016%2015.6444%2033.6872%2015.7183%2033.5496C18.1526%2030.0507%2023.356%2029.4958%2025.9102%2029.4958H26.61V32.8898C26.6025%2033.0314%2026.6239%2033.173%2026.6726%2033.3061C26.7214%2033.4392%2026.7967%2033.561%2026.8938%2033.6642C26.991%2033.7674%2027.108%2033.8499%2027.2379%2033.9067C27.3678%2033.9634%2027.5079%2033.9933%2027.6496%2033.9945C27.803%2033.9913%2027.9541%2033.9574%2028.0941%2033.8947C28.234%2033.832%2028.36%2033.7419%2028.4644%2033.6296L35.3173%2026.3868C36.197%2025.4721%2036.242%2024.5224%2035.3623%2023.6077L28.3294%2016.3149C28.2364%2016.2159%2028.1241%2016.1369%2027.9995%2016.0828C27.8749%2016.0287%2027.7405%2016.0005%2027.6047%2016Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
 const discordIconUrl = new URL("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='25'%20cy='25'%20r='25'%20fill='%236671FF'/%3e%3cpath%20d='M33.2655%2018.9902C30.7797%2017.2501%2028.4181%2017.1258%2028.0452%2017.1258L27.7966%2017.3744C30.6554%2018.1202%2032.2712%2019.4874%2032.3955%2019.6117C27.9209%2017.3744%2022.9492%2017.2501%2018.4746%2018.9902C17.8531%2019.2388%2017.4802%2019.4874%2017.3559%2019.4874C17.6045%2019.3631%2019.096%2017.9959%2022.2034%2017.2501L21.9548%2017.0015C21.9548%2017.0015%2019.4689%2016.8772%2016.7345%2018.8659C16.7345%2018.8659%2014%2023.4648%2014%2029.3066C14%2029.3066%2015.6158%2031.9168%2019.7175%2032.0411C19.7175%2032.0411%2020.339%2031.2953%2020.9605%2030.5496C18.8475%2029.9281%2017.8531%2028.5609%2017.7288%2028.4366L18.4746%2028.8095C20.7119%2029.6795%2023.0734%2030.9225%2027.4237%2030.1767C28.2938%2030.0524%2029.2881%2029.8038%2030.1582%2029.4309C30.7797%2029.058%2031.5254%2028.8095%2032.2712%2028.3123C32.1469%2028.4366%2031.1525%2029.8038%2028.9153%2030.4253C29.4124%2031.171%2030.1582%2031.9168%2030.1582%2031.9168C34.3842%2031.7925%2036%2029.1823%2036%2029.4309C36%2023.7134%2033.2655%2018.9902%2033.2655%2018.9902ZM21.5819%2027.4422C20.5876%2027.4422%2019.7175%2026.5722%2019.7175%2025.4535C19.7175%2024.3349%2020.5876%2023.4648%2021.5819%2023.4648C22.5763%2023.4648%2023.4463%2024.4592%2023.4463%2025.4535C23.4463%2026.5722%2022.5763%2027.4422%2021.5819%2027.4422ZM28.4181%2027.4422C27.4237%2027.4422%2026.5537%2026.5722%2026.5537%2025.4535C26.5537%2024.3349%2027.4237%2023.4648%2028.4181%2023.4648C29.5367%2023.4648%2030.4068%2024.4592%2030.4068%2025.4535C30.4068%2026.5722%2029.5367%2027.4422%2028.4181%2027.4422Z'%20fill='black'/%3e%3c/svg%3e", import.meta.url).href;
@@ -1717,14 +2101,14 @@ function FinishedIcon({ size }) {
       "path",
       {
         d: "M14.2218 3.22183C19.2021 1.15893 24.7979 1.15893 29.7782 3.22183C34.7585 5.28473 38.7153 9.24155 40.7782 14.2218C42.8411 19.2021 42.8411 24.7979 40.7782 29.7782C38.7153 34.7585 34.7585 38.7153 29.7782 40.7782C24.7979 42.8411 19.2021 42.8411 14.2218 40.7782C9.24155 38.7153 5.28473 34.7585 3.22183 29.7782C1.15893 24.7979 1.15893 19.2021 3.22183 14.2218C5.28473 9.24154 9.24154 5.28473 14.2218 3.22183Z",
-        fill: "#31FF90"
+        fill: "var(--taskon-color-secondary)"
       }
     ),
     /* @__PURE__ */ jsx(
       "path",
       {
         d: "M15.4805 21.9999L19.5136 26.033L28.156 17.3906",
-        stroke: "black",
+        stroke: "var(--taskon-color-text-on-primary)",
         strokeWidth: "4",
         strokeLinecap: "round",
         strokeLinejoin: "round"
@@ -1734,24 +2118,24 @@ function FinishedIcon({ size }) {
 }
 function DoneIcon({ size }) {
   return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 34 34", fill: "none", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "17", fill: "#E2FF70" }),
+    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "17", fill: "var(--taskon-color-primary)" }),
     /* @__PURE__ */ jsx(
       "path",
       {
         d: "M4.74 21V19.62H6.49C6.91667 19.62 7.29 19.5367 7.61 19.37C7.93 19.1967 8.17667 18.9467 8.35 18.62C8.52333 18.2933 8.61 17.9067 8.61 17.46C8.61 17.0133 8.52 16.63 8.34 16.31C8.16667 15.99 7.92 15.7433 7.6 15.57C7.28667 15.3967 6.91667 15.31 6.49 15.31H4.69V13.94H6.51C7.04333 13.94 7.53333 14.0267 7.98 14.2C8.43333 14.3667 8.82667 14.61 9.16 14.93C9.5 15.2433 9.76 15.6167 9.94 16.05C10.1267 16.4767 10.22 16.95 10.22 17.47C10.22 17.9833 10.1267 18.4567 9.94 18.89C9.76 19.3233 9.50333 19.6967 9.17 20.01C8.83667 20.3233 8.44333 20.5667 7.99 20.74C7.54333 20.9133 7.05667 21 6.53 21H4.74ZM3.68 21V13.94H5.25V21H3.68ZM14.0891 21.12C13.5557 21.12 13.0624 21.0267 12.6091 20.84C12.1624 20.6533 11.7691 20.3933 11.4291 20.06C11.0891 19.7267 10.8257 19.34 10.6391 18.9C10.4524 18.4533 10.3591 17.9733 10.3591 17.46C10.3591 16.94 10.4524 16.46 10.6391 16.02C10.8257 15.58 11.0857 15.1967 11.4191 14.87C11.7524 14.5367 12.1424 14.28 12.5891 14.1C13.0424 13.9133 13.5357 13.82 14.0691 13.82C14.5957 13.82 15.0824 13.9133 15.5291 14.1C15.9824 14.28 16.3757 14.5367 16.7091 14.87C17.0491 15.1967 17.3124 15.5833 17.4991 16.03C17.6857 16.47 17.7791 16.95 17.7791 17.47C17.7791 17.9833 17.6857 18.4633 17.4991 18.91C17.3124 19.35 17.0524 19.7367 16.7191 20.07C16.3857 20.3967 15.9924 20.6533 15.5391 20.84C15.0924 21.0267 14.6091 21.12 14.0891 21.12ZM14.0691 19.69C14.4891 19.69 14.8557 19.5967 15.1691 19.41C15.4891 19.2233 15.7357 18.9633 15.9091 18.63C16.0824 18.29 16.1691 17.9 16.1691 17.46C16.1691 17.1267 16.1191 16.8267 16.0191 16.56C15.9191 16.2867 15.7757 16.0533 15.5891 15.86C15.4024 15.66 15.1791 15.51 14.9191 15.41C14.6657 15.3033 14.3824 15.25 14.0691 15.25C13.6491 15.25 13.2791 15.3433 12.9591 15.53C12.6457 15.71 12.4024 15.9667 12.2291 16.3C12.0557 16.6267 11.9691 17.0133 11.9691 17.46C11.9691 17.7933 12.0191 18.0967 12.1191 18.37C12.2191 18.6433 12.3591 18.88 12.5391 19.08C12.7257 19.2733 12.9491 19.4233 13.2091 19.53C13.4691 19.6367 13.7557 19.69 14.0691 19.69ZM18.2757 21V13.94H19.3757L19.8457 15.35V21H18.2757ZM23.1457 21L18.9857 15.67L19.3757 13.94L23.5357 19.27L23.1457 21ZM23.1457 21L22.7257 19.59V13.94H24.2957V21H23.1457ZM25.1585 21V13.94H26.7285V21H25.1585ZM26.3585 21V19.64H30.2285V21H26.3585ZM26.3585 18.05V16.74H29.8785V18.05H26.3585ZM26.3585 15.29V13.94H30.1785V15.29H26.3585Z",
-        fill: "black"
+        fill: "var(--taskon-color-text-on-primary)"
       }
     )
   ] });
 }
 function DefaultIcon({ size }) {
   return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 34 34", fill: "none", style: { borderRadius: "50%" }, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "17", fill: "#3B3F42" }),
+    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "17", fill: "var(--taskon-color-bg-inset)" }),
     /* @__PURE__ */ jsx(
       "path",
       {
         d: "M17 10V17L21 19",
-        stroke: "#9CA3AF",
+        stroke: "var(--taskon-color-text-tertiary)",
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
@@ -2053,6 +2437,37 @@ function getSnsTypeFromIdentity(identityType) {
       return void 0;
   }
 }
+const VERIFY_FAILED_TITLE = "Verify Failed";
+const ELIGIBILITY_FAILED_TITLE = "Not Eligible";
+const DEFAULT_VERIFY_FAILED_MESSAGE = "Oops! You did not pass this task.";
+const DEFAULT_ELIGIBILITY_FAILED_MESSAGE = "You do not meet the campaign eligibility requirements.";
+const CAMPAIGN_INELIGIBILITY_CODE = "CAMPAIGN_INELIGIBILITY";
+function extractErrorMessage(error) {
+  if (error instanceof Error) {
+    return error.message;
+  }
+  if (typeof error === "string") {
+    return error;
+  }
+  if (error && typeof error === "object" && "message" in error) {
+    const maybeMessage = error.message;
+    if (typeof maybeMessage === "string") {
+      return maybeMessage;
+    }
+  }
+  return "Unknown error";
+}
+function buildInviteNotReachMessage(errorData) {
+  if (!errorData || typeof errorData !== "object") {
+    return null;
+  }
+  const data2 = errorData;
+  if (typeof data2.invited !== "number" || typeof data2.min_required !== "number") {
+    return null;
+  }
+  const remaining = Math.max(0, data2.min_required - data2.invited);
+  return `You have invited ${data2.invited} users, but need ${remaining} more to complete this task.`;
+}
 function useTaskSubmit({
   campaignId,
   taskId,
@@ -2062,6 +2477,8 @@ function useTaskSubmit({
   taskValue,
   onSuccess,
   onError,
+  onCampaignIneligibility,
+  onVerifyFailedNotice,
   onNeedWalletDialog
 }) {
   const context = useContext(TaskOnContext);
@@ -2094,40 +2511,49 @@ function useTaskSubmit({
     },
     [userInfo]
   );
-  const showVerifyFailedToast = useCallback(
+  const buildVerifyFailedMessage = useCallback(
     (taskPlatform) => {
       if (taskPlatform === "Twitter") {
         const name2 = getSnsUserName("Twitter");
-        toast.error(
-          `Oops! Verification Failed!
-This is usually due to X(Twitter) delays.
-Please try again in 30 seconds and make sure you used your linked X account${name2 ? `, ${name2}` : ""}.`,
-          1e4
-        );
-      } else if (taskPlatform === "Discord") {
+        return `This is usually due to X(Twitter) delays.
+Please try again in 30 seconds and make sure you used your linked X account${name2 ? `, ${name2}` : ""}.`;
+      }
+      if (taskPlatform === "Discord") {
         const name2 = getSnsUserName("Discord");
-        toast.error(
-          `Oops! Verification Failed!
-This is usually due to Discord delays.
-Please try again in 30 seconds and make sure you used your linked Discord account${name2 ? `, ${name2}` : ""}.`,
-          1e4
-        );
-      } else if (taskPlatform === "Telegram") {
+        return `This is usually due to Discord delays.
+Please try again in 30 seconds and make sure you used your linked Discord account${name2 ? `, ${name2}` : ""}.`;
+      }
+      if (taskPlatform === "Telegram") {
         const name2 = getSnsUserName("Telegram");
-        toast.error(
-          `Oops! Verification Failed!
-This is usually due to Telegram delays.
-Please try again in 30 seconds and make sure you used your linked Telegram account${name2 ? `, ${name2}` : ""}.`,
-          1e4
-        );
-      } else {
-        toast.error("Oops! You did not pass this task.");
+        return `This is usually due to Telegram delays.
+Please try again in 30 seconds and make sure you used your linked Telegram account${name2 ? `, ${name2}` : ""}.`;
+      }
+      return DEFAULT_VERIFY_FAILED_MESSAGE;
+    },
+    [getSnsUserName]
+  );
+  const notifyVerifyFailed = useCallback(
+    (notice) => {
+      if (onVerifyFailedNotice) {
+        onVerifyFailedNotice(notice);
+        return;
       }
+      if (notice.source === "verify_failed") {
+        if (notice.message === DEFAULT_VERIFY_FAILED_MESSAGE) {
+          toast.error(DEFAULT_VERIFY_FAILED_MESSAGE);
+          return;
+        }
+        toast.error(`Oops! Verification Failed!
+${notice.message}`, 1e4);
+        return;
+      }
+      toast.error(notice.message);
     },
-    [getSnsUserName, toast]
+    [onVerifyFailedNotice, toast]
   );
   const {
     bindIfNeed: bindSns,
+    reAuth,
     isWaitingAuth,
     isBound: isSnsBound
   } = useBindSocialAccount({
@@ -2135,6 +2561,10 @@ Please try again in 30 seconds and make sure you used your linked Telegram accou
     onSuccess: async () => {
       await doSubmit();
     },
+    // Re-auth success: resubmit task with OAuth token (same as Vue flow)
+    onAuthSuccess: async (token) => {
+      await doSubmit(token);
+    },
     onFailed: (err) => {
       setError(err);
       onError == null ? void 0 : onError(err);
@@ -2163,6 +2593,13 @@ Please try again in 30 seconds and make sure you used your linked Telegram accou
       if (!questApi) {
         const err = "Quest API not initialized";
         setError(err);
+        notifyVerifyFailed({
+          title: VERIFY_FAILED_TITLE,
+          message: err,
+          source: "api_error",
+          platform,
+          rawError: err
+        });
         onError == null ? void 0 : onError(err);
         return;
       }
@@ -2177,16 +2614,64 @@ Please try again in 30 seconds and make sure you used your linked Telegram accou
         if ((_a = result.success_tasks) == null ? void 0 : _a.length) {
           onSuccess == null ? void 0 : onSuccess(result);
         } else {
-          const errorMsg = "Task verification failed";
-          setError(errorMsg);
-          showVerifyFailedToast(platform);
-          onError == null ? void 0 : onError(errorMsg);
+          const verifyFailedMessage = buildVerifyFailedMessage(platform);
+          setError(verifyFailedMessage);
+          notifyVerifyFailed({
+            title: VERIFY_FAILED_TITLE,
+            message: verifyFailedMessage,
+            source: "verify_failed",
+            platform
+          });
+          onError == null ? void 0 : onError(verifyFailedMessage);
         }
       } catch (e) {
-        const err = e instanceof Error ? e.message : "Unknown error";
-        setError(err);
-        toast.error(err);
-        onError == null ? void 0 : onError(err);
+        const apiError = e instanceof ApiError ? e : null;
+        const errorCode = apiError == null ? void 0 : apiError.code;
+        const rawErrorMessage = extractErrorMessage(e);
+        if (errorCode && isUnauthorizedError(errorCode) && needsSnsBinding) {
+          await reAuth();
+          return;
+        }
+        if (errorCode === CAMPAIGN_INELIGIBILITY_CODE) {
+          const eligibilityMessage = rawErrorMessage || DEFAULT_ELIGIBILITY_FAILED_MESSAGE;
+          setError(eligibilityMessage);
+          if (onCampaignIneligibility) {
+            await onCampaignIneligibility();
+          } else {
+            notifyVerifyFailed({
+              title: ELIGIBILITY_FAILED_TITLE,
+              message: eligibilityMessage,
+              source: "api_error",
+              platform,
+              rawError: rawErrorMessage
+            });
+          }
+          onError == null ? void 0 : onError(eligibilityMessage);
+          return;
+        }
+        if (errorCode === ErrorCode.INVITE_JOIN_IS_NOT_REACH) {
+          const inviteNotReachMessage = buildInviteNotReachMessage(apiError == null ? void 0 : apiError.data);
+          const inviteErrorMessage = inviteNotReachMessage || rawErrorMessage;
+          setError(inviteErrorMessage);
+          notifyVerifyFailed({
+            title: VERIFY_FAILED_TITLE,
+            message: inviteErrorMessage,
+            source: "verify_failed",
+            platform,
+            rawError: rawErrorMessage
+          });
+          onError == null ? void 0 : onError(inviteErrorMessage);
+          return;
+        }
+        setError(rawErrorMessage);
+        notifyVerifyFailed({
+          title: VERIFY_FAILED_TITLE,
+          message: rawErrorMessage,
+          source: "api_error",
+          platform,
+          rawError: rawErrorMessage
+        });
+        onError == null ? void 0 : onError(rawErrorMessage);
       } finally {
         setIsSubmitting(false);
       }
@@ -2198,8 +2683,11 @@ Please try again in 30 seconds and make sure you used your linked Telegram accou
       platform,
       onSuccess,
       onError,
-      showVerifyFailedToast,
-      toast
+      onCampaignIneligibility,
+      buildVerifyFailedMessage,
+      notifyVerifyFailed,
+      needsSnsBinding,
+      reAuth
     ]
   );
   const submit = useCallback(
@@ -2331,6 +2819,33 @@ function useLinkTaskTracker(taskId, isLinkTask) {
     needClickLink
   };
 }
+const DEFAULT_TITLE = "Verify Failed";
+const DEFAULT_MESSAGE = "Oops! You did not pass this task.";
+function TaskVerifyFailedDialog({
+  open,
+  title = DEFAULT_TITLE,
+  message = DEFAULT_MESSAGE,
+  onClose
+}) {
+  return /* @__PURE__ */ jsx(
+    ConfirmNoticeDialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) {
+          onClose();
+        }
+      },
+      type: "warn",
+      title,
+      showCloseButton: true,
+      contentClassName: "taskon-task-verify-failed-dialog",
+      accessibilityTitle: title,
+      accessibilityDescription: message,
+      children: /* @__PURE__ */ jsx("div", { className: "taskon-task-verify-failed-dialog-message", children: message })
+    }
+  );
+}
 function SpinnerIcon() {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -2356,118 +2871,150 @@ function SpinnerIcon() {
     }
   );
 }
-const VerifyButton = forwardRef(function VerifyButton2({
-  campaignId,
-  taskId,
-  snsType,
-  chainType,
-  platform,
-  label,
-  isLoading: externalLoading = false,
-  disabled = false,
-  needLink = false,
-  isLinkClicked: isLinkClicked2 = false,
-  onBeforeVerify,
-  onSuccess,
-  onError,
-  className
-}, ref) {
-  const { toast } = useToast();
-  const { submit, isSubmitting, clearError, isSnsBindingRequired, isWalletBindingRequired } = useTaskSubmit({
+const VerifyButton = forwardRef(
+  function VerifyButton2({
     campaignId,
     taskId,
     snsType,
     chainType,
     platform,
+    label,
+    isLoading: externalLoading = false,
+    disabled = false,
+    needLink = false,
+    isLinkClicked: isLinkClicked2 = false,
+    onBeforeVerify,
     onSuccess,
-    onError
-  });
-  const [counting, setCounting] = useState(false);
-  const [percent, setPercent] = useState(0);
-  const intervalRef = useRef(null);
-  const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
-  const countDown = useCallback((durationSecond) => {
-    if (intervalRef.current) {
-      clearInterval(intervalRef.current);
-    }
-    setCounting(true);
-    setPercent(0);
-    let remainingTime = durationSecond;
-    intervalRef.current = setInterval(() => {
-      remainingTime -= 1;
-      const newPercent = (durationSecond - remainingTime) / durationSecond * 100;
-      setPercent(newPercent);
-      if (remainingTime < 0) {
-        setCounting(false);
-        if (intervalRef.current) {
-          clearInterval(intervalRef.current);
-          intervalRef.current = null;
-        }
+    onError,
+    className
+  }, ref) {
+    const { toast } = useToast();
+    const [verifyFailedNotice, setVerifyFailedNotice] = useState(null);
+    const {
+      submit,
+      isSubmitting,
+      clearError,
+      isSnsBindingRequired,
+      isWalletBindingRequired
+    } = useTaskSubmit({
+      campaignId,
+      taskId,
+      snsType,
+      chainType,
+      platform,
+      onSuccess,
+      onError,
+      // 当后端返回 CAMPAIGN_INELIGIBILITY 时，复用现有 eligibility 检查逻辑
+      onCampaignIneligibility: onBeforeVerify,
+      onVerifyFailedNotice: (notice) => {
+        setVerifyFailedNotice(notice);
       }
-    }, 1e3);
-  }, []);
-  useEffect(() => {
-    return () => {
+    });
+    const [counting, setCounting] = useState(false);
+    const [percent, setPercent] = useState(0);
+    const intervalRef = useRef(null);
+    const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
+    const countDown = useCallback((durationSecond) => {
       if (intervalRef.current) {
         clearInterval(intervalRef.current);
       }
-    };
-  }, []);
-  useImperativeHandle(ref, () => ({
-    countDown
-  }), [countDown]);
-  const handleClick = async () => {
-    if (needLink && !isLinkClicked2) {
-      toast.error("Please view the link before verifying.");
-      return;
-    }
-    if (onBeforeVerify) {
-      setIsCheckingEligibility(true);
-      try {
-        const canProceed = await onBeforeVerify();
-        if (!canProceed) {
-          return;
+      setCounting(true);
+      setPercent(0);
+      let remainingTime = durationSecond;
+      intervalRef.current = setInterval(() => {
+        remainingTime -= 1;
+        const newPercent = (durationSecond - remainingTime) / durationSecond * 100;
+        setPercent(newPercent);
+        if (remainingTime < 0) {
+          setCounting(false);
+          if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+          }
         }
-      } finally {
-        setIsCheckingEligibility(false);
-      }
-    }
-    clearError();
-    await submit();
-  };
-  const isLoading = externalLoading || isSubmitting || isCheckingEligibility;
-  const isDisabled = disabled || isLoading || counting;
-  const buttonLabel = React__default.useMemo(() => {
-    if (label) return label;
-    if (isSnsBindingRequired || isWalletBindingRequired) {
-      return "Link & Verify";
-    }
-    return "Verify";
-  }, [label, isSnsBindingRequired, isWalletBindingRequired]);
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-verify-btn-wrap", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: `taskon-verify-btn ${isLoading ? "taskon-verify-btn--loading" : ""} ${className || ""}`,
-        onClick: handleClick,
-        disabled: isDisabled,
-        "aria-busy": isLoading,
-        children: [
-          isLoading && /* @__PURE__ */ jsx(SpinnerIcon, {}),
-          /* @__PURE__ */ jsx("span", { children: isLoading ? "Verifying..." : buttonLabel })
-        ]
+      }, 1e3);
+    }, []);
+    useEffect(() => {
+      return () => {
+        if (intervalRef.current) {
+          clearInterval(intervalRef.current);
+        }
+      };
+    }, []);
+    useImperativeHandle(
+      ref,
+      () => ({
+        countDown
+      }),
+      [countDown]
+    );
+    const handleClick = async () => {
+      if (needLink && !isLinkClicked2) {
+        toast.error("Please view the link before verifying.");
+        return;
       }
-    ),
-    counting && /* @__PURE__ */ jsx("div", { className: "taskon-verify-btn-progress", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "taskon-verify-btn-progress-bar",
-        style: { width: `${percent}%` }
+      if (onBeforeVerify) {
+        setIsCheckingEligibility(true);
+        try {
+          const canProceed = await onBeforeVerify();
+          if (!canProceed) {
+            return;
+          }
+        } finally {
+          setIsCheckingEligibility(false);
+        }
       }
-    ) })
-  ] });
-});
+      clearError();
+      await submit();
+    };
+    const closeVerifyFailedDialog = useCallback(() => {
+      setVerifyFailedNotice(null);
+    }, []);
+    const isLoading = externalLoading || isSubmitting || isCheckingEligibility;
+    const isDisabled = disabled || isLoading || counting;
+    const buttonLabel = React__default.useMemo(() => {
+      if (label) return label;
+      if (isSnsBindingRequired || isWalletBindingRequired) {
+        return "Link & Verify";
+      }
+      return "Verify";
+    }, [label, isSnsBindingRequired, isWalletBindingRequired]);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "taskon-verify-btn-wrap", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `taskon-verify-btn ${isLoading ? "taskon-verify-btn--loading" : ""} ${className || ""}`,
+            onClick: handleClick,
+            disabled: isDisabled,
+            "aria-busy": isLoading,
+            children: [
+              isLoading && /* @__PURE__ */ jsx(SpinnerIcon, {}),
+              /* @__PURE__ */ jsx("span", { children: isLoading ? "Verifying..." : buttonLabel })
+            ]
+          }
+        ),
+        counting && /* @__PURE__ */ jsx("div", { className: "taskon-verify-btn-progress", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "taskon-verify-btn-progress-bar",
+            style: { width: `${percent}%` }
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        TaskVerifyFailedDialog,
+        {
+          open: Boolean(verifyFailedNotice),
+          title: verifyFailedNotice == null ? void 0 : verifyFailedNotice.title,
+          message: verifyFailedNotice == null ? void 0 : verifyFailedNotice.message,
+          onClose: closeVerifyFailedDialog
+        }
+      )
+    ] });
+  }
+);
 function ExpandableContent({
   children,
   maxHeight = 21,
@@ -2594,21 +3141,64 @@ function TimeRange({
     /* @__PURE__ */ jsx("span", { className: "taskon-task-time-range-value", children: timeRangeText })
   ] });
 }
+const VUE_RATE_LIMIT_TWITTER_TASK_IDS = /* @__PURE__ */ new Set([
+  "FollowTwitter",
+  "RetweetTwitter",
+  "QuoteTweetAndTag",
+  "QuoteTweetAndHashTag",
+  "ReplyTweet",
+  "ReplyTweetAndHashTag",
+  "PostTweetAndHashTag",
+  "PostTweetAndTag",
+  "PostTweetAndContent"
+]);
+const VUE_DEDICATED_TASK_IDS_WITHOUT_VERIFY_COUNTDOWN = /* @__PURE__ */ new Set([
+  "LikeATweet",
+  "PostTweet",
+  "JoinDiscord",
+  "JoinTelegram",
+  "LinkTask",
+  "TokenBalance",
+  "NftHolder",
+  "BindEmail",
+  "JoinCommunity",
+  "OuterAPI",
+  "Youtube",
+  "QuizChoose",
+  "SurveyChoose",
+  "AMA",
+  "MultiQuizzes",
+  "LearnAndQuiz",
+  "Poh",
+  "SwapVolume",
+  "TaskonPohScore",
+  "ChaingeSwap",
+  "ChaingeBridge"
+]);
+function shouldEnableVueVerifyFailCooldown(templateId, hasSnsBinding, hasChainBinding) {
+  if (VUE_RATE_LIMIT_TWITTER_TASK_IDS.has(templateId)) {
+    return true;
+  }
+  if (VUE_DEDICATED_TASK_IDS_WITHOUT_VERIFY_COUNTDOWN.has(templateId)) {
+    return false;
+  }
+  return hasSnsBinding || hasChainBinding;
+}
 function TaskContent({
-  params,
-  isRichText
+  params
 }) {
   const { desc, desc_fields } = params;
   const hasContent = desc || desc_fields && desc_fields.length > 0;
   if (!hasContent) return null;
   return /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsxs("div", { className: "taskon-task-item-content", children: [
-    desc && /* @__PURE__ */ jsx("div", { className: "taskon-task-item-desc", children: isRichText ? /* @__PURE__ */ jsx(
-      "div",
+    desc && /* @__PURE__ */ jsx(
+      CardDescExpress,
       {
-        className: "taskon-task-item-rich-text",
-        dangerouslySetInnerHTML: { __html: sanitizeHtml(desc) }
+        label: desc,
+        noMaxHeight: true,
+        className: "taskon-task-item-desc"
       }
-    ) : desc }),
+    ),
     desc_fields && desc_fields.length > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-task-item-fields", children: desc_fields.filter((field) => field.display !== "dialog").map((field, index2) => /* @__PURE__ */ jsxs("div", { className: "taskon-task-item-field", children: [
       /* @__PURE__ */ jsx("span", { className: "taskon-task-item-field-key", children: field.key }),
       field.link ? /* @__PURE__ */ jsx(
@@ -2669,6 +3259,13 @@ function TemplateTask({
     [params.user_identity_type]
   );
   const chainType = useChainType(params.network);
+  const shouldStartVerifyFailCooldown = useMemo(() => {
+    return shouldEnableVueVerifyFailCooldown(
+      task.template_id,
+      Boolean(snsType),
+      Boolean(chainType)
+    );
+  }, [task.template_id, snsType, chainType]);
   const isLinkTask = Boolean(params.is_link_task);
   const {
     hasClicked: isLinkClicked2,
@@ -2683,13 +3280,12 @@ function TemplateTask({
     }
     prevCurrentDoneRef.current = isCurrentDone;
   }, [isCurrentDone, isLinkTask, resetLinkClicked]);
-  const isRichText = params.is_rich_text || task.is_rich_text;
   const titleLinkUrl = useMemo(() => {
-    if (params.link && isRichText) {
+    if (params.link) {
       return params.link;
     }
     return void 0;
-  }, [params.link, isRichText]);
+  }, [params.link]);
   const taskTitle = useMemo(() => {
     if (params.custom_title) return params.custom_title;
     if (params.title_express) {
@@ -2721,8 +3317,10 @@ function TemplateTask({
     var _a2;
     setIsLoading(false);
     console.error("Task verification failed:", error);
-    (_a2 = verifyButtonRef.current) == null ? void 0 : _a2.countDown(5);
-  }, []);
+    if (shouldStartVerifyFailCooldown) {
+      (_a2 = verifyButtonRef.current) == null ? void 0 : _a2.countDown(5);
+    }
+  }, [shouldStartVerifyFailCooldown]);
   const handleCooldownComplete = useCallback(() => {
     setCoolDownEnd(null);
     onCooldownComplete == null ? void 0 : onCooldownComplete();
@@ -2801,7 +3399,7 @@ function TemplateTask({
             end: params.end_time * 1e3
           }
         ),
-        /* @__PURE__ */ jsx(TaskContent, { params, isRichText })
+        /* @__PURE__ */ jsx(TaskContent, { params })
       ] })
     }
   );
@@ -3074,13 +3672,7 @@ function PowTask({
       pointsValue: (_a = task.points) == null ? void 0 : _a.amount,
       pointsTip: "The point rewards will be distributed to you after the quest ends if your task is verified as completed.",
       children: /* @__PURE__ */ jsxs(ExpandableContent, { children: [
-        params.desc && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "taskon-pow-desc",
-            dangerouslySetInnerHTML: { __html: sanitizeHtml(params.desc) }
-          }
-        ),
+        params.desc && /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }),
         showSubmitArea && /* @__PURE__ */ jsxs("div", { className: "taskon-pow-input-area", children: [
           params.type === PowTaskType.URL && /* @__PURE__ */ jsxs("div", { className: "taskon-pow-url-row", children: [
             /* @__PURE__ */ jsx(
@@ -3230,34 +3822,78 @@ function ContractInteractiveTask({
     return 0;
   }, [userStatus == null ? void 0 : userStatus.next_time]);
   const chainType = useChainType(params.chain);
-  const { submit, isSubmitting } = useTaskSubmit({
-    campaignId,
-    taskId: task.id,
-    chainType,
-    // 钱包绑定：从 params.chain 获取
-    onSuccess: (result) => {
-      onCompleted == null ? void 0 : onCompleted(task.id, result);
-    },
-    onError: (error) => {
-      console.error("Verify failed:", error);
+  const taskOnContext = useContext(TaskOnContext);
+  const client = (taskOnContext == null ? void 0 : taskOnContext.client) ?? null;
+  const questApi = useMemo(() => {
+    if (!client) {
+      return null;
     }
-  });
-  const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
-  const isLoading = isSubmitting || isCheckingEligibility;
-  const handleVerify = useCallback(async () => {
-    if (onBeforeVerify) {
-      setIsCheckingEligibility(true);
+    return createQuestApi(client);
+  }, [client]);
+  const autoSubmitAttemptedRef = useRef(false);
+  useEffect(() => {
+    autoSubmitAttemptedRef.current = false;
+  }, [task.id]);
+  useEffect(() => {
+    if (!questApi) {
+      return;
+    }
+    if (!userStatus) {
+      return;
+    }
+    if (disabled || isSubmitted) {
+      return;
+    }
+    if (autoSubmitAttemptedRef.current) {
+      return;
+    }
+    autoSubmitAttemptedRef.current = true;
+    let cancelled = false;
+    const runAutoSubmit = async () => {
+      var _a2;
       try {
-        const canProceed = await onBeforeVerify();
-        if (!canProceed) {
+        const result = await questApi.submitTask({
+          task_ids: [task.id],
+          value: ""
+        });
+        if (cancelled) {
           return;
         }
-      } finally {
-        setIsCheckingEligibility(false);
+        if ((_a2 = result.success_tasks) == null ? void 0 : _a2.length) {
+          onCompleted == null ? void 0 : onCompleted(task.id, result);
+        }
+      } catch (error) {
+        if (cancelled) {
+          return;
+        }
+        const apiError = error instanceof ApiError ? error : null;
+        if ((apiError == null ? void 0 : apiError.code) === "CAMPAIGN_INELIGIBILITY") {
+          await (onBeforeVerify == null ? void 0 : onBeforeVerify());
+        }
       }
-    }
-    await submit();
-  }, [onBeforeVerify, submit]);
+    };
+    void runAutoSubmit();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    questApi,
+    userStatus,
+    disabled,
+    isSubmitted,
+    task.id,
+    onCompleted,
+    onBeforeVerify
+  ]);
+  const handleVerifySuccess = useCallback(
+    (result) => {
+      onCompleted == null ? void 0 : onCompleted(task.id, result);
+    },
+    [task.id, onCompleted]
+  );
+  const handleVerifyError = useCallback((error) => {
+    console.error("Verify failed:", error);
+  }, []);
   const title = params.task_name || "Interact With Contract";
   const needShowVerify = useMemo(() => {
     if (noVerify) {
@@ -3291,7 +3927,6 @@ function ContractInteractiveTask({
       icon: contractInteractiveIcon,
       isCompleted,
       isSubmitted,
-      isLoading,
       disabled,
       recurrenceType: task.recurrence,
       isPeriodic,
@@ -3300,24 +3935,21 @@ function ContractInteractiveTask({
       onCooldownComplete,
       pointsValue: (_a = task.points) == null ? void 0 : _a.amount,
       actionSlot: (
-        /* Verify button - 与 Vue 版本 BaseTask 的 VerifyButton 逻辑一致 */
+        /* Verify button - 复用通用 VerifyButton，统一异常弹窗与绑定逻辑 */
         needShowVerify ? /* @__PURE__ */ jsx(
-          "button",
+          VerifyButton,
           {
-            className: `taskon-verify-btn ${isLoading ? "taskon-verify-btn--loading" : ""}`,
-            onClick: handleVerify,
-            disabled: isLoading,
-            children: isLoading ? "Verifying..." : "Verify"
+            campaignId,
+            taskId: task.id,
+            chainType,
+            platform: task.platform,
+            onBeforeVerify,
+            onSuccess: handleVerifySuccess,
+            onError: handleVerifyError
           }
         ) : void 0
       ),
-      children: params.desc && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "taskon-contract-desc",
-          dangerouslySetInnerHTML: { __html: sanitizeHtml(params.desc) }
-        }
-      ) })
+      children: params.desc && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) })
     }
   ) });
 }
@@ -3357,6 +3989,7 @@ function DynamicPoints({
   onRefresh,
   className
 }) {
+  const { requestLogin } = useTaskOnAuth();
   const [isCoolingDown, setIsCoolingDown] = useState(false);
   const [coolDownLeft, setCoolDownLeft] = useState(coolDown / 1e3);
   const [isAnimating, setIsAnimating] = useState(false);
@@ -3416,6 +4049,7 @@ ${computedTipDesc}`;
   }, [noTipTitle, computedTipTitle, computedTipDesc]);
   const handleRefresh = useCallback(() => {
     if (!isLoggedIn) {
+      requestLogin();
       return;
     }
     if (isCoolingDown) return;
@@ -3439,7 +4073,7 @@ ${computedTipDesc}`;
         });
       }, 1e3);
     }, 1e3);
-  }, [isLoggedIn, isCoolingDown, onRefresh, coolDown]);
+  }, [isLoggedIn, isCoolingDown, onRefresh, coolDown, requestLogin]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3524,22 +4158,49 @@ function SwapDexTask({
     const chainInfo = chains.find((c) => c.name.toLowerCase() === normalized);
     return (chainInfo == null ? void 0 : chainInfo.label) || params.chain;
   }, [params.chain, context == null ? void 0 : context.chains]);
+  const isDynamicPoint = !params.is_fixed_reward_type;
+  const isDynamicTimes = useMemo(() => {
+    const { min_trades_times, is_fixed_reward_type } = params;
+    return Boolean(
+      is_fixed_reward_type && min_trades_times && min_trades_times !== 1
+    );
+  }, [params]);
+  const useLegacyVerifyFlow = isDynamicPoint || isDynamicTimes;
+  const [verifyFailedNotice, setVerifyFailedNotice] = useState(null);
   const { submit, isSubmitting } = useTaskSubmit({
     campaignId,
     taskId: task.id,
     chainType,
     // 钱包绑定：从 params.chain 获取
+    platform: task.platform,
     onSuccess: (result) => {
+      if (!useLegacyVerifyFlow) {
+        return;
+      }
       onCompleted == null ? void 0 : onCompleted(task.id, result);
       onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, true, result);
     },
     onError: () => {
+      if (!useLegacyVerifyFlow) {
+        return;
+      }
       onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, false);
+    },
+    // 当后端返回 CAMPAIGN_INELIGIBILITY 时，复用现有 eligibility 检查逻辑
+    onCampaignIneligibility: onBeforeVerify,
+    onVerifyFailedNotice: (notice) => {
+      if (!useLegacyVerifyFlow) {
+        return;
+      }
+      setVerifyFailedNotice(notice);
     }
   });
   const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
-  const isLoading = isSubmitting || isCheckingEligibility;
+  const isLoading = useLegacyVerifyFlow && (isSubmitting || isCheckingEligibility);
   const handleVerify = useCallback(async () => {
+    if (!useLegacyVerifyFlow) {
+      return;
+    }
     if (onBeforeVerify) {
       setIsCheckingEligibility(true);
       try {
@@ -3552,7 +4213,17 @@ function SwapDexTask({
       }
     }
     await submit();
-  }, [onBeforeVerify, submit]);
+  }, [useLegacyVerifyFlow, onBeforeVerify, submit]);
+  const handleVerifyButtonSuccess = useCallback(
+    (result) => {
+      onCompleted == null ? void 0 : onCompleted(task.id, result);
+      onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, true, result);
+    },
+    [task.id, onCompleted, onVerifyAttempted]
+  );
+  const handleVerifyButtonError = useCallback(() => {
+    onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, false);
+  }, [task.id, onVerifyAttempted]);
   const titleExpress = useMemo(() => {
     return getSwapDexTitleExpress({
       tokenOutList: params.token_out_list,
@@ -3569,14 +4240,13 @@ function SwapDexTask({
   const title = useMemo(() => {
     return /* @__PURE__ */ jsx(TitleExpress, { express: titleExpress });
   }, [titleExpress]);
-  const isDynamicPoint = !params.is_fixed_reward_type;
-  const isDynamicTimes = useMemo(() => {
-    const { min_trades_times, is_fixed_reward_type } = params;
-    return Boolean(
-      is_fixed_reward_type && min_trades_times && min_trades_times !== 1
-    );
-  }, [params]);
   const pointsName = ((_a = task.points) == null ? void 0 : _a.points_name) || "Points";
+  const rulesMaxText = useMemo(() => {
+    if (typeof params.swap_receive_max_points === "number" && params.swap_receive_max_points >= 0) {
+      return `(Max ${params.swap_receive_max_points} ${pointsName})`;
+    }
+    return "";
+  }, [params.swap_receive_max_points, pointsName]);
   const communityLogo = (communityInfo == null ? void 0 : communityInfo.logo) || "";
   const userDynamicPoint = (userStatus == null ? void 0 : userStatus.total_points) || 0;
   const userDynamicTimes = (userStatus == null ? void 0 : userStatus.current_trades_times) || 0;
@@ -3604,7 +4274,7 @@ function SwapDexTask({
   const handleRefresh = useCallback(() => {
     handleVerify();
   }, [handleVerify]);
-  const hasContent = isDynamicPoint && params.each_trading_volume && params.each_receive_points || params.desc;
+  const hasContent = isDynamicPoint || params.desc;
   const dynamicPointsSlot = useMemo(() => {
     var _a2;
     if (isDynamicPoint) {
@@ -3703,68 +4373,77 @@ function SwapDexTask({
     isCompleted,
     isSubmitted
   ]);
-  return /* @__PURE__ */ jsx("div", { className: `taskon-swap-task ${className || ""}`, children: /* @__PURE__ */ jsx(
-    TaskCardBase,
-    {
-      taskId: task.id,
-      templateId: task.template_id,
-      title,
-      icon: communityLogo,
-      isCompleted,
-      isSubmitted,
-      isLoading,
-      disabled,
-      recurrenceType: task.recurrence,
-      isPeriodic,
-      isCurrentDone,
-      coolDownRemaining,
-      onCooldownComplete,
-      pointsValue: isDynamicPoint || isDynamicTimes ? void 0 : (_d = task.points) == null ? void 0 : _d.amount,
-      pointsSlot: dynamicPointsSlot,
-      pointsName: (_e = task.points) == null ? void 0 : _e.points_name,
-      totalEarnedPoints: userStatus == null ? void 0 : userStatus.total_points,
-      actionSlot: showVerifyButton ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: `taskon-verify-btn ${isLoading ? "taskon-verify-btn--loading" : ""}`,
-          onClick: handleVerify,
-          disabled: isLoading,
-          children: isLoading ? "Verifying..." : "Verify"
-        }
-      ) : void 0,
-      children: hasContent && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsxs("div", { className: "taskon-swap-content", children: [
-        isDynamicPoint && params.each_trading_volume && params.each_receive_points && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-rules-section", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-swap-rules-title", children: "Rules" }),
-          /* @__PURE__ */ jsxs("div", { className: "taskon-swap-rules-content", children: [
-            /* @__PURE__ */ jsx("span", { children: "Every " }),
-            /* @__PURE__ */ jsxs("span", { className: "taskon-swap-rules-highlight", children: [
-              "$",
-              params.each_trading_volume,
-              " USD"
-            ] }),
-            /* @__PURE__ */ jsx("span", { children: " you swap gives you " }),
-            /* @__PURE__ */ jsx("span", { className: "taskon-swap-rules-highlight", children: params.each_receive_points }),
-            /* @__PURE__ */ jsxs("span", { className: "taskon-swap-rules-point-name", children: [
-              " ",
-              pointsName
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: `taskon-swap-task ${className || ""}`, children: /* @__PURE__ */ jsx(
+      TaskCardBase,
+      {
+        taskId: task.id,
+        templateId: task.template_id,
+        title,
+        icon: communityLogo,
+        isCompleted,
+        isSubmitted,
+        isLoading,
+        disabled,
+        recurrenceType: task.recurrence,
+        isPeriodic,
+        isCurrentDone,
+        coolDownRemaining,
+        onCooldownComplete,
+        pointsValue: isDynamicPoint || isDynamicTimes ? void 0 : (_d = task.points) == null ? void 0 : _d.amount,
+        pointsSlot: dynamicPointsSlot,
+        pointsName: (_e = task.points) == null ? void 0 : _e.points_name,
+        totalEarnedPoints: userStatus == null ? void 0 : userStatus.total_points,
+        actionSlot: showVerifyButton ? /* @__PURE__ */ jsx(
+          VerifyButton,
+          {
+            campaignId,
+            taskId: task.id,
+            chainType,
+            platform: task.platform,
+            onBeforeVerify,
+            onSuccess: handleVerifyButtonSuccess,
+            onError: handleVerifyButtonError
+          }
+        ) : void 0,
+        children: hasContent && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsxs("div", { className: "taskon-swap-content", children: [
+          isDynamicPoint && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-rules-section", children: [
+            /* @__PURE__ */ jsx("div", { className: "taskon-swap-rules-title", children: "Rules" }),
+            /* @__PURE__ */ jsxs("div", { className: "taskon-swap-rules-content", children: [
+              /* @__PURE__ */ jsx("span", { children: "Every " }),
+              /* @__PURE__ */ jsxs("span", { className: "taskon-swap-rules-highlight", children: [
+                "$",
+                params.each_trading_volume || "0",
+                " USD"
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: " will give you " }),
+              /* @__PURE__ */ jsx("span", { className: "taskon-swap-rules-highlight", children: params.each_receive_points }),
+              /* @__PURE__ */ jsxs("span", { className: "taskon-swap-rules-point-name", children: [
+                " ",
+                pointsName,
+                rulesMaxText && /* @__PURE__ */ jsx("span", { className: "taskon-swap-rules-max", children: rulesMaxText })
+              ] })
             ] })
+          ] }),
+          params.desc && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-instructions-section", children: [
+            /* @__PURE__ */ jsx("div", { className: "taskon-swap-instructions-title", children: "Instructions" }),
+            /* @__PURE__ */ jsx("div", { className: "taskon-swap-instructions-content", children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) })
           ] })
-        ] }),
-        params.desc && /* @__PURE__ */ jsxs("div", { className: "taskon-swap-instructions-section", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-swap-instructions-title", children: "Instructions" }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-swap-instructions-content", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "taskon-swap-desc",
-              dangerouslySetInnerHTML: {
-                __html: sanitizeHtml(params.desc)
-              }
-            }
-          ) })
-        ] })
-      ] }) })
-    }
-  ) });
+        ] }) })
+      }
+    ) }),
+    useLegacyVerifyFlow && /* @__PURE__ */ jsx(
+      TaskVerifyFailedDialog,
+      {
+        open: Boolean(verifyFailedNotice),
+        title: verifyFailedNotice == null ? void 0 : verifyFailedNotice.title,
+        message: verifyFailedNotice == null ? void 0 : verifyFailedNotice.message,
+        onClose: () => {
+          setVerifyFailedNotice(null);
+        }
+      }
+    )
+  ] });
 }
 function outerAPISnsTypeToSnsType(snsType) {
   if (!snsType) return void 0;
@@ -3933,17 +4612,24 @@ function OuterPointAPITask({
   const chainType = useChainType(
     params.account_type !== "SNS" && !hasCustomizedParam ? params.network : void 0
   );
+  const [verifyFailedNotice, setVerifyFailedNotice] = useState(null);
   const { submit, isSubmitting } = useTaskSubmit({
     campaignId,
     taskId: task.id,
     snsType,
     chainType,
+    platform: task.platform,
     onSuccess: (result) => {
       onCompleted == null ? void 0 : onCompleted(task.id, result);
       onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, true, result);
     },
     onError: () => {
       onVerifyAttempted == null ? void 0 : onVerifyAttempted(task.id, false);
+    },
+    // 当后端返回 CAMPAIGN_INELIGIBILITY 时，复用现有 eligibility 检查逻辑
+    onCampaignIneligibility: onBeforeVerify,
+    onVerifyFailedNotice: (notice) => {
+      setVerifyFailedNotice(notice);
     }
   });
   const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
@@ -4051,15 +4737,7 @@ function OuterPointAPITask({
         pointsName,
         totalEarnedPoints: userStatus == null ? void 0 : userStatus.total_points,
         actionSlot: void 0,
-        children: hasContent && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "taskon-outer-point-api-desc",
-            dangerouslySetInnerHTML: {
-              __html: sanitizeHtml(params.desc)
-            }
-          }
-        ) })
+        children: hasContent && /* @__PURE__ */ jsx(ExpandableContent, { children: /* @__PURE__ */ jsx(CardDescExpress, { label: params.desc, noMaxHeight: true }) })
       }
     ),
     hasCustomizedParam && /* @__PURE__ */ jsx(
@@ -4070,6 +4748,17 @@ function OuterPointAPITask({
         onConfirm: handleDialogConfirm,
         onCancel: handleDialogCancel
       }
+    ),
+    /* @__PURE__ */ jsx(
+      TaskVerifyFailedDialog,
+      {
+        open: Boolean(verifyFailedNotice),
+        title: verifyFailedNotice == null ? void 0 : verifyFailedNotice.title,
+        message: verifyFailedNotice == null ? void 0 : verifyFailedNotice.message,
+        onClose: () => {
+          setVerifyFailedNotice(null);
+        }
+      }
     )
   ] });
 }
@@ -4140,6 +4829,130 @@ function TaskItem({
     }
   );
 }
+function RewardModuleDialog({
+  open,
+  onOpenChange,
+  type,
+  pointsInfo
+}) {
+  const isToken = type === "token";
+  const isPoints = type === "points";
+  const isNft = type === "nft";
+  const { messages, isLoading } = useWidgetLocale({
+    widgetId: "UserCenterWidget",
+    defaultMessages: enMessages,
+    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../../UserCenter/locales/en.json": () => import("./UserCenterWidget-cADBSVg7.js").then((n) => n.w), "../../../../UserCenter/locales/ja.json": () => import("./usercenter-ja-B2465c1O.js"), "../../../../UserCenter/locales/ko.json": () => import("./usercenter-ko-xAEYxqLg.js") }), `../../../../UserCenter/locales/${locale}.json`, 7)
+  });
+  const tokenAssets = useTokenAssets({
+    autoLoad: open && isToken
+  });
+  const tokenHistory = useRewardDetails({
+    rewardType: RewardType.Token,
+    autoLoad: open && isToken
+  });
+  const nftHistory = useRewardDetails({
+    rewardType: RewardType.Nft,
+    autoLoad: open && isNft
+  });
+  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";
+    if (isNft) return messages.rewardNft ?? "NFT";
+    return "";
+  }, [isToken, isPoints, isNft, messages.rewardToken, messages.pointsHistory, messages.rewardNft]);
+  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 })),
+          isNft && /* @__PURE__ */ jsx(
+            NftRewardContent,
+            {
+              nftList: nftHistory.data,
+              loading: nftHistory.loading,
+              error: nftHistory.error,
+              pagination: nftHistory.pagination,
+              messages
+            }
+          )
+        ] })
+      }
+    ),
+    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 getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -21293,93 +22106,6 @@ const BlindBoxDialog = forwardRef(
     ] });
   }
 );
-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 value2 = num * price;
-  return `≈ $${formatAmount(value2)}`;
-}
-function RewardCard({
-  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, index2) => /* @__PURE__ */ jsx(
-      RewardCard,
-      {
-        reward,
-        tokenPrice
-      },
-      `${reward.reward_id}-${index2}`
-    )) }),
-    /* @__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"
-      }
-    ) })
-  ] });
-}
 function TokenBalance({
   params
 }) {
@@ -21463,13 +22189,9 @@ function SupportedCountry({
     }
   );
 }
-function getCommunityUrl(communityKey) {
-  return `https://taskon.xyz/space/${communityKey}`;
-}
 function CommunityPoint({
   params
 }) {
-  const communityUrl = getCommunityUrl(params.community_key);
   const isGte = params.operator === "Gte";
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-eligs-type", children: [
     "Your",
@@ -21479,20 +22201,7 @@ function CommunityPoint({
     "is ",
     isGte ? "≥" : "<",
     " ",
-    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.points.amount }),
-    " ",
-    "in",
-    " ",
-    /* @__PURE__ */ jsx(
-      "a",
-      {
-        className: "taskon-quest-eligs-link",
-        href: communityUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: params.community_name
-      }
-    )
+    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.points.amount })
   ] });
 }
 const TASKON_CLUB_COMMUNITY_ID = 2;
@@ -21511,40 +22220,17 @@ function CommunityLevel({
     "Lv is ",
     isGte ? "≥" : "<",
     " ",
-    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.level }),
-    " ",
-    "in",
-    " ",
-    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.community_name })
+    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.level })
   ] });
 }
-function getCommunityTaskUrl(communityKey, taskId) {
-  return `https://taskon.xyz/space/${communityKey}?task=${taskId}`;
-}
 function CommunityTask({
-  params,
-  communityKey,
-  communityName
+  params
 }) {
   const isNot = params.operator === "Not";
-  const taskUrl = communityKey ? getCommunityTaskUrl(communityKey, params.task_id) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: "taskon-quest-eligs-type", children: [
     isNot ? "Your did not complete task:" : "Your have completed task:",
     " ",
-    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.task_name }),
-    " ",
-    "in",
-    " ",
-    taskUrl ? /* @__PURE__ */ jsx(
-      "a",
-      {
-        className: "taskon-quest-eligs-link",
-        href: taskUrl,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: communityName
-      }
-    ) : /* @__PURE__ */ jsx("span", { children: communityName })
+    /* @__PURE__ */ jsx("span", { className: "taskon-quest-eligs-highlight", children: params.task_name })
   ] });
 }
 function CommunityMilestone({
@@ -21872,12 +22558,12 @@ function PassedIcon$1() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "#00D395" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M4.5 8L7 10.5L11.5 6",
-            stroke: "white",
+            stroke: "var(--taskon-color-bg-canvas)",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -21898,12 +22584,12 @@ function FailedIcon$1() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "#FF4D4F" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5",
-            stroke: "white",
+            stroke: "var(--taskon-color-bg-canvas)",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -22051,19 +22737,19 @@ function PassedIcon() {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      className: "taskon-quest-eligs-header-status",
+      className: "taskon-quest-eligs-header-status taskon-quest-eligs-header-status--passed",
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "#00D395" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M4.5 8L7 10.5L11.5 6",
-            stroke: "white",
+            stroke: "var(--taskon-color-bg-canvas)",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -22077,19 +22763,19 @@ function FailedIcon() {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      className: "taskon-quest-eligs-header-status",
+      className: "taskon-quest-eligs-header-status taskon-quest-eligs-header-status--failed",
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "#FF4D4F" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M5.5 5.5L10.5 10.5M10.5 5.5L5.5 10.5",
-            stroke: "white",
+            stroke: "var(--taskon-color-bg-canvas)",
             strokeWidth: "1.5",
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -22214,15 +22900,17 @@ function EligibilityInfo({
   ] });
 }
 export {
-  BlindBoxRewardDialog as B,
+  BlindBoxDialog as B,
+  ConfirmNoticeDialog as C,
   EligibilityInfo as E,
+  RewardModuleDialog as R,
   TitleExpress as T,
-  useBindWallet as a,
-  BlindBoxDialog as b,
+  CardDescExpress as a,
+  useNftClaimFlow as b,
   TaskItem as c,
   Textarea as d,
   EligibilityList as e,
   getDefaultExportFromCjs as g,
   sanitizeHtml as s,
-  useIsMobile as u
+  useBindWallet as u
 };