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

package/dist/EligibilityInfo.css

@@ -1,151 +1,3 @@
-/**
- * ConfirmNoticeDialog styles
- *
- * @description
- * Keep only content-specific layout/typography and rely on Dialog
- * for container surface, radius and body spacing.
- */
-
-/*
- * 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
- */
-
-/* ConfirmNotice content root */
-
-.taskon-confirm-notice {
-  text-align: center;
-}
-
-/* Status icon */
-
-.taskon-confirm-notice-icon {
-  width: 46px;
-  height: 46px;
-  display: block;
-  margin: 0 auto;
-}
-
-/* Title */
-
-.taskon-confirm-notice-title {
-  margin: 20px 0 0;
-  font-weight: 600;
-  font-size: 22px;
-  line-height: 28px;
-  color: var(--taskon-color-text);
-  white-space: pre-wrap;
-}
-
-/* Description */
-
-.taskon-confirm-notice-desc {
-  margin: 10px 0 0;
-  font-size: 16px;
-  line-height: 20px;
-  color: var(--taskon-color-text-secondary);
-  white-space: pre-wrap;
-}
-
-/* Action container */
-
-.taskon-confirm-notice-buttons {
-  margin-top: 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: center;
-  gap: 10px;
-}
-
-.taskon-confirm-notice-buttons--col {
-  flex-wrap: wrap;
-}
-
-/* Base action button style */
-
-.taskon-confirm-notice-button {
-  width: 100%;
-  min-width: 100%;
-  height: 36px;
-  padding: 0 16px;
-  border-radius: 8px;
-  border: 1px solid transparent;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 36px;
-  text-align: center;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.taskon-confirm-notice-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* Cancel button */
-
-.taskon-confirm-notice-button--cancel {
-  color: var(--taskon-color-text);
-  background: var(--taskon-color-bg-surface-subtle);
-  border-color: var(--taskon-color-border);
-}
-
-.taskon-confirm-notice-button--cancel:hover:not(:disabled),
-.taskon-confirm-notice-button--cancel:focus-visible:not(:disabled) {
-  background: var(--taskon-color-bg-surface);
-}
-
-/* Confirm button */
-
-.taskon-confirm-notice-button--confirm {
-  color: var(--taskon-color-text-on-primary);
-  background: var(--taskon-color-primary);
-}
-
-.taskon-confirm-notice-button--confirm:hover:not(:disabled),
-.taskon-confirm-notice-button--confirm:focus-visible:not(:disabled) {
-  background: var(--taskon-color-primary-hover);
-}
-
-/* Desktop 增强 */
-
-@supports (container-type: inline-size) {
-    @container (min-width: 751px) {
-  .taskon-confirm-notice-buttons {
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .taskon-confirm-notice-button {
-    width: auto;
-    min-width: 161px;
-  }
-    }
-  }
-
-@supports not (container-type: inline-size) {
-    @media (min-width: 751px) {
-  .taskon-confirm-notice-buttons {
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .taskon-confirm-notice-button {
-    width: auto;
-    min-width: 161px;
-  }
-    }
-  }
 /**
  * Textarea 通用组件样式
  * @description 复刻 Vue 版本 BaseTextareaPro.vue 样式

package/dist/ThemeProvider.css

@@ -67,11 +67,12 @@
   max-width: 500px;
   max-height: 90vh;
 
-  /* 弹层统一使用更深的背景 token（dark 下最接近最深层） */
-  background-color: var(--taskon-color-bg-canvas);
+  /* 弹层使用浮层背景，避免 dark + 深色页面时与遮罩层融为一体 */
+  background-color: var(--taskon-color-bg-floating);
   color: var(--taskon-color-text);
+  border: 1px solid var(--taskon-color-border-secondary);
   border-radius: var(--taskon-border-radius);
-  box-shadow: 0 25px 50px -12px var(--taskon-color-bg-mask);
+  box-shadow: 0 28px 56px -20px var(--taskon-color-bg-mask);
 
   /* 布局 */
   display: flex;

package/dist/UserCenterWidget2.css

@@ -1,3 +1,151 @@
+/**
+ * ConfirmNoticeDialog styles
+ *
+ * @description
+ * Keep only content-specific layout/typography and rely on Dialog
+ * for container surface, radius and body spacing.
+ */
+
+/*
+ * 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
+ */
+
+/* ConfirmNotice content root */
+
+.taskon-confirm-notice {
+  text-align: center;
+}
+
+/* Status icon */
+
+.taskon-confirm-notice-icon {
+  width: 46px;
+  height: 46px;
+  display: block;
+  margin: 0 auto;
+}
+
+/* Title */
+
+.taskon-confirm-notice-title {
+  margin: 20px 0 0;
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 28px;
+  color: var(--taskon-color-text);
+  white-space: pre-wrap;
+}
+
+/* Description */
+
+.taskon-confirm-notice-desc {
+  margin: 10px 0 0;
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--taskon-color-text-secondary);
+  white-space: pre-wrap;
+}
+
+/* Action container */
+
+.taskon-confirm-notice-buttons {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
+  gap: 10px;
+}
+
+.taskon-confirm-notice-buttons--col {
+  flex-wrap: wrap;
+}
+
+/* Base action button style */
+
+.taskon-confirm-notice-button {
+  width: 100%;
+  min-width: 100%;
+  height: 36px;
+  padding: 0 16px;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 36px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.taskon-confirm-notice-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Cancel button */
+
+.taskon-confirm-notice-button--cancel {
+  color: var(--taskon-color-text);
+  background: var(--taskon-color-bg-surface-subtle);
+  border-color: var(--taskon-color-border);
+}
+
+.taskon-confirm-notice-button--cancel:hover:not(:disabled),
+.taskon-confirm-notice-button--cancel:focus-visible:not(:disabled) {
+  background: var(--taskon-color-bg-surface);
+}
+
+/* Confirm button */
+
+.taskon-confirm-notice-button--confirm {
+  color: var(--taskon-color-text-on-primary);
+  background: var(--taskon-color-primary);
+}
+
+.taskon-confirm-notice-button--confirm:hover:not(:disabled),
+.taskon-confirm-notice-button--confirm:focus-visible:not(:disabled) {
+  background: var(--taskon-color-primary-hover);
+}
+
+/* Desktop 增强 */
+
+@supports (container-type: inline-size) {
+    @container (min-width: 751px) {
+  .taskon-confirm-notice-buttons {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .taskon-confirm-notice-button {
+    width: auto;
+    min-width: 161px;
+  }
+    }
+  }
+
+@supports not (container-type: inline-size) {
+    @media (min-width: 751px) {
+  .taskon-confirm-notice-buttons {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .taskon-confirm-notice-button {
+    width: auto;
+    min-width: 161px;
+  }
+    }
+  }
 /**
  * Input 通用组件样式
  * @description 复刻 Vue 版本 BaseInputPro.vue 样式
@@ -2267,6 +2415,174 @@
     margin-top: 6.4vw;
   }
 }
+/*
+ * 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-withdraw-notice__tokens {
+  margin-top: 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  text-align: left;
+}
+
+.taskon-withdraw-notice__token {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  background: var(--taskon-color-bg-surface-subtle);
+  border: 1px solid var(--taskon-color-border);
+  border-radius: var(--taskon-border-radius-sm);
+}
+
+.taskon-withdraw-notice__token-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+
+.taskon-withdraw-notice__token-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.taskon-withdraw-notice__token-details {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.taskon-withdraw-notice__token-symbol {
+  font-size: var(--taskon-font-size);
+  font-weight: 600;
+  color: var(--taskon-color-text);
+  line-height: 1.2;
+}
+
+.taskon-withdraw-notice__token-chain {
+  font-size: var(--taskon-font-size-sm);
+  color: var(--taskon-color-text-secondary);
+  line-height: 1.2;
+}
+
+.taskon-withdraw-notice__token-amount {
+  font-size: var(--taskon-font-size);
+  font-weight: 600;
+  color: var(--taskon-color-text);
+  margin-left: 8px;
+}
+
+.taskon-withdraw-notice__error {
+  margin-top: 12px;
+  padding: 10px 12px;
+  font-size: var(--taskon-font-size-sm);
+  color: var(--taskon-color-error);
+  background: var(--taskon-color-error-bg);
+  border-radius: var(--taskon-border-radius-sm);
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.taskon-withdraw-notice__loading {
+  margin-top: 14px;
+  display: flex;
+  justify-content: center;
+}
+
+.taskon-withdraw-notice__spinner {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: 3px solid var(--taskon-color-border);
+  border-top-color: var(--taskon-color-primary);
+  animation: taskon-withdraw-notice-spin 0.8s linear infinite;
+}
+
+.taskon-withdraw-notice__tx-hash {
+  margin: 12px 0 0;
+  font-size: var(--taskon-font-size-sm);
+  color: var(--taskon-color-text-secondary);
+  word-break: break-all;
+}
+
+.taskon-withdraw-notice__actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+}
+
+.taskon-withdraw-notice__action {
+  flex: 1;
+  width: auto;
+  min-width: 0;
+}
+
+.taskon-withdraw-notice--cancel .taskon-confirm-notice-buttons {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.taskon-withdraw-notice--cancel .taskon-confirm-notice-button {
+  width: 100%;
+  min-width: 0;
+}
+
+@keyframes taskon-withdraw-notice-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (max-width: 750px) {
+  .taskon-withdraw-notice__token {
+    padding: 8px 10px;
+  }
+
+  .taskon-withdraw-notice__token-symbol,
+  .taskon-withdraw-notice__token-amount {
+    font-size: var(--taskon-font-size-sm);
+  }
+
+  .taskon-withdraw-notice__actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .taskon-withdraw-notice__action {
+    width: 100%;
+  }
+}
+
+@media (min-width: 751px) {
+  .taskon-withdraw-notice--cancel .taskon-confirm-notice-buttons {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .taskon-withdraw-notice--cancel .taskon-confirm-notice-button {
+    width: auto;
+    min-width: 161px;
+  }
+}
 /**
  * UserCenter Widget 样式
  *

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

@@ -4,8 +4,8 @@ import { isUnauthorizedError, TaskReviewResult, formatLongNumber, EligibilityTyp
 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 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-CKTl_cdU.js";
+import { a as useBindSocialAccount, k as useChainMap, p as TipPopover, I as Input } from "./UserCenterWidget-SE5hqpnZ.js";
 import { u as useIsMobile } from "./useIsMobile-D6Ybur-6.js";
 import { createPortal } from "react-dom";
 import '../CommunityTaskList.css';function CardSelector({

package/dist/chunks/{EligibilityInfo-Cf6hx9-a.js → EligibilityInfo-CKTl_cdU.js}

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import React__default, { isValidElement, cloneElement, Fragment as Fragment$1, useContext, useState, useRef, useMemo, useCallback, forwardRef, useEffect, useImperativeHandle } from "react";
 import { createUserApi, ChainType, parseTitleExpress, getTxExplorerUrl, RewardType, UserIdentityType, SnsType, createQuestApi, isUnauthorizedError, ErrorCode, ApiError, createCommonApi, powIcon, contractInteractiveIcon, getSwapDexTitleExpress, EligibilityTemplateId, UserEligibleStatus } from "@taskon/core";
-import { R as Root2, h as Trigger, i as Portal, C as Content2, j as Arrow2, k as useChainMap, l as useNftClaim, m as ClaimNftDialog, n as enMessages$2, o as PendingTxDialog, p as TipPopover, a as useBindSocialAccount, u as useUserCenterLocale, c as useTokenAssets, d as useRewardDetails, e as usePointsHistory, L as LoadingState, T as TokenRewardContent, g as PointsList, E as EmptyState, N as NftRewardContent, W as WithdrawForm } from "./UserCenterWidget-STq8kpV4.js";
-import { w as TaskOnContext, D as Dialog, E as useTaskOnPortalContainer, c as useTranslation, e as createLocaleLoader, u as useTaskOnAuth } from "./ThemeProvider-CulHkqqY.js";
+import { R as Root2, h as Trigger, i as Portal, C as Content2, j as Arrow2, k as useChainMap, l as useNftClaim, m as ClaimNftDialog, n as enMessages$2, o as PendingTxDialog, p as TipPopover, a as useBindSocialAccount, q as ConfirmNoticeDialog, u as useUserCenterLocale, c as useTokenAssets, d as useRewardDetails, e as usePointsHistory, L as LoadingState, T as TokenRewardContent, g as PointsList, E as EmptyState, N as NftRewardContent, W as WithdrawForm } from "./UserCenterWidget-SE5hqpnZ.js";
+import { w as TaskOnContext, E as useTaskOnPortalContainer, c as useTranslation, e as createLocaleLoader, u as useTaskOnAuth, D as Dialog } from "./ThemeProvider-CulHkqqY.js";
 import { u as useWallet, c as useToast } from "./useToast-BGJhd3BX.js";
 import '../EligibilityInfo.css';const SLOT_TOKEN_PREFIX = "__TASKON_I18NT_SLOT_";
 const SLOT_TOKEN_SUFFIX = "__";
@@ -238,136 +238,6 @@ function useBindWallet({
     hasAdapter
   };
 }
-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: open2,
-  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: open2,
-      onOpenChange: handleOpenChange,
-      title: ariaTitle,
-      description: accessibilityDescription,
-      showCloseButton,
-      closeOnOverlayClick,
-      closeOnEscapeKey,
-      maxWidth,
-      contentClassName,
-      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,
@@ -23662,7 +23532,6 @@ export {
   useQuestLocale as e,
   EligibilityList as f,
   getDefaultExportFromCjs as g,
-  ConfirmNoticeDialog as h,
   sanitizeHtml as s,
   useBindWallet as u
 };

package/dist/chunks/{PageBuilder-DoAFPm6-.js → PageBuilder-DHM3Il6f.js}

@@ -1,10 +1,10 @@
 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-ySZlYd4u.js";
-import { C as CommunityTaskList } from "./CommunityTaskList-D0uVD8wD.js";
+import { Q as QuestWidget } from "./Quest-Dqx4OCat.js";
+import { C as CommunityTaskList } from "./CommunityTaskList-2nFy6l6m.js";
 import { L as LeaderboardWidget } from "./LeaderboardWidget-DyoiiNS6.js";
-import { U as UserCenterWidget } from "./UserCenterWidget-BJsc_GSZ.js";
+import { U as UserCenterWidget } from "./UserCenterWidget-XL6LZRZM.js";
 import { h as useTaskOnContext } from "./ThemeProvider-CulHkqqY.js";
 import '../PageBuilder.css';function usePageBuilderConfig(pageId, localConfig) {
   const { client } = useTaskOnContext();

package/dist/chunks/{Quest-ySZlYd4u.js → Quest-Dqx4OCat.js}

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useCallback, useEffect, useRef } from "react";
 import { RewardType, UserEligibleStatus, EligibilityTemplateId, SnsType, ChainType, QuestAutomaticallyWinnerDrawType, QuestWinnerDrawType, QuestWinnerRangeType, createQuestApi, QuestRewardsDistributeType, QuestRewardType, createLeaderboardApi, MediaType, RewardDistributedByType, ApiError, ErrorCode, CampaignType } from "@taskon/core";
 import { D as Dialog, E as useTaskOnPortalContainer, h as useTaskOnContext } from "./ThemeProvider-CulHkqqY.js";
-import { d as useTaskWidgetLocale, b as TaskItem, e as useQuestLocale, I as I18nT, f as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, h as ConfirmNoticeDialog, u as useBindWallet, a as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-Cf6hx9-a.js";
+import { d as useTaskWidgetLocale, b as TaskItem, e as useQuestLocale, I as I18nT, f as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, u as useBindWallet, a as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-CKTl_cdU.js";
 import { B as Button, T as Table, P as Pagination, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-8xn-Jivw.js";
 import { c as useToast } from "./useToast-BGJhd3BX.js";
-import { R as Root2, h as Trigger, i as Portal, C as Content2, q as InfoIcon, j as Arrow2, p as TipPopover, a as useBindSocialAccount } from "./UserCenterWidget-STq8kpV4.js";
+import { R as Root2, h as Trigger, i as Portal, C as Content2, r as InfoIcon, j as Arrow2, p as TipPopover, q as ConfirmNoticeDialog, a as useBindSocialAccount } from "./UserCenterWidget-SE5hqpnZ.js";
 import '../Quest.css';function ButtonTabs({
   items,
   activeKey,