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

package/dist/Quest.css

@@ -3593,7 +3593,6 @@ a.taskon-quest-footer-action-btn {
   font-size: 16px;
   line-height: 1.5;
   color: var(--taskon-quest-text-lightest);
-  background-color: var(--taskon-quest-bg-body);
 }
 
 /* ============================================================================
@@ -3966,7 +3965,8 @@ a.taskon-quest-footer-action-btn {
   align-items: center;
   padding: var(--taskon-quest-spacing-m);
   height: 66px;
-  background: linear-gradient(
+  background:
+    linear-gradient(
       90deg,
       rgba(255, 255, 255, 0.1) 0%,
       rgba(255, 255, 255, 0.1) 100%
@@ -4211,4 +4211,3 @@ a.taskon-quest-footer-action-btn {
 .taskon-quest-blindbox-reward-wrapper .taskon-dialog-body {
   padding: 0;
 }
-

package/dist/UserCenterWidget2.css

@@ -819,6 +819,178 @@
     margin-left: 14px;
   }
 }
+/**
+ * Points 表格样式
+ *
+ * 从 UserCenterWidget.css 拆分，便于独立使用
+ */
+
+/* ========== Points List ========== */
+.taskon-points-list {
+  width: 100%;
+}
+
+.taskon-points-list__header {
+  display: flex;
+  align-items: center;
+  gap: var(--taskon-spacing-sm, 8px);
+  margin-bottom: var(--taskon-spacing-md, 16px);
+}
+
+.taskon-points-list__icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.taskon-points-list__title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--taskon-color-text, #1f2937);
+  margin: 0;
+}
+
+.taskon-points-list__total {
+  display: flex;
+  align-items: baseline;
+  gap: var(--taskon-spacing-xs, 4px);
+  margin-left: auto;
+}
+
+.taskon-points-list__total-value {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--taskon-color-text, #1f2937);
+}
+
+.taskon-points-list__total-label {
+  font-size: 12px;
+  color: var(--taskon-color-text-secondary, #6b7280);
+}
+
+.taskon-points-list__table {
+  width: 100%;
+  border: 1px solid var(--taskon-color-border, #e5e7eb);
+  border-radius: var(--taskon-border-radius-sm, 6px);
+  overflow: hidden;
+}
+
+.taskon-points-list__row {
+  display: flex;
+  align-items: center;
+  padding: var(--taskon-spacing-sm, 8px) var(--taskon-spacing-md, 16px);
+  border-bottom: 1px solid var(--taskon-color-border, #e5e7eb);
+  transition: background-color 0.2s ease;
+}
+
+.taskon-points-list__row:last-child {
+  border-bottom: none;
+}
+
+.taskon-points-list__row:hover {
+  background-color: var(--taskon-color-bg-hover, #f3f4f6);
+}
+
+.taskon-points-list__cell {
+  display: flex;
+  align-items: center;
+}
+
+.taskon-points-list__cell--main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow: hidden;
+}
+
+.taskon-points-list__cell--amount {
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.taskon-points-list__cell--amount.positive {
+  color: var(--taskon-color-success, #10b981);
+}
+
+.taskon-points-list__cell--amount.negative {
+  color: var(--taskon-color-error, #ef4444);
+}
+
+.taskon-points-list__cell--time {
+  font-size: 13px;
+  color: var(--taskon-color-text-secondary, #6b7280);
+  white-space: nowrap;
+}
+
+.taskon-points-list__primary {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--taskon-color-text, #1f2937);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.taskon-points-list__secondary {
+  font-size: 12px;
+  color: var(--taskon-color-text-secondary, #6b7280);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.taskon-points-list__loading-more {
+  display: flex;
+  justify-content: center;
+  padding: var(--taskon-spacing-md, 16px);
+}
+
+.taskon-points-list__table-wrap {
+  margin-top: var(--taskon-spacing-md, 16px);
+}
+
+.taskon-points-list__name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--taskon-color-text, #1f2937);
+}
+
+.taskon-points-list__time {
+  font-size: 13px;
+  color: var(--taskon-color-text-secondary, #6b7280);
+  white-space: nowrap;
+}
+
+.taskon-points-list__amount-cell {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
+}
+
+.taskon-points-list__amount-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.taskon-points-list__amount-value {
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.taskon-points-list__amount-value--positive {
+  color: var(--taskon-color-success, #10b981);
+}
+
+.taskon-points-list__amount-value--negative {
+  color: var(--taskon-color-error, #ef4444);
+}
 /**
  * RewardTables 通用样式
  */
@@ -919,6 +1091,11 @@
 .taskon-reward-table__points-amount--negative {
   color: var(--taskon-error, #ef4444);
 }
+/**
+ * TokenHistoryTable 表格样式
+ *
+ * 从 RewardTables.css 拆分，便于独立使用
+ */
 
 /* ========== Token History 表格样式 ========== */
 
@@ -2465,173 +2642,6 @@
   margin-bottom: var(--taskon-spacing-md, 16px);
 }
 
-/* ========== Points List ========== */
-.taskon-points-list {
-  width: 100%;
-}
-
-.taskon-points-list__header {
-  display: flex;
-  align-items: center;
-  gap: var(--taskon-spacing-sm, 8px);
-  margin-bottom: var(--taskon-spacing-md, 16px);
-}
-
-.taskon-points-list__icon {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.taskon-points-list__title {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--taskon-color-text, #1f2937);
-  margin: 0;
-}
-
-.taskon-points-list__total {
-  display: flex;
-  align-items: baseline;
-  gap: var(--taskon-spacing-xs, 4px);
-  margin-left: auto;
-}
-
-.taskon-points-list__total-value {
-  font-size: 20px;
-  font-weight: 700;
-  color: var(--taskon-color-text, #1f2937);
-}
-
-.taskon-points-list__total-label {
-  font-size: 12px;
-  color: var(--taskon-color-text-secondary, #6b7280);
-}
-
-.taskon-points-list__table {
-  width: 100%;
-  border: 1px solid var(--taskon-color-border, #e5e7eb);
-  border-radius: var(--taskon-border-radius-sm, 6px);
-  overflow: hidden;
-}
-
-.taskon-points-list__row {
-  display: flex;
-  align-items: center;
-  padding: var(--taskon-spacing-sm, 8px) var(--taskon-spacing-md, 16px);
-  border-bottom: 1px solid var(--taskon-color-border, #e5e7eb);
-  transition: background-color 0.2s ease;
-}
-
-.taskon-points-list__row:last-child {
-  border-bottom: none;
-}
-
-.taskon-points-list__row:hover {
-  background-color: var(--taskon-color-bg-hover, #f3f4f6);
-}
-
-.taskon-points-list__cell {
-  display: flex;
-  align-items: center;
-}
-
-.taskon-points-list__cell--main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  overflow: hidden;
-}
-
-.taskon-points-list__cell--amount {
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.taskon-points-list__cell--amount.positive {
-  color: var(--taskon-color-success, #10b981);
-}
-
-.taskon-points-list__cell--amount.negative {
-  color: var(--taskon-color-error, #ef4444);
-}
-
-.taskon-points-list__cell--time {
-  font-size: 13px;
-  color: var(--taskon-color-text-secondary, #6b7280);
-  white-space: nowrap;
-}
-
-.taskon-points-list__primary {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--taskon-color-text, #1f2937);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.taskon-points-list__secondary {
-  font-size: 12px;
-  color: var(--taskon-color-text-secondary, #6b7280);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.taskon-points-list__loading-more {
-  display: flex;
-  justify-content: center;
-  padding: var(--taskon-spacing-md, 16px);
-}
-
-.taskon-points-list__table-wrap {
-  margin-top: var(--taskon-spacing-md, 16px);
-}
-
-.taskon-points-list__name {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--taskon-color-text, #1f2937);
-}
-
-.taskon-points-list__time {
-  font-size: 13px;
-  color: var(--taskon-color-text-secondary, #6b7280);
-  white-space: nowrap;
-}
-
-.taskon-points-list__amount-cell {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 6px;
-}
-
-.taskon-points-list__amount-icon {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.taskon-points-list__amount-value {
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.taskon-points-list__amount-value--positive {
-  color: var(--taskon-color-success, #10b981);
-}
-
-.taskon-points-list__amount-value--negative {
-  color: var(--taskon-color-error, #ef4444);
-}
-
 /* ============================================================================
    Identity 组件样式
    ============================================================================ */

package/dist/chunks/{CommunityTaskList-DoPGZsw1.js → CommunityTaskList-BlH1Wdd5.js}

@@ -1788,6 +1788,11 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
   }, [userInfo]);
   const submitTask = useCallback(
     async (taskValue) => {
+      const refreshOnFailure = () => {
+        if (refreshOnFail) {
+          onSuccess == null ? void 0 : onSuccess();
+        }
+      };
       if (!userToken) {
         const errorMsg = "Please login first";
         setError(errorMsg);
@@ -1812,6 +1817,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
           onSuccess == null ? void 0 : onSuccess();
           return { successful: true };
         } else if (result.cool_down) {
+          refreshOnFailure();
           return {
             successful: false,
             cool_down: result.cool_down
@@ -1829,9 +1835,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
           } else {
             toast.error("Oops! You did not pass this task.");
           }
-          if (refreshOnFail) {
-            onSuccess == null ? void 0 : onSuccess();
-          }
+          refreshOnFailure();
           return { successful: false };
         }
       } catch (err) {
@@ -1841,6 +1845,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         setError(errorMsg);
         console.error("Submit task failed:", err);
         if (errorCode === ErrorCode.TASK_PARTIAL_PASS) {
+          refreshOnFailure();
           return {
             successful: false,
             error: errorMsg,
@@ -1850,6 +1855,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
         if (errorCode === ErrorCode.INVITE_JOIN_IS_NOT_REACH && errorData) {
           const { invited = 0, min_required = 0 } = errorData;
           toast.error(`You have invited ${invited} users, but need ${min_required - invited} more to complete this task.`);
+          refreshOnFailure();
           return {
             successful: false,
             error: errorMsg,
@@ -1857,6 +1863,7 @@ function useSubmitTask(taskId, onSuccess, platform, options) {
           };
         }
         toast.error(errorMsg);
+        refreshOnFailure();
         return {
           successful: false,
           error: errorMsg,

package/dist/chunks/{PageBuilder-Tmhf2GTS.js → PageBuilder-Bw0zSkFh.js}

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, useRef } from "react";
 import { DEFAULT_PAGE_BUILDER_CONFIG, createPageBuilderApi, parsePageBuilderConfig, SectionLayoutType, WidgetTypeEnum, SECTION_LAYOUT_RATIOS } from "@taskon/core";
 import { Q as QuestWidget } from "./Quest-DKFZ-pPU.js";
-import { a as CommunityTaskList } from "./CommunityTaskList-DoPGZsw1.js";
+import { a as CommunityTaskList } from "./CommunityTaskList-BlH1Wdd5.js";
 import { L as LeaderboardWidget } from "./LeaderboardWidget-CmYfDeHV.js";
-import { U as UserCenterWidget } from "./UserCenterWidget-BVw_IEEd.js";
+import { U as UserCenterWidget } from "./UserCenterWidget-Cw6h_5hT.js";
 import { b as useTaskOnContext } from "./ThemeProvider-wnSXrNQb.js";
 import '../PageBuilder.css';function usePageBuilderConfig(pageId, localConfig) {
   const { client } = useTaskOnContext();

package/dist/community-task.js

@@ -1,4 +1,4 @@
-import { B, B as B2, a, c, u, b } from "./chunks/CommunityTaskList-DoPGZsw1.js";
+import { B, B as B2, a, c, u, b } from "./chunks/CommunityTaskList-BlH1Wdd5.js";
 export {
   B as BaseTask,
   B2 as CommunityTask,

package/dist/index.js

@@ -1,5 +1,5 @@
 import { T, u, a } from "./chunks/ThemeProvider-wnSXrNQb.js";
-import { C, B, a as a2, T as T2 } from "./chunks/CommunityTaskList-DoPGZsw1.js";
+import { C, B, a as a2, T as T2 } from "./chunks/CommunityTaskList-BlH1Wdd5.js";
 import { RewardType } from "@taskon/core";
 import { T as T3, c, b, i, a as a3, u as u2 } from "./chunks/TaskOnProvider-BD6Vp2x8.js";
 import { a as a4, u as u3 } from "./chunks/useToast-B-wyO5zL.js";
@@ -7,8 +7,8 @@ import { c as c2, i as i2, u as u4 } from "./chunks/useWidgetLocale-JDelxtt8.js"
 import { B as B2 } from "./chunks/dynamic-import-helper-DxEFwm31.js";
 import { L } from "./chunks/LeaderboardWidget-CmYfDeHV.js";
 import { Q, Q as Q2, u as u5, b as b2, a as a5 } from "./chunks/Quest-DKFZ-pPU.js";
-import { U } from "./chunks/UserCenterWidget-BVw_IEEd.js";
-import { P } from "./chunks/PageBuilder-Tmhf2GTS.js";
+import { U } from "./chunks/UserCenterWidget-Cw6h_5hT.js";
+import { P } from "./chunks/PageBuilder-Bw0zSkFh.js";
 export {
   B2 as Button,
   C as CardSelector,

package/dist/page-builder.js

@@ -1,4 +1,4 @@
-import { P } from "./chunks/PageBuilder-Tmhf2GTS.js";
+import { P } from "./chunks/PageBuilder-Bw0zSkFh.js";
 export {
   P as PageBuilder
 };

package/dist/user-center.js

@@ -1,4 +1,4 @@
-import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-BVw_IEEd.js";
+import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-Cw6h_5hT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { L as LoadingState, E as EmptyState, P as Pagination } from "./chunks/UserCenterWidget-BE329iS7.js";
 import { T, e as e2, f as f2, d as d2, t, c as c2, u as u2, a as a2, b as b2 } from "./chunks/UserCenterWidget-BE329iS7.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskon/widget-react",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.2",
   "description": "TaskOn React Widget Library",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunks/{UserCenterWidget-BVw_IEEd.js → UserCenterWidget-Cw6h_5hT.js}

@@ -3685,16 +3685,6 @@ function MyRewardsContent({
     setSelectedTokenForWithdraw(null);
     setShowWithdrawForm(true);
   };
-  if (rewardsLoading && cards.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (rewardsError && cards.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: rewardsError.message }) });
-  }
-  const hasVisibleCards = cards.some((c) => c.visible);
-  if (!rewardsLoading && !hasVisibleCards) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyRewards });
-  }
   const handleSelectCard = (type, pointsId) => {
     hasUserSelectedRef.current = true;
     selectCard(type);
@@ -3732,6 +3722,16 @@ function MyRewardsContent({
     }
     appliedDefaultKeyRef.current = applyKey;
   }, [cards, defaultPointId, defaultRewardCard, selectCard]);
+  if (rewardsLoading && cards.length === 0) {
+    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
+  }
+  if (rewardsError && cards.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: rewardsError.message }) });
+  }
+  const hasVisibleCards = cards.some((c) => c.visible);
+  if (!rewardsLoading && !hasVisibleCards) {
+    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyRewards });
+  }
   const renderSelectedContent = () => {
     switch (selectedCard) {
       case USER_CENTER_REWARD_CARD_TYPES.Token: