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

package/dist/chunks/UserCenterWidget-BE329iS7.js

@@ -1,3546 +0,0 @@
-import '../UserCenterWidget2.css';var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { P as Pagination$1, B as Button, T as Table, u as usePagination } from "./dynamic-import-helper-DxEFwm31.js";
-import { useState, useRef, useMemo, useCallback, useEffect, createContext } from "react";
-import { toWei, formatTokenAmount as formatTokenAmount$1, USER_CENTER_REWARD_CARD_TYPES, RouletteRewardType, USER_CENTER_PAGE_SIZE, createUserCenterApi, ChainType } from "@taskon/core";
-import { b as useTaskOnContext } from "./ThemeProvider-wnSXrNQb.js";
-import { u as useWallet } from "./useToast-B-wyO5zL.js";
-import { T as TipPopover, u as useChainMap, I as Input } from "./TipPopover-BrW8jo71.js";
-import { createPortal } from "react-dom";
-import { D as Dialog } from "./WidgetShell-D_5OjvNZ.js";
-const SelectContext = createContext({});
-function UnfoldIcon({
-  isOpen,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: `taskon-select__unfold-icon ${isOpen ? "taskon-select__unfold-icon--rotated" : ""} ${className ?? ""}`,
-      width: "10",
-      height: "6",
-      viewBox: "0 0 10 6",
-      fill: "none",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M1 1L5 5L9 1",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}
-function Select({
-  options,
-  value,
-  placeholder = "Select...",
-  disabled = false,
-  type = "default",
-  menuAlign = "wide",
-  menuOffsetPx = 10,
-  menuInBody = true,
-  showCheckedIcon = false,
-  showUnfoldIcon = true,
-  labelClass = "",
-  noLabelStyle = false,
-  noSelectedIcon = false,
-  menuMaxHeight = "178px",
-  hasError = false,
-  error: error2,
-  onChange,
-  onOpenChange,
-  beforeSlot,
-  labelAfterSlot,
-  afterSlot,
-  labelSlot,
-  menuBeforeSlot,
-  menuAfterSlot,
-  emptyOptionsSlot,
-  renderOption
-}) {
-  const [isOpen, setIsOpen] = useState(false);
-  const [menuStyle, setMenuStyle] = useState({});
-  const containerRef = useRef(null);
-  const labelRef = useRef(null);
-  const menuRef = useRef(null);
-  const selectedOption = useMemo(() => {
-    return options.find((opt) => opt.value === value) ?? null;
-  }, [options, value]);
-  const displayLabel = useMemo(() => {
-    if (!selectedOption) return "";
-    return selectedOption.selectedLabel ?? selectedOption.label;
-  }, [selectedOption]);
-  const toggleDropdown = useCallback(() => {
-    if (disabled) return;
-    setIsOpen((prev) => {
-      const newState = !prev;
-      onOpenChange == null ? void 0 : onOpenChange(newState);
-      return newState;
-    });
-  }, [disabled, onOpenChange]);
-  const closeDropdown = useCallback(() => {
-    setIsOpen(false);
-    onOpenChange == null ? void 0 : onOpenChange(false);
-  }, [onOpenChange]);
-  const handleSelect = useCallback(
-    (option) => {
-      if (option.disabled) return;
-      if (option.value === value) {
-        closeDropdown();
-        return;
-      }
-      onChange == null ? void 0 : onChange(option.value, option);
-      closeDropdown();
-    },
-    [value, onChange, closeDropdown]
-  );
-  const updateMenuPosition = useCallback(() => {
-    if (!labelRef.current || !menuInBody) return;
-    const rect = labelRef.current.getBoundingClientRect();
-    window.scrollY || document.documentElement.scrollTop;
-    window.scrollX || document.documentElement.scrollLeft;
-    setMenuStyle({
-      position: "fixed",
-      top: rect.bottom + menuOffsetPx,
-      left: rect.left,
-      width: menuAlign === "wide" ? rect.width : void 0,
-      minWidth: menuAlign !== "wide" ? rect.width : void 0,
-      maxHeight: menuMaxHeight,
-      zIndex: 9999
-    });
-  }, [menuInBody, menuOffsetPx, menuAlign, menuMaxHeight]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleClickOutside = (event) => {
-      var _a;
-      const target = event.target;
-      if (containerRef.current && !containerRef.current.contains(target)) {
-        if (menuInBody && ((_a = menuRef.current) == null ? void 0 : _a.contains(target))) {
-          return;
-        }
-        closeDropdown();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [isOpen, menuInBody, closeDropdown]);
-  useEffect(() => {
-    if (isOpen && menuInBody) {
-      updateMenuPosition();
-      const handleScroll = () => updateMenuPosition();
-      const handleResize = () => updateMenuPosition();
-      window.addEventListener("scroll", handleScroll, true);
-      window.addEventListener("resize", handleResize);
-      return () => {
-        window.removeEventListener("scroll", handleScroll, true);
-        window.removeEventListener("resize", handleResize);
-      };
-    }
-  }, [isOpen, menuInBody, updateMenuPosition]);
-  const renderMenuContent = () => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: menuRef,
-      className: `taskon-select__menu taskon-select__menu--${type}`,
-      style: menuInBody ? menuStyle : { maxHeight: menuMaxHeight },
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        menuBeforeSlot,
-        options.length === 0 ? emptyOptionsSlot ?? /* @__PURE__ */ jsx("div", { className: "taskon-select__empty", children: "No options" }) : options.map((option, index) => {
-          const isActive = option.value === value;
-          if (renderOption) {
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                onClick: () => handleSelect(option),
-                className: option.disabled ? "taskon-select__option--disabled" : "",
-                children: renderOption(option, index, isActive)
-              },
-              String(option.value)
-            );
-          }
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `taskon-select__option ${isActive ? "taskon-select__option--active" : ""} ${option.disabled ? "taskon-select__option--disabled" : ""} ${option.danger ? "taskon-select__option--danger" : ""}`,
-              onClick: () => handleSelect(option),
-              children: [
-                option.icon && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: option.icon,
-                    alt: "",
-                    className: "taskon-select__option-icon"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "taskon-select__option-content", children: [
-                  /* @__PURE__ */ jsx("div", { className: "taskon-select__option-label", children: option.label }),
-                  option.desc && /* @__PURE__ */ jsx("div", { className: "taskon-select__option-desc", children: option.desc })
-                ] }),
-                showCheckedIcon && isActive && /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "taskon-select__option-check",
-                    width: "12",
-                    height: "8",
-                    viewBox: "0 0 12 8",
-                    fill: "none",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M1 4L4.5 7.5L11 1",
-                        stroke: "currentColor",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  }
-                )
-              ]
-            },
-            String(option.value)
-          );
-        }),
-        menuAfterSlot
-      ]
-    }
-  );
-  const showErrorStyle = hasError || !!error2;
-  const triggerClassName = [
-    "taskon-select__trigger",
-    !noLabelStyle && `taskon-select__trigger--${type}`,
-    isOpen && "taskon-select__trigger--open",
-    disabled && "taskon-select__trigger--disabled",
-    showErrorStyle && "taskon-select__trigger--error",
-    labelClass
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: { showCheckedIcon }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: `taskon-select ${disabled ? "taskon-select--disabled" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: labelRef,
-            className: triggerClassName,
-            onClick: toggleDropdown,
-            role: "button",
-            tabIndex: disabled ? -1 : 0,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                toggleDropdown();
-              }
-            },
-            children: [
-              beforeSlot,
-              labelSlot ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-                (selectedOption == null ? void 0 : selectedOption.icon) && !noSelectedIcon && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: selectedOption.icon,
-                    alt: "",
-                    className: "taskon-select__trigger-icon"
-                  }
-                ),
-                displayLabel ? /* @__PURE__ */ jsx("div", { className: "taskon-select__trigger-text", children: displayLabel }) : /* @__PURE__ */ jsx("div", { className: "taskon-select__trigger-placeholder", children: placeholder })
-              ] }),
-              labelAfterSlot,
-              afterSlot ?? (showUnfoldIcon && !noLabelStyle && /* @__PURE__ */ jsx(UnfoldIcon, { isOpen }))
-            ]
-          }
-        ),
-        isOpen && (menuInBody ? createPortal(renderMenuContent(), document.body) : renderMenuContent()),
-        error2 && /* @__PURE__ */ jsx("p", { className: "taskon-select__error", children: error2 })
-      ]
-    }
-  ) });
-}
-function formatBalance$3(balance) {
-  const num = parseFloat(balance);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function WithdrawSelectOption({
-  label,
-  icon,
-  chainIcon,
-  chainLabel,
-  balance,
-  canWithdraw = true,
-  active,
-  disabled,
-  notSupportText = "Token not supported"
-}) {
-  const isBlurred = canWithdraw === false;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `taskon-withdraw-option ${disabled ? "taskon-withdraw-option--disabled" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `taskon-withdraw-option__content ${isBlurred ? "taskon-withdraw-option__content--blurred" : ""}`,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-option__chain", children: [
-                chainIcon && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: chainIcon,
-                    alt: chainLabel,
-                    className: "taskon-withdraw-option__chain-icon"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-option__chain-label", children: chainLabel })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-option__token", children: [
-                icon && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: icon,
-                    alt: label,
-                    className: "taskon-withdraw-option__token-icon"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-option__token-label", children: label })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-option__trailing", children: [
-                balance && /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-option__balance", children: formatBalance$3(balance) }),
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: `taskon-withdraw-option__check ${active ? "taskon-withdraw-option__check--visible" : ""}`,
-                    width: "12",
-                    height: "8",
-                    viewBox: "0 0 12 8",
-                    fill: "none",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M1 4L4.5 7.5L11 1",
-                        stroke: "currentColor",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        canWithdraw === false && /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-option__warning", children: notSupportText })
-      ]
-    }
-  );
-}
-function FormItem({
-  label,
-  error: error2,
-  titleClass,
-  type = "default",
-  optional = false,
-  optionalText = "Optional",
-  tip,
-  isWarn = false,
-  docLabel,
-  docUrl,
-  noRowMargin = false,
-  className,
-  children,
-  rowStartSlot,
-  rowSlot,
-  tipSlot,
-  onMounted,
-  onUnmounted
-}) {
-  useEffect(() => {
-    onMounted == null ? void 0 : onMounted();
-    return () => {
-      onUnmounted == null ? void 0 : onUnmounted();
-    };
-  }, [onMounted, onUnmounted]);
-  const rootClassName = [
-    "taskon-form-item",
-    type === "dialog" && "taskon-form-item--dialog",
-    className
-  ].filter(Boolean).join(" ");
-  const rowClassName = [
-    "taskon-form-item__row",
-    label && "taskon-form-item__row--has-label",
-    noRowMargin && "taskon-form-item__row--no-margin",
-    titleClass
-  ].filter(Boolean).join(" ");
-  const errorClassName = [
-    "taskon-form-item__error",
-    isWarn && "taskon-form-item__error--warn"
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: rootClassName,
-      "data-testid": label ? `form-item-${label}` : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: rowClassName, children: [
-          rowStartSlot,
-          /* @__PURE__ */ jsxs("div", { className: "taskon-form-item__label", children: [
-            label && /* @__PURE__ */ jsx("span", { children: label }),
-            optional && /* @__PURE__ */ jsxs("span", { className: "taskon-form-item__optional", children: [
-              " ",
-              optionalText
-            ] }),
-            tipSlot ?? (tip && /* @__PURE__ */ jsx("span", { className: "taskon-form-item__tip", children: /* @__PURE__ */ jsx(TipPopover, { content: tip }) }))
-          ] }),
-          docLabel && docUrl && /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: docUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "taskon-form-item__doc-link",
-              children: [
-                /* @__PURE__ */ jsx("span", { children: docLabel }),
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "taskon-form-item__doc-icon",
-                    width: "8",
-                    height: "9",
-                    viewBox: "0 0 8 9",
-                    fill: "none",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "M1 4.5H7M7 4.5L4 1.5M7 4.5L4 7.5",
-                        stroke: "currentColor",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          rowSlot
-        ] }),
-        children,
-        error2 && /* @__PURE__ */ jsx("div", { className: errorClassName, children: error2 })
-      ]
-    }
-  );
-}
-function CheckedIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "taskon-checkbox__icon-checked",
-      viewBox: "0 0 12 10",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M1 5L4.5 8.5L11 1.5",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}
-function Checkbox({
-  checked,
-  onChange,
-  label,
-  disabled = false,
-  readonly = false,
-  round = false,
-  type = "default",
-  className = "",
-  children,
-  afterSlot
-}) {
-  const handleClick = useCallback(() => {
-    if (disabled || readonly) {
-      return;
-    }
-    onChange(!checked);
-  }, [disabled, readonly, checked, onChange]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (disabled || readonly) {
-        return;
-      }
-      if (e.key === " " || e.key === "Enter") {
-        e.preventDefault();
-        onChange(!checked);
-      }
-    },
-    [disabled, readonly, checked, onChange]
-  );
-  const rootClassName = [
-    "taskon-checkbox",
-    disabled && "taskon-checkbox--disabled",
-    readonly && "taskon-checkbox--readonly",
-    className
-  ].filter(Boolean).join(" ");
-  const iconClassName = [
-    "taskon-checkbox__icon",
-    checked && "taskon-checkbox__icon--active",
-    type === "light" && "taskon-checkbox__icon--light",
-    round && "taskon-checkbox__icon--round"
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: rootClassName,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: "checkbox",
-      "aria-checked": checked,
-      "aria-disabled": disabled,
-      tabIndex: disabled || readonly ? -1 : 0,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            className: "taskon-checkbox__input",
-            checked,
-            disabled: disabled || readonly,
-            readOnly: true,
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: iconClassName, children: /* @__PURE__ */ jsx(CheckedIcon, {}) }),
-        label && /* @__PURE__ */ jsx("div", { className: "taskon-checkbox__label", children: label }),
-        afterSlot
-      ]
-    }
-  );
-}
-function Switch({
-  checked,
-  onChange,
-  label,
-  disabled = false,
-  type = "normal",
-  className = ""
-}) {
-  const handleClick = useCallback(() => {
-    if (disabled) {
-      return;
-    }
-    onChange(!checked);
-  }, [disabled, checked, onChange]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (disabled) {
-        return;
-      }
-      if (e.key === " " || e.key === "Enter") {
-        e.preventDefault();
-        onChange(!checked);
-      }
-    },
-    [disabled, checked, onChange]
-  );
-  const rootClassName = [
-    "taskon-switch",
-    type === "highlight" && "taskon-switch--highlight",
-    disabled && "taskon-switch--disabled",
-    className
-  ].filter(Boolean).join(" ");
-  const buttonClassName = [
-    "taskon-switch__button",
-    checked && "taskon-switch__button--active",
-    disabled && "taskon-switch__button--disabled"
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: rootClassName,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: "switch",
-      "aria-checked": checked,
-      "aria-disabled": disabled,
-      tabIndex: disabled ? -1 : 0,
-      children: [
-        label && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: `taskon-switch__label ${disabled ? "taskon-switch__label--disabled" : ""}`,
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: buttonClassName, children: /* @__PURE__ */ jsx("div", { className: "taskon-switch__slider" }) })
-      ]
-    }
-  );
-}
-const tabMyRewards = "My Rewards";
-const tabIdentity = "Identity";
-const tabActivityHistory = "Activity History";
-const tabRewards = "Rewards";
-const tabSprintOdysseyHistory = "Sprint & Odyssey History";
-const sectionYouHaveEarned = "You have earned";
-const rewardToken = "Token";
-const rewardXpLevel = "XP & Level";
-const rewardNft = "NFT";
-const rewardWhitelist = "Whitelist";
-const rewardDiscordRole = "Discord Role";
-const rewardPoints = "Points";
-const withdrawableAssets = "Withdrawable Assets";
-const tokenHistory = "Token History";
-const withdraw = "Withdraw";
-const batchWithdraw = "Batch Withdraw";
-const frozenAssets = "Frozen Assets";
-const resend = "Resend";
-const pendingWithdrawals = "You have {count} pending withdrawals";
-const withdrawConfirm = "Confirm Withdrawal";
-const withdrawSuccess = "Withdrawal Successful";
-const withdrawCanceled = "Withdrawal Canceled";
-const gasNotEnough = "Insufficient Gas";
-const retry = "Retry";
-const confirmWithdraw = "Confirm withdrawal";
-const withdrawing = "Processing withdrawal...";
-const confirm = "Confirm";
-const cancel = "Cancel";
-const close = "Close";
-const gasFreeWithdraw = "Free Withdraw";
-const gasFreeRemaining = "{count} free withdrawals remaining";
-const pollingStatus = "Processing via Gas Station...";
-const columnDetail = "Detail";
-const columnDuration = "Duration";
-const activityName = "Activity Name";
-const activityTime = "Activity Time";
-const level = "Level";
-const totalXp = "Total XP";
-const xpToNextLevel = "XP to next level";
-const xpHistory = "XP History";
-const totalPoints = "Total";
-const emptyPoints = "No points history yet";
-const pointsHistory = "Points History";
-const page = "Page";
-const of = "of";
-const previous = "Previous";
-const next = "Next";
-const loadMore = "Load More";
-const showing = "Showing {start}-{end} of {total}";
-const socialAccounts = "Social Media Accounts";
-const walletAddresses = "Network List";
-const emailAddress = "Email Address";
-const bind = "Bind";
-const unbind = "Unbind";
-const connectWallet = "Connect Wallet";
-const binding = "Binding...";
-const unbinding = "Unbinding...";
-const bindSocialTodo = "OAuth binding will be available soon";
-const confirmUnbind = "Confirm Unbind";
-const unbindWarning = "Are you sure you want to unbind this account?";
-const kycWarning = "This address has been KYC verified. After unbinding, you will need to re-verify KYC if you bind it again.";
-const unbindCooldown = "Cannot unbind within 24 hours of binding";
-const lastLoginMethod = "Cannot unbind the last login method";
-const unbindSuccess = "Unbind successful";
-const unbindFailed = "Unbind failed";
-const bindSuccess = "Bind successful";
-const bindFailed = "Bind failed";
-const connectingWallet = "Connecting wallet...";
-const signingMessage = "Signing message...";
-const emptyIdentity = "No identity options configured";
-const linkEmailAccount = "Link Email Account";
-const pleaseEnterEmail = "Please enter email address";
-const pleaseEnterValidEmail = "Please enter a valid email address";
-const verificationCode = "Verification Code";
-const pleaseEnterCode = "Please enter verification code";
-const pleaseEnterValidCode = "Please enter a valid verification code";
-const sendVerificationCode = "Send Verification Code";
-const resendCode = "Resend";
-const emailAlreadyLinked = "This email is already linked to another account";
-const sendCodeSuccess = "Verification code sent";
-const sendCodeFailed = "Failed to send verification code";
-const columnTokenSymbol = "Token Symbol";
-const columnNetwork = "Network";
-const columnWithdrawable = "Withdrawable";
-const columnAction = "Action";
-const ok = "OK";
-const claimNft = "Claim NFT";
-const linked = "Linked";
-const linkPlatformAccount = "Link {platform} Account";
-const withdrawCanceledMessage = "Your withdrawal was canceled. You can retry the transaction.";
-const frozenTypeCampaign = "Campaign Locked";
-const frozenTypeWithdraw = "Pending Withdrawal";
-const frozenTypeReferral = "Referral Locked";
-const frozenTypeBenefit = "Benefit Locked";
-const frozenTypeTgMiniApp = "TG Mini App";
-const frozenTypeMilestone = "Milestone Locked";
-const loading = "Loading...";
-const error = "Something went wrong";
-const emptyRewards = "No rewards yet";
-const emptyActivityHistory = "No activity history";
-const emptyToken = "No tokens yet";
-const emptyNft = "No NFTs yet";
-const noData = "No data";
-const claim = "Claim";
-const claimedTxn = "Claimed (Txn)";
-const manualDrop = "Manual Drop";
-const columnNft = "NFT";
-const columnWhitelist = "Whitelist";
-const columnDiscordRole = "Discord Role";
-const columnTime = "Time";
-const columnStatus = "Status";
-const columnAmount = "Amount";
-const deposited = "Deposited";
-const distributedBy = "Distributed by";
-const columnTokenType = "Type";
-const columnAmountWithdrawable = "Amount Withdrawable";
-const columnWithdrawAmount = "Withdraw Amount";
-const selectToken = "Select Token";
-const tokenAmount = "Token Amount";
-const receiveAddress = "Receive Address";
-const max = "MAX";
-const availableBalance = "Available";
-const pleaseSelectToken = "Please select a token";
-const pleaseEnterValidAmount = "Please enter a valid amount";
-const amountExceedsBalance = "Amount exceeds available balance";
-const withdrawingTip = "Please wait while your withdrawal is being processed...";
-const claimingNft = "Claiming NFT...";
-const claimConnectingWallet = "Connecting wallet...";
-const claimSwitchingNetwork = "Switching network...";
-const claimGettingSignature = "Getting signature...";
-const claimConfirmInWallet = "Please confirm in your wallet";
-const claimTransactionPending = "Transaction pending...";
-const claimSuccess = "Claim successful!";
-const claimFailed = "Claim failed";
-const viewOnExplorer = "View on Explorer";
-const pendingTransaction = "Pending Transaction";
-const pendingTxMessage = "You have a pending transaction";
-const continueWaiting = "Continue Waiting";
-const claimAgain = "Claim Again";
-const errorNoWallet = "No wallet found. Please install a wallet extension.";
-const errorAddressMismatch = "Connected wallet address does not match.";
-const errorNetworkSwitch = "Failed to switch network. Please switch manually.";
-const errorInsufficientGas = "Insufficient gas. Please add more funds to your wallet.";
-const enMessages = {
-  tabMyRewards,
-  tabIdentity,
-  tabActivityHistory,
-  tabRewards,
-  tabSprintOdysseyHistory,
-  sectionYouHaveEarned,
-  rewardToken,
-  rewardXpLevel,
-  rewardNft,
-  rewardWhitelist,
-  rewardDiscordRole,
-  rewardPoints,
-  withdrawableAssets,
-  tokenHistory,
-  withdraw,
-  batchWithdraw,
-  frozenAssets,
-  resend,
-  pendingWithdrawals,
-  withdrawConfirm,
-  withdrawSuccess,
-  withdrawCanceled,
-  gasNotEnough,
-  retry,
-  confirmWithdraw,
-  withdrawing,
-  confirm,
-  cancel,
-  close,
-  gasFreeWithdraw,
-  gasFreeRemaining,
-  pollingStatus,
-  columnDetail,
-  columnDuration,
-  activityName,
-  activityTime,
-  level,
-  totalXp,
-  xpToNextLevel,
-  xpHistory,
-  totalPoints,
-  emptyPoints,
-  pointsHistory,
-  page,
-  of,
-  previous,
-  next,
-  loadMore,
-  showing,
-  socialAccounts,
-  walletAddresses,
-  emailAddress,
-  bind,
-  unbind,
-  connectWallet,
-  binding,
-  unbinding,
-  bindSocialTodo,
-  confirmUnbind,
-  unbindWarning,
-  kycWarning,
-  unbindCooldown,
-  lastLoginMethod,
-  unbindSuccess,
-  unbindFailed,
-  bindSuccess,
-  bindFailed,
-  connectingWallet,
-  signingMessage,
-  emptyIdentity,
-  linkEmailAccount,
-  pleaseEnterEmail,
-  pleaseEnterValidEmail,
-  verificationCode,
-  pleaseEnterCode,
-  pleaseEnterValidCode,
-  sendVerificationCode,
-  resendCode,
-  emailAlreadyLinked,
-  sendCodeSuccess,
-  sendCodeFailed,
-  columnTokenSymbol,
-  columnNetwork,
-  columnWithdrawable,
-  columnAction,
-  ok,
-  claimNft,
-  linked,
-  linkPlatformAccount,
-  withdrawCanceledMessage,
-  frozenTypeCampaign,
-  frozenTypeWithdraw,
-  frozenTypeReferral,
-  frozenTypeBenefit,
-  frozenTypeTgMiniApp,
-  frozenTypeMilestone,
-  loading,
-  error,
-  emptyRewards,
-  emptyActivityHistory,
-  emptyToken,
-  emptyNft,
-  noData,
-  claim,
-  claimedTxn,
-  manualDrop,
-  columnNft,
-  columnWhitelist,
-  columnDiscordRole,
-  columnTime,
-  columnStatus,
-  columnAmount,
-  deposited,
-  distributedBy,
-  columnTokenType,
-  columnAmountWithdrawable,
-  columnWithdrawAmount,
-  selectToken,
-  tokenAmount,
-  receiveAddress,
-  max,
-  availableBalance,
-  pleaseSelectToken,
-  pleaseEnterValidAmount,
-  amountExceedsBalance,
-  withdrawingTip,
-  claimingNft,
-  claimConnectingWallet,
-  claimSwitchingNetwork,
-  claimGettingSignature,
-  claimConfirmInWallet,
-  claimTransactionPending,
-  claimSuccess,
-  claimFailed,
-  viewOnExplorer,
-  pendingTransaction,
-  pendingTxMessage,
-  continueWaiting,
-  claimAgain,
-  errorNoWallet,
-  errorAddressMismatch,
-  errorNetworkSwitch,
-  errorInsufficientGas
-};
-const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  activityName,
-  activityTime,
-  amountExceedsBalance,
-  availableBalance,
-  batchWithdraw,
-  bind,
-  bindFailed,
-  bindSocialTodo,
-  bindSuccess,
-  binding,
-  cancel,
-  claim,
-  claimAgain,
-  claimConfirmInWallet,
-  claimConnectingWallet,
-  claimFailed,
-  claimGettingSignature,
-  claimNft,
-  claimSuccess,
-  claimSwitchingNetwork,
-  claimTransactionPending,
-  claimedTxn,
-  claimingNft,
-  close,
-  columnAction,
-  columnAmount,
-  columnAmountWithdrawable,
-  columnDetail,
-  columnDiscordRole,
-  columnDuration,
-  columnNetwork,
-  columnNft,
-  columnStatus,
-  columnTime,
-  columnTokenSymbol,
-  columnTokenType,
-  columnWhitelist,
-  columnWithdrawAmount,
-  columnWithdrawable,
-  confirm,
-  confirmUnbind,
-  confirmWithdraw,
-  connectWallet,
-  connectingWallet,
-  continueWaiting,
-  default: enMessages,
-  deposited,
-  distributedBy,
-  emailAddress,
-  emailAlreadyLinked,
-  emptyActivityHistory,
-  emptyIdentity,
-  emptyNft,
-  emptyPoints,
-  emptyRewards,
-  emptyToken,
-  error,
-  errorAddressMismatch,
-  errorInsufficientGas,
-  errorNetworkSwitch,
-  errorNoWallet,
-  frozenAssets,
-  frozenTypeBenefit,
-  frozenTypeCampaign,
-  frozenTypeMilestone,
-  frozenTypeReferral,
-  frozenTypeTgMiniApp,
-  frozenTypeWithdraw,
-  gasFreeRemaining,
-  gasFreeWithdraw,
-  gasNotEnough,
-  kycWarning,
-  lastLoginMethod,
-  level,
-  linkEmailAccount,
-  linkPlatformAccount,
-  linked,
-  loadMore,
-  loading,
-  manualDrop,
-  max,
-  next,
-  noData,
-  of,
-  ok,
-  page,
-  pendingTransaction,
-  pendingTxMessage,
-  pendingWithdrawals,
-  pleaseEnterCode,
-  pleaseEnterEmail,
-  pleaseEnterValidAmount,
-  pleaseEnterValidCode,
-  pleaseEnterValidEmail,
-  pleaseSelectToken,
-  pointsHistory,
-  pollingStatus,
-  previous,
-  receiveAddress,
-  resend,
-  resendCode,
-  retry,
-  rewardDiscordRole,
-  rewardNft,
-  rewardPoints,
-  rewardToken,
-  rewardWhitelist,
-  rewardXpLevel,
-  sectionYouHaveEarned,
-  selectToken,
-  sendCodeFailed,
-  sendCodeSuccess,
-  sendVerificationCode,
-  showing,
-  signingMessage,
-  socialAccounts,
-  tabActivityHistory,
-  tabIdentity,
-  tabMyRewards,
-  tabRewards,
-  tabSprintOdysseyHistory,
-  tokenAmount,
-  tokenHistory,
-  totalPoints,
-  totalXp,
-  unbind,
-  unbindCooldown,
-  unbindFailed,
-  unbindSuccess,
-  unbindWarning,
-  unbinding,
-  verificationCode,
-  viewOnExplorer,
-  walletAddresses,
-  withdraw,
-  withdrawCanceled,
-  withdrawCanceledMessage,
-  withdrawConfirm,
-  withdrawSuccess,
-  withdrawableAssets,
-  withdrawing,
-  withdrawingTip,
-  xpHistory,
-  xpToNextLevel
-}, Symbol.toStringTag, { value: "Module" }));
-function EmptyState({
-  message,
-  icon,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: `taskon-user-center-empty ${className}`, children: [
-    icon && /* @__PURE__ */ jsx("div", { className: "taskon-user-center-empty__icon", children: icon }),
-    /* @__PURE__ */ jsx("p", { className: "taskon-user-center-empty__message", children: message })
-  ] });
-}
-function LoadingState({
-  message = "Loading...",
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: `taskon-user-center-loading ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-user-center-loading__spinner" }),
-    message && /* @__PURE__ */ jsx("p", { className: "taskon-user-center-loading__message", children: message })
-  ] });
-}
-function Pagination({
-  page: page2,
-  totalPages,
-  hasPrevious,
-  hasNext,
-  onPrevious,
-  onNext,
-  messages,
-  className = "",
-  showRange
-}) {
-  if (totalPages === 0) {
-    return null;
-  }
-  const paginationMessages = {
-    previous: messages.previous,
-    next: messages.next,
-    page: messages.page,
-    of: messages.of,
-    showing: messages.showing
-  };
-  return /* @__PURE__ */ jsx(
-    Pagination$1,
-    {
-      page: page2,
-      totalPages,
-      hasPrevious,
-      hasNext,
-      onPrevious,
-      onNext,
-      messages: paginationMessages,
-      className: `taskon-user-center-pagination ${className}`,
-      showRange,
-      showArrows: true,
-      showButtonText: false
-    }
-  );
-}
-function WithdrawPending({
-  count,
-  text,
-  onClick
-}) {
-  if (count <= 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "taskon-withdraw-pending",
-      role: "status",
-      "aria-live": "polite",
-      onClick,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          onClick == null ? void 0 : onClick();
-        }
-      },
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-pending__left", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "taskon-withdraw-pending__count",
-              "aria-label": "Number of pending withdrawals",
-              children: count
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-pending__text", children: text })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "taskon-withdraw-pending__arrow",
-            width: "7",
-            height: "14",
-            viewBox: "0 0 7 14",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M1 1L6 7L1 13",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function formatBalance$2(balance) {
-  const num = parseFloat(balance);
-  if (isNaN(num) || num === 0) return "0";
-  if (num < 1e-4) return "<0.0001";
-  if (num >= 1e6) return `${(num / 1e6).toFixed(2)}M`;
-  if (num >= 1e3) return `${(num / 1e3).toFixed(2)}K`;
-  return num.toLocaleString(void 0, { maximumFractionDigits: 5 });
-}
-function TokenAssetList({
-  data,
-  loading: loading2,
-  error: error2,
-  messages,
-  pendingWithdrawals: pendingWithdrawals2,
-  onWithdraw
-}) {
-  if (loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error2 && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error2.message }) });
-  }
-  if (!loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyToken });
-  }
-  const columns = [
-    {
-      key: "token_symbol",
-      title: messages.columnTokenSymbol ?? "Token Symbol",
-      width: 120,
-      render: (_, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-token-assets__symbol-cell", children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: row.token_icon,
-            alt: row.token_symbol,
-            className: "taskon-token-assets__token-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "taskon-token-assets__symbol", children: row.token_symbol })
-      ] })
-    },
-    {
-      key: "chain",
-      title: messages.columnNetwork ?? "Network",
-      width: 164,
-      render: (_, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-token-assets__network-cell", children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: row.chain_icon,
-            alt: row.chain_label,
-            className: "taskon-token-assets__chain-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "taskon-token-assets__chain", children: row.chain_label })
-      ] })
-    },
-    {
-      key: "withdrawable_avail_balance",
-      title: messages.columnWithdrawable ?? "Withdrawable",
-      width: 142,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-token-assets__balance", children: formatBalance$2(row.withdrawable_avail_balance) })
-    },
-    {
-      key: "action",
-      title: messages.columnAction ?? "Action",
-      align: "right",
-      render: (_, row) => {
-        const isDisabled = !row.can_withdraw;
-        return /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "small",
-            onClick: () => onWithdraw == null ? void 0 : onWithdraw(row),
-            disabled: isDisabled,
-            className: "taskon-token-assets__withdraw-btn",
-            children: messages.withdraw
-          }
-        );
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-token-assets", children: [
-    /* @__PURE__ */ jsx(
-      WithdrawPending,
-      {
-        count: pendingWithdrawals2 ?? 0,
-        text: messages.pendingWithdrawals.replace("{count}", "").trim()
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig: {
-          getRowKey: (row) => `${row.token_id}-${row.chain}`,
-          isDisabled: (row) => !row.can_withdraw
-        },
-        striped: true,
-        loading: loading2 && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.emptyToken
-        }
-      }
-    )
-  ] });
-}
-function toWithdrawItem(token, decimals = 18) {
-  return {
-    tokenId: token.token_id,
-    tokenSymbol: token.token_symbol,
-    tokenIcon: token.token_icon,
-    tokenAddress: token.token_address,
-    tokenDecimals: decimals,
-    chain: token.chain,
-    chainLabel: token.chain_label,
-    amount: token.withdrawable_avail_balance,
-    // 使用实际精度计算 Wei 单位金额
-    amountInWei: toWei(token.withdrawable_avail_balance, decimals)
-  };
-}
-function toGasFreeWithdrawItem(token) {
-  return {
-    tokenId: token.token_id,
-    tokenSymbol: token.token_symbol,
-    tokenIcon: token.token_icon,
-    tokenAddress: token.token_address,
-    chain: token.chain,
-    chainLabel: token.chain_label,
-    amount: token.withdrawable_avail_balance
-  };
-}
-function formatDateTime(timestamp) {
-  const date = new Date(timestamp);
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  const hours = String(date.getHours()).padStart(2, "0");
-  const minutes = String(date.getMinutes()).padStart(2, "0");
-  const seconds = String(date.getSeconds()).padStart(2, "0");
-  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-}
-function formatTokenAmount(amount) {
-  return formatTokenAmount$1(amount, {
-    showCurrency: true,
-    useAbbreviation: true,
-    decimals: 2,
-    minValue: 0.01,
-    zeroText: "0"
-  });
-}
-function buildRewardCards(rewards, userInfo) {
-  var _a;
-  const cards = [];
-  const xpPointsId = (_a = userInfo == null ? void 0 : userInfo.points_list[0]) == null ? void 0 : _a.points_info.points_id;
-  cards.push({
-    type: USER_CENTER_REWARD_CARD_TYPES.Token,
-    value: formatTokenAmount(rewards.token_amount),
-    rawValue: rewards.token_amount,
-    visible: parseFloat(rewards.token_amount) > 0
-  });
-  if (userInfo && userInfo.points_list.length > 0) {
-    const xpPointsInfo = userInfo.points_list[0];
-    if (xpPointsInfo) {
-      const currentXp = xpPointsInfo.amount;
-      const nextLevelXp = userInfo.next_level_limit;
-      let percent = 0;
-      if (nextLevelXp > 0) {
-        if (currentXp >= nextLevelXp) {
-          percent = 100;
-        } else {
-          percent = Number((currentXp / nextLevelXp * 100).toFixed(2));
-        }
-      }
-      cards.push({
-        type: USER_CENTER_REWARD_CARD_TYPES.XpLevel,
-        value: `Lv.${userInfo.level}`,
-        rawValue: userInfo.level,
-        visible: true,
-        xpLevelData: {
-          level: userInfo.level,
-          currentXp,
-          nextLevelXp,
-          percent,
-          xpPointsId: xpPointsInfo.points_info.points_id,
-          xpPointsName: xpPointsInfo.points_info.points_name,
-          xpPointsIcon: xpPointsInfo.points_info.points_icon
-        }
-      });
-    }
-  }
-  cards.push({
-    type: USER_CENTER_REWARD_CARD_TYPES.Nft,
-    value: rewards.nft_count.toString(),
-    rawValue: rewards.nft_count,
-    visible: rewards.nft_count > 0
-  });
-  cards.push({
-    type: USER_CENTER_REWARD_CARD_TYPES.Whitelist,
-    value: rewards.whitelist_count.toString(),
-    rawValue: rewards.whitelist_count,
-    visible: rewards.whitelist_count > 0
-  });
-  cards.push({
-    type: USER_CENTER_REWARD_CARD_TYPES.DiscordRole,
-    value: rewards.discord_role_count.toString(),
-    rawValue: rewards.discord_role_count,
-    visible: rewards.discord_role_count > 0
-  });
-  if (rewards.points_count && rewards.points_count.length > 0) {
-    rewards.points_count.forEach((points) => {
-      if (xpPointsId !== void 0 && points.points_id === xpPointsId) {
-        return;
-      }
-      cards.push({
-        type: USER_CENTER_REWARD_CARD_TYPES.Points,
-        value: points.amount.toLocaleString(),
-        rawValue: points.amount,
-        visible: points.amount > 0,
-        pointsData: points
-      });
-    });
-  }
-  if (rewards.lucky_pass_info && parseFloat(rewards.lucky_pass_info.amount) > 0) {
-    cards.push({
-      type: USER_CENTER_REWARD_CARD_TYPES.Points,
-      value: parseFloat(rewards.lucky_pass_info.amount).toLocaleString(),
-      rawValue: rewards.lucky_pass_info.amount,
-      visible: true,
-      pointsData: {
-        points_id: 0,
-        points_name: "Lucky Pass",
-        points_icon: "",
-        amount: parseFloat(rewards.lucky_pass_info.amount)
-      }
-    });
-  }
-  return cards;
-}
-function formatNumber(val) {
-  if (Math.abs(val) >= 1e6) {
-    return `${(val / 1e6).toFixed(1)}M`;
-  }
-  if (Math.abs(val) >= 1e3) {
-    return `${(val / 1e3).toFixed(1)}K`;
-  }
-  return val.toLocaleString();
-}
-function PointsList({
-  pointsInfo,
-  data,
-  loading: loading2,
-  error: error2,
-  pagination,
-  messages,
-  className = ""
-}) {
-  if (loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error2 && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error2.message }) });
-  }
-  if (!loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyPoints });
-  }
-  const columns = [
-    {
-      key: "detail",
-      title: messages.columnDetail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__name", children: row.name })
-    },
-    {
-      key: "time",
-      title: messages.columnTime,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__time", children: formatDateTime(row.receive_time) })
-    },
-    {
-      key: "amount",
-      title: `${messages.columnAmount} (${pointsInfo.points_name || messages.rewardPoints})`,
-      width: 160,
-      align: "right",
-      render: (_, row) => {
-        const isPositive = row.points.amount >= 0;
-        return /* @__PURE__ */ jsxs("div", { className: "taskon-points-list__amount-cell", children: [
-          row.points.points_icon && /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: row.points.points_icon,
-              alt: "",
-              className: "taskon-points-list__amount-icon"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: `taskon-points-list__amount-value ${isPositive ? "taskon-points-list__amount-value--positive" : "taskon-points-list__amount-value--negative"}`,
-              children: [
-                isPositive ? "+" : "",
-                formatNumber(row.points.amount)
-              ]
-            }
-          )
-        ] });
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: `taskon-points-list ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-points-list__header", children: [
-      pointsInfo.points_icon && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: pointsInfo.points_icon,
-          alt: pointsInfo.points_name,
-          className: "taskon-points-list__icon"
-        }
-      ),
-      /* @__PURE__ */ jsx("h3", { className: "taskon-points-list__title", children: pointsInfo.points_name }),
-      /* @__PURE__ */ jsxs("div", { className: "taskon-points-list__total", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-points-list__total-value", children: formatNumber(pointsInfo.amount) }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-points-list__total-label", children: messages.totalPoints })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-points-list__table-wrap", children: /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig: {
-          getRowKey: (row, index) => `${row.campaign_id ?? row.task_id ?? "item"}-${row.receive_time}-${index}`
-        },
-        loading: loading2 && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.emptyPoints
-        }
-      }
-    ) }),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
-      }
-    )
-  ] });
-}
-function getDetailName(item, _messages) {
-  if (item.roulette_reward_type === RouletteRewardType.Spin) {
-    return "Telegram Spin";
-  }
-  if (item.roulette_reward_type === RouletteRewardType.Bonus) {
-    return "Telegram Spin Bonus";
-  }
-  return item.task_name || item.campaign_name || item.milestone_name || "";
-}
-function TokenHistoryTable({
-  data,
-  loading: loading2,
-  error: error2,
-  pagination,
-  messages
-}) {
-  if (loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error2 && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error2.message }) });
-  }
-  if (!loading2 && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.emptyToken });
-  }
-  const renderAmount = (item) => {
-    var _a;
-    const tokenValue = item.reward_value;
-    const communityInfo = (_a = item.community_info) == null ? void 0 : _a[0];
-    const isDeposited = item.reward_distribute_by === "Taskon";
-    const amountText = tokenValue.is_usdt_equal_amount ? `USD In ${tokenValue.token_name}` : tokenValue.token_name;
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-token-history__amount", children: [
-      /* @__PURE__ */ jsxs("div", { className: "taskon-token-history__token-info", children: [
-        /* @__PURE__ */ jsxs("span", { className: "taskon-token-history__token-value", children: [
-          "+",
-          tokenValue.amount
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-token-history__token-name", children: amountText }),
-        tokenValue.chain_label && /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: "taskon-token-history__chain-icon",
-            src: tokenValue.token_logo,
-            alt: tokenValue.chain_label,
-            title: tokenValue.chain_label
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-token-history__distribute", children: isDeposited ? /* @__PURE__ */ jsx("span", { className: "taskon-token-history__deposited", children: messages.deposited }) : /* @__PURE__ */ jsxs("div", { className: "taskon-token-history__distributed-by", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-token-history__distributed-label", children: messages.distributedBy }),
-        (communityInfo == null ? void 0 : communityInfo.community_avatar) && /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: "taskon-token-history__community-avatar",
-            src: communityInfo.community_avatar,
-            alt: communityInfo.community_name,
-            title: communityInfo.community_name
-          }
-        )
-      ] }) })
-    ] });
-  };
-  const columns = [
-    {
-      key: "detail",
-      title: messages.columnDetail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: getDetailName(row) })
-    },
-    {
-      key: "time",
-      title: messages.columnTime,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
-    },
-    {
-      key: "amount",
-      title: messages.columnAmount,
-      width: 200,
-      align: "right",
-      render: (_, row) => renderAmount(row)
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-table", children: [
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig: {
-          getRowKey: (row, index) => `${row.campaign_id}-${row.reward_time}-${index}`
-        },
-        loading: loading2 && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.emptyToken
-        }
-      }
-    ),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
-      }
-    )
-  ] });
-}
-function useRewardDetails(options) {
-  const {
-    rewardType,
-    pageSize = USER_CENTER_PAGE_SIZE,
-    mode = "pagination",
-    autoLoad = true
-  } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [loading2, setLoading] = useState(false);
-  const [error2, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 1,
-    mode
-  });
-  const fetchData = useCallback(
-    async (pageNo, append = false) => {
-      if (!api) {
-        setError(new Error("TaskOn client not initialized"));
-        return;
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await api.listMyCommunityRewardDetails({
-          reward_type: rewardType,
-          page: {
-            page_no: pageNo - 1,
-            // API 使用 0-based 索引
-            size: pageSize
-          }
-        });
-        if (append) {
-          setData((prev) => [...prev, ...response.data]);
-        } else {
-          setData(response.data);
-        }
-        setTotal(response.total);
-      } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Failed to fetch reward details")
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [api, rewardType, pageSize]
-  );
-  const refresh = useCallback(async () => {
-    pagination.goToPage(1);
-    setData([]);
-    await fetchData(1, false);
-  }, [fetchData, pagination]);
-  useEffect(() => {
-    if (autoLoad) {
-      fetchData(1, false);
-    }
-  }, [autoLoad, rewardType, fetchData]);
-  useEffect(() => {
-    if (mode === "pagination" && pagination.page > 1) {
-      fetchData(pagination.page, false);
-    }
-  }, [mode, pagination.page, fetchData]);
-  return {
-    data,
-    loading: loading2,
-    error: error2,
-    total,
-    pagination,
-    refresh
-  };
-}
-function useTokenAssets(options = {}) {
-  const {
-    pageSize = USER_CENTER_PAGE_SIZE,
-    mode = "pagination",
-    autoLoad = true,
-    getAll = false,
-    tokenId = 0
-  } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [pendingWithdrawals2, setPendingWithdrawals] = useState(0);
-  const [loading2, setLoading] = useState(false);
-  const [error2, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 1,
-    mode
-  });
-  const fetchData = useCallback(
-    async (pageNo, append = false) => {
-      if (!api) {
-        setError(new Error("TaskOn client not initialized"));
-        return;
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await api.getUserTokenBalanceList({
-          page: {
-            page_no: pageNo - 1,
-            // API 使用 0-based 索引
-            size: pageSize
-          },
-          options: {
-            get_all: getAll,
-            token_id: tokenId
-          }
-        });
-        if (append) {
-          setData((prev) => [...prev, ...response.data]);
-        } else {
-          setData(response.data);
-        }
-        setTotal(response.total);
-        setPendingWithdrawals(response.pending_withdrawals ?? 0);
-      } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Failed to fetch token assets")
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [api, pageSize, getAll, tokenId]
-  );
-  const refresh = useCallback(async () => {
-    pagination.goToPage(1);
-    setData([]);
-    await fetchData(1, false);
-  }, [fetchData, pagination]);
-  useEffect(() => {
-    if (autoLoad) {
-      fetchData(1, false);
-    }
-  }, [autoLoad, fetchData]);
-  useEffect(() => {
-    if (mode === "pagination" && pagination.page > 1) {
-      fetchData(pagination.page, false);
-    }
-  }, [mode, pagination.page, fetchData]);
-  return {
-    data,
-    loading: loading2,
-    error: error2,
-    total,
-    pendingWithdrawals: pendingWithdrawals2,
-    pagination,
-    refresh
-  };
-}
-const TOKEN_WITHDRAW_ABI = [
-  {
-    inputs: [
-      {
-        internalType: "uint256",
-        name: "userId",
-        type: "uint256"
-      },
-      {
-        components: [
-          {
-            internalType: "address",
-            name: "token",
-            type: "address"
-          },
-          {
-            internalType: "uint256",
-            name: "amount",
-            type: "uint256"
-          }
-        ],
-        internalType: "struct TaskonFund.WithdrawTokenAmount[]",
-        name: "tokenAmounts",
-        type: "tuple[]"
-      },
-      {
-        internalType: "address",
-        name: "receiver",
-        type: "address"
-      },
-      {
-        internalType: "uint256",
-        name: "nonce",
-        type: "uint256"
-      },
-      {
-        internalType: "uint256",
-        name: "expiredHeight",
-        type: "uint256"
-      },
-      {
-        internalType: "bytes[]",
-        name: "sigs",
-        type: "bytes[]"
-      }
-    ],
-    name: "withdraw",
-    outputs: [],
-    stateMutability: "nonpayable",
-    type: "function"
-  }
-];
-const WITHDRAW_METHOD = "withdraw";
-var TxErrorType = /* @__PURE__ */ ((TxErrorType2) => {
-  TxErrorType2["Canceled"] = "canceled";
-  TxErrorType2["ConnectFailed"] = "connect_failed";
-  TxErrorType2["AccountMismatch"] = "account_mismatch";
-  TxErrorType2["ChainMismatch"] = "chain_mismatch";
-  TxErrorType2["BalanceNotEnough"] = "balance_not_enough";
-  TxErrorType2["TransactionFailed"] = "transaction_failed";
-  TxErrorType2["SignFailed"] = "sign_failed";
-  return TxErrorType2;
-})(TxErrorType || {});
-class TransactionError extends Error {
-  constructor(type, message, originalError) {
-    super(message ?? type);
-    /** 错误类型 */
-    __publicField(this, "type");
-    /** 原始错误 */
-    __publicField(this, "originalError");
-    this.name = "TransactionError";
-    this.type = type;
-    this.originalError = originalError;
-  }
-  /**
-   * 检查是否为用户取消
-   */
-  isCanceled() {
-    return this.type === "canceled";
-  }
-  /**
-   * 检查是否为账户不匹配
-   */
-  isAccountMismatch() {
-    return this.type === "account_mismatch";
-  }
-  /**
-   * 检查是否为网络不匹配
-   */
-  isChainMismatch() {
-    return this.type === "chain_mismatch";
-  }
-}
-function parseTxError(error2) {
-  if (error2 instanceof TransactionError) {
-    return error2.type;
-  }
-  if (error2 instanceof Error) {
-    const message = error2.message.toLowerCase();
-    if (message.includes("user rejected") || message.includes("user denied") || message.includes("rejected") || message.includes("cancelled") || message.includes("canceled")) {
-      return "canceled";
-    }
-    if (message.includes("insufficient funds") || message.includes("insufficient balance") || message.includes("not enough")) {
-      return "balance_not_enough";
-    }
-    if (message.includes("connect") || message.includes("no provider") || message.includes("not connected")) {
-      return "connect_failed";
-    }
-  }
-  const err = error2;
-  if (err.code === 4001) {
-    return "canceled";
-  }
-  if (err.code === 4902) {
-    return "chain_mismatch";
-  }
-  return "transaction_failed";
-}
-function isSameAddress(addr1, addr2) {
-  if (!addr1 || !addr2) return false;
-  return addr1.toLowerCase() === addr2.toLowerCase();
-}
-function useTokenWithdraw(options = {}) {
-  const { userAddress, resend: resend2, onSuccess, onCancel, onError, onConnect } = options;
-  const { client, userId } = useTaskOnContext();
-  const { evmAdapter, connectEvm, evmAddress, evmChainId } = useWallet();
-  const { chainMap, isLoaded: chainMapLoaded } = useChainMap();
-  const [status, setStatus] = useState("init");
-  const [tokens, setTokens] = useState([]);
-  const [error2, setError] = useState(null);
-  const [errorType, setErrorType] = useState(null);
-  const [txHash, setTxHash] = useState(null);
-  const [isGasInsufficient, setIsGasInsufficient] = useState(false);
-  const [connectedAddress, setConnectedAddress] = useState(null);
-  const isResend = !!((resend2 == null ? void 0 : resend2.nonce) && (resend2 == null ? void 0 : resend2.receiverAddress));
-  const currentChainRef = useRef(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const getChainInfo = useCallback(
-    (chainName) => {
-      return chainMap[chainName.toLowerCase()];
-    },
-    [chainMap]
-  );
-  const checkAccountAndNetwork = useCallback(
-    async (targetChain, targetAddress) => {
-      var _a, _b;
-      let address = evmAddress;
-      if (!address) {
-        address = await connectEvm();
-        if (!address) {
-          throw new TransactionError(
-            TxErrorType.ConnectFailed,
-            "Failed to connect wallet"
-          );
-        }
-      }
-      setConnectedAddress(address);
-      onConnect == null ? void 0 : onConnect(address);
-      if (targetAddress && !isSameAddress(address, targetAddress)) {
-        throw new TransactionError(
-          TxErrorType.AccountMismatch,
-          `Connected address ${address} does not match target address ${targetAddress}`
-        );
-      }
-      if (targetChain.chain_type !== ChainType.evm) {
-        return address;
-      }
-      const currentChainId = evmChainId ?? ((_a = evmAdapter == null ? void 0 : evmAdapter.getChainId) == null ? void 0 : _a.call(evmAdapter));
-      if (currentChainId !== targetChain.id) {
-        try {
-          await ((_b = evmAdapter == null ? void 0 : evmAdapter.switchNetwork) == null ? void 0 : _b.call(evmAdapter, targetChain.id));
-        } catch (err) {
-          throw new TransactionError(
-            TxErrorType.ChainMismatch,
-            `Failed to switch to ${targetChain.label}`,
-            err
-          );
-        }
-      }
-      return address;
-    },
-    [evmAddress, evmChainId, evmAdapter, connectEvm, onConnect]
-  );
-  const initWithdraw = useCallback(
-    (token) => {
-      if (!token.can_withdraw) {
-        setError(new Error("This token cannot be withdrawn"));
-        return;
-      }
-      const chainInfo = getChainInfo(token.chain);
-      if (chainInfo) {
-        currentChainRef.current = chainInfo;
-      }
-      setTokens([toWithdrawItem(token)]);
-      setError(null);
-      setErrorType(null);
-      setTxHash(null);
-      setIsGasInsufficient(false);
-      setConnectedAddress(null);
-      setStatus("init");
-    },
-    [getChainInfo]
-  );
-  const initBatchWithdraw = useCallback(
-    (tokenList) => {
-      const withdrawableTokens = tokenList.filter((t) => t.can_withdraw);
-      if (withdrawableTokens.length === 0) {
-        setError(new Error("No tokens available for withdrawal"));
-        return;
-      }
-      const firstToken = withdrawableTokens[0];
-      if (firstToken) {
-        const chainInfo = getChainInfo(firstToken.chain);
-        if (chainInfo) {
-          currentChainRef.current = chainInfo;
-        }
-      }
-      setTokens(withdrawableTokens.map(toWithdrawItem));
-      setError(null);
-      setErrorType(null);
-      setTxHash(null);
-      setIsGasInsufficient(false);
-      setConnectedAddress(null);
-      setStatus("init");
-    },
-    [getChainInfo]
-  );
-  const initWithdrawTokens = useCallback(
-    (items) => {
-      if (items.length === 0) {
-        setError(new Error("No tokens to withdraw"));
-        return;
-      }
-      const firstItem = items[0];
-      if (firstItem) {
-        const chainInfo = getChainInfo(firstItem.chain);
-        if (chainInfo) {
-          currentChainRef.current = chainInfo;
-        }
-      }
-      setTokens(items);
-      setError(null);
-      setErrorType(null);
-      setTxHash(null);
-      setIsGasInsufficient(false);
-      setConnectedAddress(null);
-      setStatus("init");
-    },
-    [getChainInfo]
-  );
-  const checkAndConnect = useCallback(async () => {
-    var _a;
-    const chainInfo = currentChainRef.current;
-    if (!chainInfo) {
-      const chainName = (_a = tokens[0]) == null ? void 0 : _a.chain;
-      if (!chainName) {
-        setError(new Error("No tokens available"));
-        return false;
-      }
-      const info = getChainInfo(chainName);
-      if (!info) {
-        setError(new Error(`Chain configuration not found for ${chainName}`));
-        return false;
-      }
-      currentChainRef.current = info;
-    }
-    const chain = currentChainRef.current;
-    try {
-      const address = await checkAccountAndNetwork(chain, userAddress);
-      if (evmAdapter == null ? void 0 : evmAdapter.getBalance) {
-        try {
-          const balance = await evmAdapter.getBalance();
-          const balanceNum = parseFloat(balance);
-          if (balanceNum < 1e-3) {
-            setIsGasInsufficient(true);
-            setStatus("noEnough");
-            return false;
-          }
-        } catch {
-          console.warn("Failed to check gas balance");
-        }
-      }
-      setIsGasInsufficient(false);
-      setStatus("confirm");
-      return true;
-    } catch (err) {
-      const errType = parseTxError(err);
-      setError(err instanceof Error ? err : new Error("Connection failed"));
-      setErrorType(errType);
-      if (errType === TxErrorType.Canceled) {
-        setStatus("cancel");
-      } else {
-        setStatus("init");
-      }
-      onError == null ? void 0 : onError(err instanceof Error ? err : new Error("Connection failed"));
-      return false;
-    }
-  }, [
-    tokens,
-    getChainInfo,
-    checkAccountAndNetwork,
-    userAddress,
-    evmAdapter,
-    onError
-  ]);
-  const confirmWithdraw2 = useCallback(async () => {
-    if (!api) {
-      setError(new Error("TaskOn client not initialized"));
-      return;
-    }
-    if (!connectedAddress) {
-      setError(new Error("Wallet not connected"));
-      return;
-    }
-    if (!userId) {
-      setError(new Error("User not logged in"));
-      return;
-    }
-    if (tokens.length === 0) {
-      setError(new Error("No tokens to withdraw"));
-      return;
-    }
-    const chainInfo = currentChainRef.current;
-    if (!chainInfo) {
-      setError(new Error("Chain configuration not found"));
-      return;
-    }
-    if (chainInfo.chain_type !== ChainType.evm) {
-      setError(
-        new Error(`Withdrawal not supported for ${chainInfo.chain_type} chains yet`)
-      );
-      return;
-    }
-    if (!chainInfo.taskonfund_token_contract) {
-      setError(new Error("Withdraw contract address not configured"));
-      return;
-    }
-    setStatus("loading");
-    setError(null);
-    setErrorType(null);
-    try {
-      const tokenParams = tokens.map((t) => ({
-        token_id: t.tokenId,
-        amount: t.amount
-      }));
-      const receiverAddress = isResend ? resend2.receiverAddress : connectedAddress;
-      const withdrawResult = await api.tokenWithdraw({
-        chain: chainInfo.name,
-        receiver_address: receiverAddress,
-        tokens: tokenParams,
-        // 重发模式：传入原 nonce
-        ...isResend && { nonce: resend2.nonce }
-      });
-      const tokenAmounts = tokens.map((t) => ({
-        token: t.tokenAddress,
-        // 使用实际精度计算的 Wei 金额
-        amount: t.amountInWei || toWei(t.amount, t.tokenDecimals)
-      }));
-      if (!(evmAdapter == null ? void 0 : evmAdapter.invokeContract)) {
-        throw new Error("Wallet adapter does not support contract invocation");
-      }
-      const hash = await evmAdapter.invokeContract({
-        contract: chainInfo.taskonfund_token_contract,
-        // 使用类型断言将 readonly 数组转换为 mutable
-        abi: TOKEN_WITHDRAW_ABI,
-        method: WITHDRAW_METHOD,
-        params: [
-          userId,
-          tokenAmounts,
-          withdrawResult.receiver_address,
-          withdrawResult.nonce,
-          withdrawResult.expired_height,
-          withdrawResult.signatures
-        ],
-        chainId: chainInfo.id
-      });
-      setTxHash(hash);
-      setStatus("success");
-      onSuccess == null ? void 0 : onSuccess(hash);
-    } catch (err) {
-      const errType = parseTxError(err);
-      const error22 = err instanceof Error ? err : new Error("Withdrawal failed");
-      setError(error22);
-      setErrorType(errType);
-      if (errType === TxErrorType.Canceled) {
-        setStatus("cancel");
-        onCancel == null ? void 0 : onCancel();
-      } else {
-        setStatus("init");
-        onError == null ? void 0 : onError(error22);
-      }
-    }
-  }, [
-    api,
-    connectedAddress,
-    userId,
-    tokens,
-    isResend,
-    resend2,
-    evmAdapter,
-    onSuccess,
-    onCancel,
-    onError
-  ]);
-  const cancelWithdraw = useCallback(() => {
-    setStatus("cancel");
-    onCancel == null ? void 0 : onCancel();
-    setTimeout(() => {
-      setStatus("init");
-      setTokens([]);
-      setError(null);
-      setErrorType(null);
-      setConnectedAddress(null);
-      currentChainRef.current = null;
-    }, 100);
-  }, [onCancel]);
-  const reset = useCallback(() => {
-    setStatus("init");
-    setTokens([]);
-    setError(null);
-    setErrorType(null);
-    setTxHash(null);
-    setIsGasInsufficient(false);
-    setConnectedAddress(null);
-    currentChainRef.current = null;
-  }, []);
-  return {
-    status,
-    tokens,
-    error: error2,
-    errorType,
-    txHash,
-    isGasInsufficient,
-    isResend,
-    chainMapLoaded,
-    connectedAddress,
-    initWithdraw,
-    initBatchWithdraw,
-    initWithdrawTokens,
-    checkAndConnect,
-    confirmWithdraw: confirmWithdraw2,
-    cancelWithdraw,
-    reset
-  };
-}
-function usePointsHistory(options) {
-  const {
-    pointsId,
-    pageSize = USER_CENTER_PAGE_SIZE,
-    autoLoad = true
-  } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [loading2, setLoading] = useState(false);
-  const [error2, setError] = useState(null);
-  const [total, setTotal] = useState(0);
-  const abortControllerRef = useRef(null);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 0
-  });
-  const fetchData = useCallback(
-    async (pageNo) => {
-      if (!client || !pointsId) {
-        return;
-      }
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-      abortControllerRef.current = new AbortController();
-      setLoading(true);
-      setError(null);
-      try {
-        const api = createUserCenterApi(client);
-        const response = await api.getUserPointsHistory({
-          points_id: pointsId,
-          page: {
-            page_no: pageNo,
-            size: pageSize
-          }
-        });
-        setData(response.data);
-        setTotal(response.total);
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") {
-          return;
-        }
-        setError(err instanceof Error ? err : new Error("Unknown error"));
-      } finally {
-        setLoading(false);
-      }
-    },
-    [client, pointsId, pageSize]
-  );
-  const refresh = useCallback(() => {
-    fetchData(pagination.page);
-  }, [fetchData, pagination.page]);
-  useEffect(() => {
-    if (autoLoad) {
-      fetchData(pagination.page);
-    }
-  }, [autoLoad, fetchData, pagination.page]);
-  useEffect(() => {
-    return () => {
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-    };
-  }, []);
-  return {
-    data,
-    loading: loading2,
-    error: error2,
-    total,
-    pagination,
-    refresh
-  };
-}
-function useWithdrawForm(options) {
-  const { tokenAssets, initialTokenId, initialChain, getDecimals } = options;
-  const resolveDecimals = useCallback(
-    (tokenAddress) => {
-      if (getDecimals) {
-        return getDecimals(tokenAddress);
-      }
-      return 18;
-    },
-    [getDecimals]
-  );
-  const [selectedTokenId, setSelectedTokenId] = useState(initialTokenId || 0);
-  const [withdrawAmount, setWithdrawAmount] = useState("");
-  const [batchEnabled, setBatchEnabled] = useState(true);
-  const [batchTokens, setBatchTokens] = useState([]);
-  const selectedToken = useMemo(() => {
-    return tokenAssets.find((t) => t.token_id === selectedTokenId) || null;
-  }, [tokenAssets, selectedTokenId]);
-  const batchableTokenCount = useMemo(() => {
-    if (!selectedToken) return 0;
-    return tokenAssets.filter(
-      (t) => t.chain.toLowerCase() === selectedToken.chain.toLowerCase() && t.token_id !== selectedTokenId && t.can_withdraw && parseFloat(t.withdrawable_avail_balance) > 0
-    ).length;
-  }, [tokenAssets, selectedToken, selectedTokenId]);
-  const validation = useMemo(() => {
-    const errors = {};
-    if (!selectedToken) {
-      errors.token = "Please select a token";
-    }
-    if (!withdrawAmount || withdrawAmount === "") {
-      errors.amount = "Please enter an amount";
-    } else {
-      const amount = parseFloat(withdrawAmount);
-      if (isNaN(amount) || amount <= 0) {
-        errors.amount = "Please enter a valid amount";
-      } else if (selectedToken && amount > parseFloat(selectedToken.withdrawable_avail_balance)) {
-        errors.amount = "Amount exceeds available balance";
-      }
-    }
-    return {
-      isValid: Object.keys(errors).length === 0,
-      errors
-    };
-  }, [selectedToken, withdrawAmount]);
-  useEffect(() => {
-    if (tokenAssets.length === 0) return;
-    if (initialTokenId) {
-      const token = tokenAssets.find((t) => t.token_id === initialTokenId);
-      if (token) {
-        setSelectedTokenId(initialTokenId);
-        setWithdrawAmount(token.withdrawable_avail_balance);
-        return;
-      }
-    }
-    if (initialChain) {
-      const token = tokenAssets.find(
-        (t) => t.chain.toLowerCase() === initialChain.toLowerCase() && t.can_withdraw && parseFloat(t.withdrawable_avail_balance) > 0
-      );
-      if (token) {
-        setSelectedTokenId(token.token_id);
-        setWithdrawAmount(token.withdrawable_avail_balance);
-        return;
-      }
-    }
-    const firstAvailable = tokenAssets.find(
-      (t) => t.can_withdraw && parseFloat(t.withdrawable_avail_balance) > 0
-    );
-    if (firstAvailable) {
-      setSelectedTokenId(firstAvailable.token_id);
-      setWithdrawAmount(firstAvailable.withdrawable_avail_balance);
-    }
-  }, [tokenAssets, initialTokenId, initialChain]);
-  useEffect(() => {
-    if (selectedToken) {
-      setWithdrawAmount(selectedToken.withdrawable_avail_balance);
-      setBatchTokens([]);
-    }
-  }, [selectedTokenId]);
-  const buildWithdrawTokens = useCallback(() => {
-    if (!selectedToken) return [];
-    const decimals = resolveDecimals(selectedToken.token_address);
-    const mainToken = {
-      tokenId: selectedToken.token_id,
-      tokenSymbol: selectedToken.token_symbol,
-      tokenIcon: selectedToken.token_icon,
-      tokenAddress: selectedToken.token_address,
-      tokenDecimals: decimals,
-      chain: selectedToken.chain,
-      chainLabel: selectedToken.chain_label,
-      amount: withdrawAmount,
-      amountInWei: toWei(withdrawAmount || "0", decimals)
-    };
-    if (batchEnabled && batchTokens.length > 0) {
-      return [mainToken, ...batchTokens];
-    }
-    return [mainToken];
-  }, [selectedToken, withdrawAmount, batchEnabled, batchTokens, resolveDecimals]);
-  const resetForm = useCallback(() => {
-    setSelectedTokenId(0);
-    setWithdrawAmount("");
-    setBatchEnabled(true);
-    setBatchTokens([]);
-  }, []);
-  return {
-    // 状态
-    selectedTokenId,
-    selectedToken,
-    withdrawAmount,
-    batchEnabled,
-    batchTokens,
-    batchableTokenCount,
-    validation,
-    // 方法
-    setSelectedTokenId,
-    setWithdrawAmount,
-    setBatchEnabled,
-    setBatchTokens,
-    buildWithdrawTokens,
-    resetForm
-  };
-}
-function useTokenDecimals(options) {
-  const { tokenAssets, autoLoad = true } = options;
-  const { client } = useTaskOnContext();
-  const [decimalsMap, setDecimalsMap] = useState(/* @__PURE__ */ new Map());
-  const [loading2, setLoading] = useState(false);
-  const [error2, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const fetchTokenDecimals = useCallback(
-    async (chain, address) => {
-      if (!api) {
-        console.warn("TaskOn client not initialized, using default decimals 18");
-        return 18;
-      }
-      try {
-        const metadata = await api.getTokenMetadata({
-          chain,
-          address
-        });
-        return metadata.decimals;
-      } catch (err) {
-        console.error(`Failed to fetch decimals for ${address}:`, err);
-        return 18;
-      }
-    },
-    [api]
-  );
-  const loadAllDecimals = useCallback(async () => {
-    if (!api || tokenAssets.length === 0) return;
-    setLoading(true);
-    setError(null);
-    try {
-      const tokensToFetch = tokenAssets.filter(
-        (token) => !decimalsMap.has(token.token_address.toLowerCase())
-      );
-      if (tokensToFetch.length === 0) {
-        setLoading(false);
-        return;
-      }
-      const results = await Promise.all(
-        tokensToFetch.map(async (token) => {
-          const decimals = await fetchTokenDecimals(token.chain, token.token_address);
-          return {
-            address: token.token_address.toLowerCase(),
-            decimals
-          };
-        })
-      );
-      setDecimalsMap((prev) => {
-        const newMap = new Map(prev);
-        results.forEach(({ address, decimals }) => {
-          newMap.set(address, decimals);
-        });
-        return newMap;
-      });
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to load token decimals"));
-    } finally {
-      setLoading(false);
-    }
-  }, [api, tokenAssets, decimalsMap, fetchTokenDecimals]);
-  useEffect(() => {
-    if (autoLoad && tokenAssets.length > 0) {
-      loadAllDecimals();
-    }
-  }, [autoLoad, tokenAssets, loadAllDecimals]);
-  const getDecimals = useCallback(
-    (tokenAddress) => {
-      return decimalsMap.get(tokenAddress.toLowerCase()) ?? 18;
-    },
-    [decimalsMap]
-  );
-  const refreshDecimals = useCallback(
-    async (chain, tokenAddress) => {
-      const decimals = await fetchTokenDecimals(chain, tokenAddress);
-      setDecimalsMap((prev) => {
-        const newMap = new Map(prev);
-        newMap.set(tokenAddress.toLowerCase(), decimals);
-        return newMap;
-      });
-      return decimals;
-    },
-    [fetchTokenDecimals]
-  );
-  return {
-    loading: loading2,
-    error: error2,
-    getDecimals,
-    refreshDecimals,
-    decimalsMap
-  };
-}
-function TokenRewardContent({
-  tokenAssets,
-  tokenAssetsLoading,
-  tokenAssetsError,
-  pendingWithdrawals: pendingWithdrawals2,
-  tokenHistory: tokenHistory2,
-  tokenHistoryLoading,
-  tokenHistoryError,
-  tokenHistoryPagination,
-  messages,
-  onWithdraw,
-  onBatchWithdraw
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-my-rewards", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-my-rewards__section", children: /* @__PURE__ */ jsx(
-      TokenAssetList,
-      {
-        data: tokenAssets,
-        loading: tokenAssetsLoading,
-        error: tokenAssetsError,
-        messages,
-        pendingWithdrawals: pendingWithdrawals2,
-        onWithdraw,
-        onBatchWithdraw
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-my-rewards__section", children: [
-      /* @__PURE__ */ jsx("h3", { className: "taskon-my-rewards__section-title", children: messages.tokenHistory }),
-      /* @__PURE__ */ jsx(
-        TokenHistoryTable,
-        {
-          data: tokenHistory2,
-          loading: tokenHistoryLoading,
-          error: tokenHistoryError,
-          pagination: tokenHistoryPagination,
-          messages
-        }
-      )
-    ] })
-  ] });
-}
-function formatBalance$1(balance) {
-  const num = parseFloat(balance);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function TokenSelect({
-  tokens,
-  value,
-  placeholder = "Select Token",
-  disabled = false,
-  hasError = false,
-  notSupportText = "Token not supported",
-  onChange
-}) {
-  const tokenOptions = useMemo(() => {
-    return tokens.map((token) => ({
-      label: token.token_symbol,
-      icon: token.token_icon,
-      value: token.token_id,
-      chain_icon: token.chain_icon,
-      chain_label: token.chain_label,
-      token_balance: token.withdrawable_avail_balance,
-      can_withdraw: token.can_withdraw,
-      // 不可提现或余额为 0 时禁用选项
-      disabled: !token.can_withdraw || parseFloat(token.withdrawable_avail_balance) <= 0,
-      token
-    }));
-  }, [tokens]);
-  const selectedToken = useMemo(() => {
-    return tokens.find((t) => t.token_id === value) ?? null;
-  }, [tokens, value]);
-  const handleChange = useCallback(
-    (tokenId, option) => {
-      const tokenOption = option;
-      if (tokenOption.token) {
-        onChange(tokenId, tokenOption.token);
-      }
-    },
-    [onChange]
-  );
-  useEffect(() => {
-    if (tokens.length > 0 && !value) {
-      const withdrawableTokens = tokens.filter(
-        (t) => t.can_withdraw && parseFloat(t.withdrawable_avail_balance) > 0
-      );
-      const firstToken = withdrawableTokens[0];
-      if (firstToken) {
-        onChange(firstToken.token_id, firstToken);
-      }
-    }
-  }, [tokens, value, onChange]);
-  const renderOption = useCallback(
-    (option, _index, active) => {
-      const tokenOption = option;
-      return /* @__PURE__ */ jsx(
-        WithdrawSelectOption,
-        {
-          value: tokenOption.value,
-          label: tokenOption.label,
-          icon: tokenOption.icon,
-          chainIcon: tokenOption.chain_icon,
-          chainLabel: tokenOption.chain_label,
-          balance: tokenOption.token_balance,
-          canWithdraw: tokenOption.can_withdraw,
-          active,
-          disabled: tokenOption.disabled,
-          notSupportText
-        }
-      );
-    },
-    [notSupportText]
-  );
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      options: tokenOptions,
-      value,
-      placeholder,
-      disabled,
-      hasError,
-      showCheckedIcon: false,
-      menuMaxHeight: "240px",
-      labelClass: "taskon-token-select__label",
-      renderOption,
-      onChange: handleChange,
-      beforeSlot: selectedToken && /* @__PURE__ */ jsxs("div", { className: "taskon-token-select__chain-info", children: [
-        selectedToken.chain_icon && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: selectedToken.chain_icon,
-            alt: selectedToken.chain_label,
-            className: "taskon-token-select__chain-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "taskon-token-select__chain-label", children: selectedToken.chain_label })
-      ] }),
-      labelAfterSlot: selectedToken && /* @__PURE__ */ jsx("span", { className: "taskon-token-select__balance", children: formatBalance$1(selectedToken.withdrawable_avail_balance) })
-    }
-  );
-}
-function AmountInput({
-  value,
-  max: max2,
-  decimals = 6,
-  placeholder = "0.00",
-  disabled = false,
-  hasError = false,
-  onChange
-}) {
-  const formatValue = useCallback(
-    (inputValue) => {
-      let formatted = inputValue.replace(/[^0-9.]/g, "");
-      const parts = formatted.split(".");
-      if (parts.length > 2) {
-        formatted = (parts[0] ?? "") + "." + parts.slice(1).join("");
-      }
-      if (parts.length === 2 && parts[1] && parts[1].length > decimals) {
-        formatted = (parts[0] ?? "") + "." + parts[1].slice(0, decimals);
-      }
-      if (max2 && formatted !== "" && parseFloat(formatted) > parseFloat(max2)) {
-        formatted = max2;
-      }
-      return formatted;
-    },
-    [decimals, max2]
-  );
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      value,
-      onChange,
-      inputMode: "decimal",
-      placeholder,
-      disabled,
-      hasError,
-      formatValue,
-      className: "taskon-amount-input"
-    }
-  );
-}
-function formatAddress(address, prefixLen = 6, suffixLen = 4) {
-  if (!address || address.length <= prefixLen + suffixLen) {
-    return address || "";
-  }
-  return `${address.slice(0, prefixLen)}...${address.slice(-suffixLen)}`;
-}
-function ReceiverAddress({
-  chainIcon,
-  chainLabel,
-  address
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-receiver-address", children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-receiver-address__chain", children: [
-      chainIcon && /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: chainIcon,
-          alt: chainLabel || "chain",
-          className: "taskon-receiver-address__chain-icon"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "taskon-receiver-address__chain-label", children: chainLabel || "--" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-receiver-address__address", children: address ? formatAddress(address) : "--" })
-  ] });
-}
-const PAGE_SIZE = 5;
-function formatBalance(balance) {
-  const num = parseFloat(balance);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function isLt(a, b) {
-  return parseFloat(a || "0") < parseFloat(b || "0");
-}
-function isGt(a, b) {
-  return parseFloat(a || "0") > b;
-}
-function BatchTokenTable({
-  messages,
-  chain,
-  excludeTokenId,
-  tokenAssets,
-  selectedTokens,
-  onSelectionChange,
-  getDecimals,
-  single = false,
-  allChecked = false,
-  onAllCheckedChange
-}) {
-  const [page2, setPage] = useState(0);
-  const [internalList, setInternalList] = useState([]);
-  const findDecimal = useCallback(
-    (address) => {
-      return getDecimals ? getDecimals(address) : 18;
-    },
-    [getDecimals]
-  );
-  const filteredTokens = useMemo(() => {
-    if (!chain) return [];
-    return tokenAssets.filter(
-      (t) => t.chain.toLowerCase() === chain.toLowerCase() && t.token_id !== excludeTokenId && t.can_withdraw && isGt(t.withdrawable_avail_balance, 0)
-    );
-  }, [tokenAssets, chain, excludeTokenId]);
-  useEffect(() => {
-    setInternalList(
-      filteredTokens.map((t) => ({
-        ...t,
-        checked: false,
-        qty: t.withdrawable_avail_balance
-      }))
-    );
-    setPage(0);
-  }, [filteredTokens]);
-  const displayList = useMemo(() => {
-    const start = page2 * PAGE_SIZE;
-    return internalList.slice(start, start + PAGE_SIZE);
-  }, [internalList, page2]);
-  const totalPages = Math.ceil(internalList.length / PAGE_SIZE);
-  const isChecked = useCallback(
-    (tokenId) => {
-      return selectedTokens.some((t) => t.tokenId === tokenId);
-    },
-    [selectedTokens]
-  );
-  const getAmount = useCallback(
-    (tokenId) => {
-      const item = selectedTokens.find((t) => t.tokenId === tokenId);
-      return (item == null ? void 0 : item.amount) || "";
-    },
-    [selectedTokens]
-  );
-  const tokenToWithdrawItem = useCallback(
-    (token, amount) => {
-      const decimals = findDecimal(token.token_address);
-      return {
-        tokenId: token.token_id,
-        tokenSymbol: token.token_symbol,
-        tokenIcon: token.token_icon,
-        tokenAddress: token.token_address,
-        tokenDecimals: decimals,
-        chain: token.chain,
-        chainLabel: token.chain_label,
-        amount,
-        amountInWei: toWei(amount, decimals)
-      };
-    },
-    [findDecimal]
-  );
-  const handleCheck = useCallback(
-    (token, checked) => {
-      if (single) {
-        if (checked) {
-          const newItem = tokenToWithdrawItem(
-            token,
-            token.withdrawable_avail_balance
-          );
-          onSelectionChange([newItem]);
-          setInternalList(
-            (prev) => prev.map((t) => ({
-              ...t,
-              checked: t.token_id === token.token_id,
-              qty: t.withdrawable_avail_balance
-            }))
-          );
-        } else {
-          onSelectionChange([]);
-          setInternalList(
-            (prev) => prev.map((t) => ({
-              ...t,
-              checked: false,
-              qty: t.withdrawable_avail_balance
-            }))
-          );
-        }
-        return;
-      }
-      if (checked) {
-        const newItem = tokenToWithdrawItem(
-          token,
-          token.withdrawable_avail_balance
-        );
-        onSelectionChange([...selectedTokens, newItem]);
-        setInternalList(
-          (prev) => prev.map(
-            (t) => t.token_id === token.token_id ? { ...t, checked: true, qty: t.withdrawable_avail_balance } : t
-          )
-        );
-      } else {
-        onSelectionChange(
-          selectedTokens.filter((t) => t.tokenId !== token.token_id)
-        );
-        setInternalList(
-          (prev) => prev.map(
-            (t) => t.token_id === token.token_id ? { ...t, checked: false } : t
-          )
-        );
-      }
-    },
-    [single, selectedTokens, onSelectionChange, tokenToWithdrawItem]
-  );
-  const handleAmountChange = useCallback(
-    (token, value) => {
-      let inputValue = value.replace(/[^0-9.]/g, "");
-      const parts = inputValue.split(".");
-      if (parts.length > 2) {
-        inputValue = (parts[0] ?? "") + "." + parts.slice(1).join("");
-      }
-      const decimals = findDecimal(token.token_address);
-      const maxDecimalPlaces = Math.min(decimals, 6);
-      if (parts.length === 2 && parts[1] && parts[1].length > maxDecimalPlaces) {
-        inputValue = (parts[0] ?? "") + "." + parts[1].slice(0, maxDecimalPlaces);
-      }
-      const maxAmount = token.withdrawable_avail_balance;
-      if (inputValue && !isLt(inputValue, maxAmount) && inputValue !== maxAmount) {
-        inputValue = maxAmount;
-      }
-      const updated = selectedTokens.map((t) => {
-        if (t.tokenId === token.token_id) {
-          return {
-            ...t,
-            amount: inputValue,
-            amountInWei: toWei(inputValue || "0", decimals)
-          };
-        }
-        return t;
-      });
-      onSelectionChange(updated);
-      setInternalList(
-        (prev) => prev.map(
-          (t) => t.token_id === token.token_id ? { ...t, qty: inputValue } : t
-        )
-      );
-    },
-    [selectedTokens, onSelectionChange, findDecimal]
-  );
-  const checkAll = useCallback(() => {
-    const newItems = internalList.filter((t) => t.can_withdraw).map((t) => tokenToWithdrawItem(t, t.withdrawable_avail_balance));
-    onSelectionChange(newItems);
-    setInternalList(
-      (prev) => prev.map((t) => ({
-        ...t,
-        checked: t.can_withdraw,
-        qty: t.withdrawable_avail_balance
-      }))
-    );
-  }, [internalList, onSelectionChange, tokenToWithdrawItem]);
-  const clearAll = useCallback(() => {
-    onSelectionChange([]);
-    setInternalList(
-      (prev) => prev.map((t) => ({
-        ...t,
-        checked: false,
-        qty: t.withdrawable_avail_balance
-      }))
-    );
-  }, [onSelectionChange]);
-  const handleCheckAll = useCallback(
-    (value) => {
-      if (value) {
-        checkAll();
-      } else {
-        clearAll();
-      }
-      onAllCheckedChange == null ? void 0 : onAllCheckedChange(value);
-    },
-    [checkAll, clearAll, onAllCheckedChange]
-  );
-  useEffect(() => {
-    if (allChecked) {
-      checkAll();
-    } else {
-      clearAll();
-    }
-  }, [allChecked]);
-  useEffect(() => {
-    clearAll();
-    if (allChecked) {
-      checkAll();
-    }
-  }, [chain, excludeTokenId]);
-  if (internalList.length === 0) {
-    return null;
-  }
-  const canWithdrawCount = internalList.filter((t) => t.can_withdraw).length;
-  const isAllSelected = canWithdrawCount > 0 && selectedTokens.length === canWithdrawCount;
-  const columns = [
-    // 复选框列
-    {
-      key: "checkbox",
-      title: single ? "" : /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          checked: isAllSelected,
-          onChange: handleCheckAll,
-          disabled: single
-        }
-      ),
-      width: 50,
-      render: (_, row) => {
-        const checked = isChecked(row.token_id);
-        return /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked,
-            onChange: (ck) => handleCheck(row, ck),
-            disabled: !row.can_withdraw
-          }
-        );
-      }
-    },
-    // 序号列
-    {
-      key: "index",
-      title: "#",
-      width: 50,
-      render: (_, __, rowIndex) => {
-        return page2 * PAGE_SIZE + rowIndex + 1;
-      }
-    },
-    // Token 类型列
-    {
-      key: "token_symbol",
-      title: messages.columnTokenType || "Type",
-      width: 105,
-      align: "center",
-      render: (_, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-batch-token-table__token-cell", children: [
-        row.token_icon && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: row.token_icon,
-            alt: row.token_symbol,
-            className: "taskon-batch-token-table__token-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: row.token_symbol })
-      ] })
-    },
-    // 可提现金额列
-    {
-      key: "withdrawable_avail_balance",
-      title: messages.columnAmountWithdrawable || "Amount Withdrawable",
-      width: 120,
-      align: "center",
-      render: (_, row) => formatBalance(row.withdrawable_avail_balance)
-    },
-    // 提现金额输入列
-    {
-      key: "amount",
-      title: messages.columnWithdrawAmount || "Withdraw Amount",
-      width: 120,
-      align: "center",
-      render: (_, row) => {
-        const checked = isChecked(row.token_id);
-        const amount = getAmount(row.token_id) || row.qty;
-        return /* @__PURE__ */ jsx(
-          Input,
-          {
-            value: amount,
-            onChange: (v) => handleAmountChange(row, v),
-            placeholder: "0",
-            disabled: !checked,
-            inputMode: "decimal",
-            className: "taskon-batch-token-table__input",
-            formatValue: (v) => {
-              let val = v.replace(/[^0-9.]/g, "");
-              const parts = val.split(".");
-              if (parts.length > 2) {
-                val = (parts[0] ?? "") + "." + parts.slice(1).join("");
-              }
-              return val;
-            }
-          }
-        );
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-batch-token-table", children: [
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data: displayList,
-        compact: true,
-        borderless: true,
-        rowConfig: {
-          getRowKey: (row) => row.token_id,
-          isDisabled: (row) => !row.can_withdraw,
-          rowClassName: (row) => !row.can_withdraw ? "taskon-batch-token-table__row--disabled" : ""
-        },
-        className: "taskon-batch-token-table__table"
-      }
-    ),
-    totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination$1,
-      {
-        page: page2,
-        totalPages,
-        hasPrevious: page2 > 0,
-        hasNext: page2 < totalPages - 1,
-        onPrevious: () => setPage((p) => Math.max(0, p - 1)),
-        onNext: () => setPage((p) => Math.min(totalPages - 1, p + 1)),
-        size: "small",
-        className: "taskon-batch-token-table__pagination"
-      }
-    )
-  ] });
-}
-function WithdrawFormInit({
-  messages,
-  tokenAssets,
-  tokenAssetsLoading,
-  selectedTokenId,
-  selectedToken,
-  withdrawAmount,
-  batchEnabled,
-  batchTokens,
-  batchableTokenCount,
-  userAddress,
-  submitting,
-  validationErrors,
-  getDecimals,
-  onTokenChange,
-  onAmountChange,
-  onBatchEnabledChange,
-  onBatchTokensChange,
-  onSubmit
-}) {
-  const withdrawableTokens = tokenAssets.filter(
-    (t) => t.can_withdraw && parseFloat(t.withdrawable_avail_balance) > 0
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-form-init", children: [
-    /* @__PURE__ */ jsx("h2", { className: "taskon-withdraw-form-init__title", children: messages.withdraw }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-form-init__content", children: [
-      /* @__PURE__ */ jsx(FormItem, { label: "Select Token", type: "dialog", error: validationErrors.token, children: /* @__PURE__ */ jsx(
-        TokenSelect,
-        {
-          tokens: withdrawableTokens,
-          value: selectedTokenId,
-          placeholder: "Select Token",
-          disabled: tokenAssetsLoading || submitting,
-          hasError: !!validationErrors.token,
-          onChange: onTokenChange
-        }
-      ) }),
-      /* @__PURE__ */ jsx(FormItem, { label: "Token Amount", type: "dialog", error: validationErrors.amount, children: /* @__PURE__ */ jsx(
-        AmountInput,
-        {
-          value: withdrawAmount,
-          max: selectedToken == null ? void 0 : selectedToken.withdrawable_avail_balance,
-          decimals: 6,
-          placeholder: "0.00",
-          disabled: !selectedToken || submitting,
-          hasError: !!validationErrors.amount,
-          onChange: onAmountChange
-        }
-      ) }),
-      /* @__PURE__ */ jsx(FormItem, { label: "Receive Address", type: "dialog", children: /* @__PURE__ */ jsx(
-        ReceiverAddress,
-        {
-          chainIcon: selectedToken == null ? void 0 : selectedToken.chain_icon,
-          chainLabel: selectedToken == null ? void 0 : selectedToken.chain_label,
-          address: userAddress
-        }
-      ) }),
-      batchableTokenCount > 0 && /* @__PURE__ */ jsx(FormItem, { type: "dialog", noRowMargin: true, children: /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-form-init__switch-wrap", children: /* @__PURE__ */ jsx(
-        Switch,
-        {
-          checked: batchEnabled,
-          onChange: onBatchEnabledChange,
-          label: messages.batchWithdraw,
-          disabled: submitting
-        }
-      ) }) }),
-      batchEnabled && selectedToken && batchableTokenCount > 0 && /* @__PURE__ */ jsx(FormItem, { type: "dialog", children: /* @__PURE__ */ jsx(
-        BatchTokenTable,
-        {
-          messages,
-          chain: selectedToken.chain,
-          excludeTokenId: selectedTokenId,
-          tokenAssets,
-          selectedTokens: batchTokens,
-          onSelectionChange: onBatchTokensChange,
-          getDecimals
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-form-init__footer", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "primary",
-        size: "large",
-        onClick: onSubmit,
-        disabled: submitting || !selectedToken,
-        loading: submitting,
-        className: "taskon-withdraw-form-init__submit",
-        children: submitting ? messages.loading : messages.withdraw
-      }
-    ) })
-  ] });
-}
-function formatAmount(amount) {
-  const num = parseFloat(amount);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function WithdrawConfirm({
-  messages,
-  tokens,
-  loading: loading2,
-  error: error2,
-  onConfirm,
-  onCancel
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-confirm__header", children: /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-confirm__title", children: messages.withdrawConfirm }) }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm__content", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-confirm__tokens", children: tokens.map((token) => /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm__token", children: [
-        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm__token-info", children: [
-          token.tokenIcon && /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: token.tokenIcon,
-              alt: token.tokenSymbol,
-              className: "taskon-withdraw-confirm__token-icon"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm__token-details", children: [
-            /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-confirm__token-symbol", children: token.tokenSymbol }),
-            /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-confirm__token-chain", children: token.chainLabel })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-confirm__token-amount", children: formatAmount(token.amount) })
-      ] }, token.tokenId)) }),
-      error2 && /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-confirm__error", children: error2.message })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-confirm__footer", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          onClick: onCancel,
-          disabled: loading2,
-          children: messages.cancel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "primary",
-          onClick: onConfirm,
-          disabled: loading2,
-          loading: loading2,
-          children: loading2 ? messages.loading : messages.confirm
-        }
-      )
-    ] })
-  ] });
-}
-function WithdrawLoading({
-  messages
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-loading", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-loading__spinner", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        viewBox: "0 0 50 50",
-        width: "64",
-        height: "64",
-        className: "taskon-withdraw-loading__circle",
-        children: /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: "25",
-            cy: "25",
-            r: "20",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "4",
-            strokeLinecap: "round",
-            strokeDasharray: "80, 200",
-            strokeDashoffset: "0"
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-loading__text", children: messages.withdrawing })
-  ] });
-}
-function WithdrawSuccess({
-  messages,
-  txHash,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-success", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-success__icon", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "currentColor",
-        width: "64",
-        height: "64",
-        children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-success__title", children: messages.withdrawSuccess }),
-    txHash && /* @__PURE__ */ jsxs("p", { className: "taskon-withdraw-success__tx-hash", children: [
-      "TX: ",
-      txHash.slice(0, 10),
-      "...",
-      txHash.slice(-8)
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "primary",
-        onClick: onClose,
-        className: "taskon-withdraw-success__btn",
-        children: messages.close
-      }
-    )
-  ] });
-}
-function WithdrawCancel({
-  messages,
-  onRetry,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-cancel", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-cancel__icon", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "currentColor",
-        width: "64",
-        height: "64",
-        children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-cancel__title", children: messages.withdrawCanceled }),
-    /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-cancel__message", children: messages.withdrawCanceledMessage ?? "Your withdrawal was canceled. You can retry the transaction." }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-cancel__actions", children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          onClick: onClose,
-          children: messages.close
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "primary",
-          onClick: onRetry,
-          children: messages.retry
-        }
-      )
-    ] })
-  ] });
-}
-function WithdrawGasNotEnough({
-  messages,
-  chainLabel,
-  onClose
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-gas-not-enough", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-gas-not-enough__icon", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "currentColor",
-        width: "64",
-        height: "64",
-        children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-gas-not-enough__title", children: messages.gasNotEnough }),
-    /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-gas-not-enough__message", children: chainLabel ? `Please ensure you have enough ${chainLabel} gas to complete this transaction.` : "Please ensure you have enough gas to complete this transaction." }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "primary",
-        onClick: onClose,
-        className: "taskon-withdraw-gas-not-enough__btn",
-        children: messages.close
-      }
-    )
-  ] });
-}
-function getDialogTitle(status, messages) {
-  switch (status) {
-    case "confirm":
-      return messages.withdrawConfirm;
-    case "loading":
-      return messages.loading;
-    case "success":
-      return messages.withdrawSuccess;
-    case "cancel":
-      return messages.withdrawCanceled;
-    case "noEnough":
-      return messages.gasNotEnough;
-    default:
-      return messages.withdraw;
-  }
-}
-function WithdrawForm({
-  open,
-  messages,
-  tokenAssets,
-  tokenAssetsLoading,
-  userAddress,
-  initialTokenId,
-  initialChain,
-  onClose,
-  onSuccess
-}) {
-  const [submitting, setSubmitting] = useState(false);
-  const { getDecimals } = useTokenDecimals({
-    tokenAssets
-  });
-  const form = useWithdrawForm({
-    tokenAssets,
-    initialTokenId,
-    initialChain,
-    getDecimals
-    // 传入精度获取函数
-  });
-  const withdraw2 = useTokenWithdraw({
-    userAddress,
-    onSuccess: (txHash) => {
-      onSuccess == null ? void 0 : onSuccess(txHash);
-    },
-    onCancel: () => {
-    }
-  });
-  const handleSubmit = useCallback(async () => {
-    if (!form.validation.isValid) {
-      return;
-    }
-    const tokens = form.buildWithdrawTokens();
-    if (tokens.length === 0) {
-      return;
-    }
-    try {
-      setSubmitting(true);
-      withdraw2.initWithdrawTokens(tokens);
-      await withdraw2.checkAndConnect();
-    } catch (error2) {
-      console.error("Submit failed:", error2);
-    } finally {
-      setSubmitting(false);
-    }
-  }, [form, withdraw2]);
-  const handleConfirm = useCallback(async () => {
-    await withdraw2.confirmWithdraw();
-  }, [withdraw2]);
-  const handleCancel = useCallback(() => {
-    withdraw2.cancelWithdraw();
-  }, [withdraw2]);
-  const handleRetry = useCallback(async () => {
-    await withdraw2.confirmWithdraw();
-  }, [withdraw2]);
-  const handleClose = useCallback(() => {
-    withdraw2.reset();
-    form.resetForm();
-    onClose();
-  }, [withdraw2, form, onClose]);
-  if (!open) {
-    return null;
-  }
-  const renderContent = () => {
-    var _a;
-    switch (withdraw2.status) {
-      case "init":
-        return /* @__PURE__ */ jsx(
-          WithdrawFormInit,
-          {
-            messages,
-            tokenAssets,
-            tokenAssetsLoading,
-            selectedTokenId: form.selectedTokenId,
-            selectedToken: form.selectedToken,
-            withdrawAmount: form.withdrawAmount,
-            batchEnabled: form.batchEnabled,
-            batchTokens: form.batchTokens,
-            batchableTokenCount: form.batchableTokenCount,
-            userAddress,
-            submitting,
-            validationErrors: form.validation.errors,
-            getDecimals,
-            onTokenChange: (tokenId, token) => {
-              form.setSelectedTokenId(tokenId);
-              form.setWithdrawAmount(token.withdrawable_avail_balance);
-            },
-            onAmountChange: form.setWithdrawAmount,
-            onBatchEnabledChange: form.setBatchEnabled,
-            onBatchTokensChange: form.setBatchTokens,
-            onSubmit: handleSubmit,
-            onClose: handleClose
-          }
-        );
-      case "confirm":
-        return /* @__PURE__ */ jsx(
-          WithdrawConfirm,
-          {
-            messages,
-            tokens: withdraw2.tokens,
-            loading: false,
-            error: withdraw2.error,
-            onConfirm: handleConfirm,
-            onCancel: handleCancel
-          }
-        );
-      case "loading":
-        return /* @__PURE__ */ jsx(WithdrawLoading, { messages });
-      case "success":
-        return /* @__PURE__ */ jsx(
-          WithdrawSuccess,
-          {
-            messages,
-            txHash: withdraw2.txHash,
-            onClose: handleClose
-          }
-        );
-      case "cancel":
-        return /* @__PURE__ */ jsx(
-          WithdrawCancel,
-          {
-            messages,
-            onRetry: handleRetry,
-            onClose: handleClose
-          }
-        );
-      case "noEnough":
-        return /* @__PURE__ */ jsx(
-          WithdrawGasNotEnough,
-          {
-            messages,
-            chainLabel: (_a = form.selectedToken) == null ? void 0 : _a.chain_label,
-            onClose: handleClose
-          }
-        );
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange: (isOpen) => {
-        if (!isOpen) handleClose();
-      },
-      title: getDialogTitle(withdraw2.status, messages),
-      showCloseButton: withdraw2.status === "init",
-      contentClassName: "taskon-withdraw-form__container",
-      maxWidth: 480,
-      children: renderContent()
-    }
-  );
-}
-export {
-  EmptyState as E,
-  LoadingState as L,
-  Pagination as P,
-  TokenAssetList as T,
-  WithdrawForm as W,
-  useTokenAssets as a,
-  useTokenWithdraw as b,
-  usePointsHistory as c,
-  toGasFreeWithdrawItem as d,
-  buildRewardCards as e,
-  formatTokenAmount as f,
-  formatDateTime as g,
-  TxErrorType as h,
-  TransactionError as i,
-  isSameAddress as j,
-  PointsList as k,
-  TokenRewardContent as l,
-  enMessages as m,
-  en as n,
-  parseTxError as p,
-  toWithdrawItem as t,
-  useRewardDetails as u
-};