@taskon/widget-react 0.0.1-beta.6 → 0.0.1-beta.7

package/dist/WidgetShell.css

@@ -1,230 +1,3 @@
-/**
- * Dialog 组件样式
- * 基于 Radix UI Dialog 封装
- * 使用 taskon-dialog-* 命名空间
- */
-
-/*
- * Responsive base styles
- *
- * Keep mobile breakpoints and fallback patterns centralized here.
- * Components should reuse these mixins instead of duplicating query logic.
- */
-
-/*
- * Desktop-up mixin:
- * 1) Enable desktop enhancement in wider containers
- * 2) Keep viewport media query as fallback
- */
-
-/* ==================== 遮罩层 ==================== */
-
-.taskon-dialog-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 9998;
-  /* 遮罩层统一使用通用 mask token */
-  background-color: var(--taskon-color-bg-mask);
-  backdrop-filter: blur(24px);
-
-  /* 动画 */
-  animation: taskon-dialog-overlay-fade-in 150ms ease-out;
-}
-
-.taskon-dialog-overlay[data-state="closed"] {
-  animation: taskon-dialog-overlay-fade-out 150ms ease-in;
-}
-
-@keyframes taskon-dialog-overlay-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes taskon-dialog-overlay-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-/* ==================== 弹窗内容 ==================== */
-
-.taskon-dialog-content {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9999;
-
-  /* 尺寸 */
-  width: 95vw;
-  max-width: 500px;
-  max-height: 90vh;
-
-  /* 弹层统一使用更深的背景 token（dark 下最接近最深层） */
-  background-color: var(--taskon-color-bg-canvas);
-  color: var(--taskon-color-text);
-  border-radius: var(--taskon-border-radius);
-  box-shadow: 0 25px 50px -12px var(--taskon-color-bg-mask);
-
-  /* 布局 */
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-
-  /* 移除默认的 focus outline */
-  outline: none;
-
-  /* 动画 */
-  animation: taskon-dialog-content-fade-in 200ms ease-out;
-}
-
-.taskon-dialog-content[data-state="closed"] {
-  animation: taskon-dialog-content-fade-out 150ms ease-in;
-}
-
-@keyframes taskon-dialog-content-fade-in {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-
-@keyframes taskon-dialog-content-fade-out {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-}
-
-/* ==================== 无障碍标题/描述（屏幕阅读器可见） ==================== */
-
-.taskon-dialog-title--sr-only,
-.taskon-dialog-description--sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-/* ==================== 头部操作区 ==================== */
-
-.taskon-dialog-header {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  z-index: 1;
-
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.taskon-dialog-header-slot {
-  display: flex;
-  align-items: center;
-}
-
-/* ==================== 关闭按钮 ==================== */
-
-.taskon-dialog-close {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 32px;
-  height: 32px;
-  padding: 0;
-
-  background: var(--taskon-color-bg-surface-subtle);
-  border: none;
-  border-radius: var(--taskon-border-radius-sm);
-  cursor: pointer;
-
-  color: var(--taskon-color-text-secondary);
-  transition: all 0.2s ease;
-}
-
-.taskon-dialog-close:hover {
-  background-color: var(--taskon-color-bg-surface);
-  color: var(--taskon-color-text);
-}
-
-.taskon-dialog-close:focus-visible {
-  outline: 2px solid var(--taskon-color-primary);
-  outline-offset: 2px;
-}
-
-/* ==================== 主体内容 ==================== */
-
-.taskon-dialog-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 20px;
-}
-
-.taskon-dialog-body--no-padding {
-  padding: 0;
-}
-
-/* ==================== Desktop 增强 ==================== */
-
-@supports (container-type: inline-size) {
-    @container (min-width: 751px) {
-  .taskon-dialog-content {
-    width: 90vw;
-    max-height: 85vh;
-    border-radius: var(--taskon-border-radius-lg);
-  }
-
-  .taskon-dialog-body {
-    padding: 24px;
-  }
-
-  .taskon-dialog-header {
-    top: 16px;
-    right: 16px;
-  }
-    }
-  }
-
-@supports not (container-type: inline-size) {
-    @media (min-width: 751px) {
-  .taskon-dialog-content {
-    width: 90vw;
-    max-height: 85vh;
-    border-radius: var(--taskon-border-radius-lg);
-  }
-
-  .taskon-dialog-body {
-    padding: 24px;
-  }
-
-  .taskon-dialog-header {
-    top: 16px;
-    right: 16px;
-  }
-    }
-  }
 /**
  * Pagination 通用分页组件样式
  * @description 使用 taskon-pagination 命名空间

package/dist/chunks/{CommunityTaskList-Hde2OKHH.js → CommunityTaskList-D0uVD8wD.js}

@@ -1,11 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useContext, useMemo } from "react";
 import { isUnauthorizedError, TaskReviewResult, formatLongNumber, EligibilityType, Operator, MeetConditionStatus, RewardType, formatUtcTime, ErrorCode, SnsType, createCommunityTaskApi, TaskCardType, ChainType, getSwapDexTitleExpress, UserEligibleStatus, CampaignStatus, MediaType, createQuestApi, CampaignType, formatTokenAmount, TaskTemplateId, EligibilityTemplateId, RecurrenceType, createCommonApi, normalizeTask, formatSwapTokensForDisplay, formatAddress } from "@taskon/core";
-import { c as useTranslation, e as createLocaleLoader, v as TaskOnContext, h as useTaskOnContext, x as useTaskOnPortalContainer } from "./ThemeProvider-mXLdLSkq.js";
-import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D7yC894Y.js";
-import { d as useToast } from "./useToast-CaRkylKe.js";
-import { u as useBindWallet, T as TitleExpress, C as CardDescExpress, a as useNftClaimFlow, R as RewardModuleDialog, B as BlindBoxDialog, b as TaskItem, E as EligibilityInfo, c as Textarea } from "./EligibilityInfo-BV0Z2TgY.js";
-import { a as useBindSocialAccount, B as BindWalletDialog, l as useChainMap, q as TipPopover, h as useIsMobile, I as Input } from "./UserCenterWidget-D5ttw4hO.js";
+import { c as useTranslation, e as createLocaleLoader, w as TaskOnContext, h as useTaskOnContext, E as useTaskOnPortalContainer, D as Dialog } from "./ThemeProvider-CulHkqqY.js";
+import { u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-8xn-Jivw.js";
+import { c as useToast } from "./useToast-BGJhd3BX.js";
+import { u as useBindWallet, T as TitleExpress, C as CardDescExpress, a as useNftClaimFlow, R as RewardModuleDialog, B as BlindBoxDialog, b as TaskItem, E as EligibilityInfo, c as Textarea } from "./EligibilityInfo-Cf6hx9-a.js";
+import { a as useBindSocialAccount, k as useChainMap, p as TipPopover, I as Input } from "./UserCenterWidget-STq8kpV4.js";
+import { u as useIsMobile } from "./useIsMobile-D6Ybur-6.js";
 import { createPortal } from "react-dom";
 import '../CommunityTaskList.css';function CardSelector({
   options,
@@ -442,7 +443,6 @@ function ClaimButton({
 }) {
   const { t } = useCommunityTaskLocale();
   const [internalLoading, setInternalLoading] = useState(false);
-  const [showWalletDialog, setShowWalletDialog] = useState(false);
   const needBindCheck = !claimDialog;
   const reAuthRef = useRef(null);
   const executeClaimAction = useCallback(async (token) => {
@@ -474,20 +474,13 @@ function ClaimButton({
     onAuthSuccess: handleAuthSuccess
   });
   reAuthRef.current = reAuth;
-  const { bindIfNeed: bindWalletIfNeed, bindWithProvider, isBinding: isBindingWallet } = useBindWallet({
+  const { bindIfNeed: bindWalletIfNeed, isBinding: isBindingWallet } = useBindWallet({
     chainType: needBindCheck ? chainType : void 0,
     onSuccess: async () => {
-      setShowWalletDialog(false);
       await executeClaimAction();
     },
-    onFailed: onBindFailed,
-    onNeedWalletDialog: () => {
-      setShowWalletDialog(true);
-    }
+    onFailed: onBindFailed
   });
-  const handleWalletConnect = useCallback(async (address, provider) => {
-    await bindWithProvider(address, provider);
-  }, [bindWithProvider]);
   const buttonLabel = (() => {
     if (customLabel) return customLabel;
     if (mini) return t("update");
@@ -530,46 +523,35 @@ function ClaimButton({
     },
     [isDisabled, claimDialog, onShowDialog, snsType, chainType, bindSocialIfNeed, bindWalletIfNeed, executeClaimAction]
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: buttonClass,
-        disabled: isDisabled,
-        onClick: handleClick,
-        children: isSubmitting || internalLoading || isWaitingAuth || isBindingWallet ? /* @__PURE__ */ jsx("span", { className: mini ? "taskon-community-task-claim-mini-loading" : "taskon-community-task-claim-loading", children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: mini ? "taskon-community-task-claim-mini-spinner" : "taskon-community-task-claim-spinner",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            children: /* @__PURE__ */ jsx(
-              "circle",
-              {
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                strokeWidth: "3",
-                strokeLinecap: "round",
-                strokeDasharray: "31.4 31.4"
-              }
-            )
-          }
-        ) }) : buttonLabel
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      BindWalletDialog,
-      {
-        open: showWalletDialog,
-        onOpenChange: setShowWalletDialog,
-        onConnect: handleWalletConnect,
-        onError: onBindFailed
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: buttonClass,
+      disabled: isDisabled,
+      onClick: handleClick,
+      children: isSubmitting || internalLoading || isWaitingAuth || isBindingWallet ? /* @__PURE__ */ jsx("span", { className: mini ? "taskon-community-task-claim-mini-loading" : "taskon-community-task-claim-loading", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: mini ? "taskon-community-task-claim-mini-spinner" : "taskon-community-task-claim-spinner",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          children: /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              strokeLinecap: "round",
+              strokeDasharray: "31.4 31.4"
+            }
+          )
+        }
+      ) }) : buttonLabel
+    }
+  );
 }
 function formatCountdown$1(valueMillSec) {
   if (valueMillSec <= 0) {
@@ -3580,9 +3562,6 @@ function TaskChainClaimedRewards({
     },
     onClaimError: (error2) => {
       toast.error(error2.message || t("taskchain_nft_claim_failed"));
-    },
-    onWalletError: (errorMessage) => {
-      toast.error(errorMessage);
     }
   });
   const nftClaimedRewards = useMemo(() => {