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

package/dist/chunks/UserCenterWidget-jDO5zTN1.js

@@ -1,3297 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useLayoutEffect, useMemo, useEffect } from "react";
-import { UserCenterRewardCardType, USER_CENTER_PAGE_SIZE, createUserCenterApi, SnsType, createUserApi, VerifyCodeType, getChainName, truncateAddress, filterEnabledAccounts, filterEnabledWallets, USER_CENTER_REWARD_CARD_TYPES, RewardType, toWei, LockedType, filterEnabledTabs, UserCenterTabType } from "@taskon/core";
-import { h as useTaskOnContext } from "./ThemeProvider-mXLdLSkq.js";
-import { u as useUserCenterLocale, L as LoadingState, E as EmptyState, P as Pagination, f as formatDateTime, A as AssetImage, b as buildRewardCards, a as useBindSocialAccount, I as Input, c as useTokenAssets, d as useRewardDetails, e as usePointsHistory, W as WithdrawForm, g as PointsList, N as NftRewardContent, T as TokenRewardContent } from "./UserCenterWidget-D5ttw4hO.js";
-import { T as Table, a as usePagination, D as Dialog, B as Button, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D7yC894Y.js";
-import { u as useWallet, d as useToast } from "./useToast-CaRkylKe.js";
-import '../UserCenterWidget.css';function Tabs({
-  items,
-  activeKey,
-  defaultActiveKey,
-  onChange,
-  className = "",
-  style,
-  gap = 40
-}) {
-  var _a;
-  const [internalActiveKey, setInternalActiveKey] = useState(
-    defaultActiveKey ?? ((_a = items[0]) == null ? void 0 : _a.key) ?? ""
-  );
-  const currentActiveKey = activeKey ?? internalActiveKey;
-  const tabsRef = useRef(null);
-  const [indicatorStyle, setIndicatorStyle] = useState({});
-  const updateIndicator = useCallback(() => {
-    if (!tabsRef.current) return;
-    const activeTab = tabsRef.current.querySelector(
-      `.taskon-tabs__tab--active`
-    );
-    if (activeTab) {
-      setIndicatorStyle({
-        width: activeTab.offsetWidth,
-        transform: `translateX(${activeTab.offsetLeft}px)`
-      });
-    }
-  }, []);
-  useLayoutEffect(() => {
-    updateIndicator();
-  }, [currentActiveKey, updateIndicator]);
-  useLayoutEffect(() => {
-    window.addEventListener("resize", updateIndicator);
-    return () => window.removeEventListener("resize", updateIndicator);
-  }, [updateIndicator]);
-  const handleTabClick = (item) => {
-    if (item.disabled) return;
-    if (activeKey === void 0) {
-      setInternalActiveKey(item.key);
-    }
-    onChange == null ? void 0 : onChange(item.key);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: tabsRef,
-      className: `taskon-tabs ${className}`,
-      style: { ...style, "--taskon-tabs-gap": `${gap}px` },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-tabs__list", children: items.map((item) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: `taskon-tabs__tab ${currentActiveKey === item.key ? "taskon-tabs__tab--active" : ""} ${item.disabled ? "taskon-tabs__tab--disabled" : ""}`,
-            onClick: () => handleTabClick(item),
-            disabled: item.disabled,
-            "aria-selected": currentActiveKey === item.key,
-            role: "tab",
-            children: item.label
-          },
-          item.key
-        )) }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-tabs__indicator", style: indicatorStyle })
-      ]
-    }
-  );
-}
-function formatTimeRange(startTime, endTime) {
-  const formatDate = (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}`;
-  };
-  return `${formatDate(startTime)} - ${formatDate(endTime)}`;
-}
-function ActivityHistoryList({
-  data,
-  loading,
-  error,
-  pagination,
-  mode = "pagination",
-  onItemClick,
-  onRetry
-}) {
-  const { messages } = useUserCenterLocale();
-  const columns = useMemo(
-    () => [
-      {
-        key: "campaign_name",
-        title: messages.activity_name,
-        cellClassName: "taskon-activity-history__cell--name",
-        render: (_value, row) => /* @__PURE__ */ jsxs("div", { className: "taskon-activity-history__name-cell", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-activity-history__campaign-name", children: row.campaign_name }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-activity-history__campaign-type", children: row.campaign_type })
-        ] })
-      },
-      {
-        key: "time",
-        title: messages.activity_time,
-        width: "380px",
-        align: "right",
-        cellClassName: "taskon-activity-history__cell--time",
-        render: (_value, row) => formatTimeRange(row.start_time, row.end_time)
-      }
-    ],
-    [messages.activity_name, messages.activity_time]
-  );
-  const rowConfig = useMemo(
-    () => ({
-      getRowKey: (row) => `${row.campaign_type}-${row.campaign_id}`,
-      onRowClick: onItemClick
-    }),
-    [onItemClick]
-  );
-  if (loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error && data.length === 0) {
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-user-center-error", children: [
-      /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error.message }),
-      onRetry && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-user-center-error__retry",
-          onClick: onRetry,
-          children: messages.retry
-        }
-      )
-    ] });
-  }
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.empty_activity_history });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-activity-history", children: [
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        columns,
-        data,
-        rowConfig,
-        className: "taskon-activity-history__table",
-        compact: true,
-        loading,
-        loadingText: messages.loading
-      }
-    ),
-    mode === "pagination" ? /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext
-      }
-    ) : pagination.hasMore && /* @__PURE__ */ jsx("div", { className: "taskon-activity-history__load-more", children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "taskon-activity-history__load-more-btn",
-        onClick: pagination.loadMore,
-        disabled: loading,
-        children: loading ? messages.loading : messages.load_more
-      }
-    ) })
-  ] });
-}
-function getCardTitle(type, messages, pointsData, xpLevelData) {
-  var _a;
-  switch (type) {
-    case UserCenterRewardCardType.Token:
-      return messages.reward_token;
-    case UserCenterRewardCardType.Nft:
-      return messages.reward_nft;
-    case UserCenterRewardCardType.Whitelist:
-      return messages.reward_whitelist;
-    case UserCenterRewardCardType.DiscordRole:
-      return messages.reward_discord_role;
-    case UserCenterRewardCardType.Points:
-      return (pointsData == null ? void 0 : pointsData.points_name) ?? messages.reward_points;
-    case UserCenterRewardCardType.XpLevel: {
-      const xpPointsName = (_a = xpLevelData == null ? void 0 : xpLevelData.xpPointsName) == null ? void 0 : _a.trim();
-      if (xpPointsName) {
-        return `${xpPointsName} & ${messages.level}`;
-      }
-      return messages.reward_xp_level;
-    }
-    default:
-      return type;
-  }
-}
-function getCardIconUrl(type, pointsData) {
-  if (type === UserCenterRewardCardType.Points && (pointsData == null ? void 0 : pointsData.points_icon)) {
-    return pointsData.points_icon;
-  }
-  return null;
-}
-function TokenIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "25", height: "28", viewBox: "0 0 25 28", fill: "none", children: [
-    /* @__PURE__ */ jsx("path", { d: "M12.5 2L3 10H22L12.5 2Z", fill: "url(#token-gem-top)" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 10L12.5 26L12.5 10H3Z", fill: "url(#token-gem-left)" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 10L12.5 26L12.5 10H22Z", fill: "url(#token-gem-right)" }),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M12.5 2L8 10H17L12.5 2Z",
-        fill: "url(#token-gem-highlight)",
-        fillOpacity: "0.6"
-      }
-    ),
-    /* @__PURE__ */ jsxs("defs", { children: [
-      /* @__PURE__ */ jsxs(
-        "linearGradient",
-        {
-          id: "token-gem-top",
-          x1: "12.5",
-          y1: "2",
-          x2: "12.5",
-          y2: "10",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx("stop", { stopColor: "#81D4FA" }),
-            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#4FC3F7" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "linearGradient",
-        {
-          id: "token-gem-left",
-          x1: "3",
-          y1: "10",
-          x2: "12.5",
-          y2: "26",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx("stop", { stopColor: "#4FC3F7" }),
-            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0288D1" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "linearGradient",
-        {
-          id: "token-gem-right",
-          x1: "22",
-          y1: "10",
-          x2: "12.5",
-          y2: "26",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx("stop", { stopColor: "#29B6F6" }),
-            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#0277BD" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "linearGradient",
-        {
-          id: "token-gem-highlight",
-          x1: "12.5",
-          y1: "2",
-          x2: "12.5",
-          y2: "10",
-          gradientUnits: "userSpaceOnUse",
-          children: [
-            /* @__PURE__ */ jsx("stop", { stopColor: "#E1F5FE" }),
-            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#81D4FA" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function NftIcon() {
-  return /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__icon-nft", children: "NFT" });
-}
-function WhitelistIcon() {
-  return /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__icon-wl", children: "WL" });
-}
-function DiscordRoleIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "28", height: "22", viewBox: "0 0 28 22", fill: "none", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M23.7 1.84A23.15 23.15 0 0018 0a.09.09 0 00-.09.04c-.25.44-.52 1.01-.71 1.46a21.37 21.37 0 00-6.4 0 14.77 14.77 0 00-.72-1.46.09.09 0 00-.1-.04 23.08 23.08 0 00-5.7 1.84.08.08 0 00-.04.03C.62 7.86-.37 13.68.12 19.41a.1.1 0 00.04.07 23.26 23.26 0 007 3.54.1.1 0 00.1-.04c.54-.74.97-1.52 1.33-2.33a.09.09 0 00-.05-.13 15.32 15.32 0 01-2.19-1.04.1.1 0 01-.01-.15c.15-.11.3-.22.43-.34a.09.09 0 01.09-.01c4.6 2.1 9.57 2.1 14.12 0a.09.09 0 01.1.01c.14.12.28.23.43.34a.1.1 0 01-.01.15c-.7.41-1.42.75-2.19 1.04a.09.09 0 00-.05.13c.38.81.8 1.59 1.32 2.33a.1.1 0 00.1.04 23.17 23.17 0 007.01-3.54.1.1 0 00.04-.07c.58-6.07-.97-11.84-4.13-16.84a.08.08 0 00-.04-.03zM9.36 15.91c-1.39 0-2.52-1.27-2.52-2.83s1.11-2.83 2.52-2.83c1.42 0 2.55 1.29 2.52 2.83 0 1.56-1.11 2.83-2.52 2.83zm9.32 0c-1.39 0-2.52-1.27-2.52-2.83s1.11-2.83 2.52-2.83c1.42 0 2.55 1.29 2.52 2.83 0 1.56-1.1 2.83-2.52 2.83z",
-      fill: "#ffffff"
-    }
-  ) });
-}
-function XpLevelIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "26", height: "26", viewBox: "0 0 26 26", fill: "none", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M13 2L15.9 8.9L23 9.5L17.5 14.4L19.1 21.5L13 17.8L6.9 21.5L8.5 14.4L3 9.5L10.1 8.9L13 2Z",
-        fill: "url(#xp-gradient)",
-        stroke: "#F59E0B",
-        strokeWidth: "1.5",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-      "linearGradient",
-      {
-        id: "xp-gradient",
-        x1: "13",
-        y1: "2",
-        x2: "13",
-        y2: "21.5",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ jsx("stop", { stopColor: "#FDE68A" }),
-          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#F59E0B" })
-        ]
-      }
-    ) })
-  ] });
-}
-function PointsIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M12 2L14.4 8.6L21.5 9.2L16.2 13.8L17.8 20.8L12 17.1L6.2 20.8L7.8 13.8L2.5 9.2L9.6 8.6L12 2Z",
-        fill: "url(#points-gradient)"
-      }
-    ),
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-      "linearGradient",
-      {
-        id: "points-gradient",
-        x1: "12",
-        y1: "2",
-        x2: "12",
-        y2: "20.8",
-        gradientUnits: "userSpaceOnUse",
-        children: [
-          /* @__PURE__ */ jsx("stop", { stopColor: "#A78BFA" }),
-          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#7C3AED" })
-        ]
-      }
-    ) })
-  ] });
-}
-function DefaultIcon({
-  type
-}) {
-  switch (type) {
-    case UserCenterRewardCardType.Token:
-      return /* @__PURE__ */ jsx(TokenIcon, {});
-    case UserCenterRewardCardType.Nft:
-      return /* @__PURE__ */ jsx(NftIcon, {});
-    case UserCenterRewardCardType.Whitelist:
-      return /* @__PURE__ */ jsx(WhitelistIcon, {});
-    case UserCenterRewardCardType.DiscordRole:
-      return /* @__PURE__ */ jsx(DiscordRoleIcon, {});
-    case UserCenterRewardCardType.Points:
-      return /* @__PURE__ */ jsx(PointsIcon, {});
-    case UserCenterRewardCardType.XpLevel:
-      return /* @__PURE__ */ jsx(XpLevelIcon, {});
-    default:
-      return /* @__PURE__ */ jsx(PointsIcon, {});
-  }
-}
-function needsLightBackground(type) {
-  return type === UserCenterRewardCardType.Whitelist;
-}
-function AssetCard({
-  type,
-  value,
-  selected = false,
-  onClick,
-  pointsData,
-  xpLevelData
-}) {
-  const { messages } = useUserCenterLocale();
-  const title = getCardTitle(type, messages, pointsData, xpLevelData);
-  const iconUrl = getCardIconUrl(type, pointsData);
-  const iconClassName = `taskon-asset-card__icon${needsLightBackground(type) ? " taskon-asset-card__icon--light" : ""}`;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: `taskon-asset-card ${selected ? "taskon-asset-card--selected" : ""}`,
-      onClick,
-      "aria-pressed": selected,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: iconClassName, children: iconUrl ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: iconUrl,
-            alt: title,
-            className: "taskon-asset-card__icon-img"
-          }
-        ) : /* @__PURE__ */ jsx(DefaultIcon, { type }) }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-asset-card__content", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__title", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-asset-card__value", children: value })
-        ] })
-      ]
-    }
-  );
-}
-function AssetCarousel({
-  cards,
-  selectedCard,
-  selectedPointsId,
-  onSelectCard
-}) {
-  const { messages } = useUserCenterLocale();
-  const containerRef = useRef(null);
-  const [showLeftArrow, setShowLeftArrow] = useState(false);
-  const [showRightArrow, setShowRightArrow] = useState(false);
-  const visibleCards = cards.filter((card) => card.visible);
-  const checkScrollArrows = useCallback(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const { scrollLeft, scrollWidth, clientWidth } = container;
-    setShowLeftArrow(scrollLeft > 0);
-    setShowRightArrow(scrollLeft + clientWidth < scrollWidth - 1);
-  }, []);
-  useCallback((direction) => {
-    const container = containerRef.current;
-    if (!container) return;
-    const scrollAmount = 200;
-    const newScrollLeft = direction === "left" ? container.scrollLeft - scrollAmount : container.scrollLeft + scrollAmount;
-    container.scrollTo({
-      left: newScrollLeft,
-      behavior: "smooth"
-    });
-  }, []);
-  const isCardSelected = useCallback(
-    (card) => {
-      if (selectedCard !== card.type) return false;
-      if (card.type === "Points" && card.pointsData) {
-        return selectedPointsId === card.pointsData.points_id;
-      }
-      return true;
-    },
-    [selectedCard, selectedPointsId]
-  );
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    checkScrollArrows();
-    container.addEventListener("scroll", checkScrollArrows);
-    window.addEventListener("resize", checkScrollArrows);
-    return () => {
-      container.removeEventListener("scroll", checkScrollArrows);
-      window.removeEventListener("resize", checkScrollArrows);
-    };
-  }, [checkScrollArrows, visibleCards]);
-  if (visibleCards.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-asset-carousel--empty" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-asset-carousel", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-asset-carousel__title", children: messages.section_you_have_earned }),
-    /* @__PURE__ */ jsx("div", { ref: containerRef, className: "taskon-asset-carousel__container", children: visibleCards.map((card, index) => {
-      var _a;
-      return /* @__PURE__ */ jsx(
-        AssetCard,
-        {
-          type: card.type,
-          value: card.value,
-          selected: isCardSelected(card),
-          onClick: () => {
-            var _a2;
-            return onSelectCard(card.type, (_a2 = card.pointsData) == null ? void 0 : _a2.points_id);
-          },
-          pointsData: card.pointsData,
-          xpLevelData: card.xpLevelData
-        },
-        `${card.type}-${((_a = card.pointsData) == null ? void 0 : _a.points_id) ?? index}`
-      );
-    }) })
-  ] });
-}
-function ProgressBar({
-  value,
-  max,
-  showPercent = false,
-  showValues = false,
-  height = 8,
-  className = "",
-  color,
-  backgroundColor
-}) {
-  const percent = max > 0 ? Math.min(100, Math.max(0, value / max * 100)) : 0;
-  const formatValue = (val) => {
-    if (val >= 1e6) {
-      return `${(val / 1e6).toFixed(1)}M`;
-    }
-    if (val >= 1e3) {
-      return `${(val / 1e3).toFixed(1)}K`;
-    }
-    return val.toLocaleString();
-  };
-  const containerStyle = {
-    height: `${height}px`,
-    ...backgroundColor && { backgroundColor }
-  };
-  const fillStyle = {
-    width: `${percent}%`,
-    ...color && { backgroundColor: color }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: `taskon-progress-bar ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-progress-bar__container", style: containerStyle, children: /* @__PURE__ */ jsx("div", { className: "taskon-progress-bar__fill", style: fillStyle }) }),
-    (showPercent || showValues) && /* @__PURE__ */ jsxs("div", { className: "taskon-progress-bar__info", children: [
-      showValues && /* @__PURE__ */ jsxs("span", { className: "taskon-progress-bar__values", children: [
-        formatValue(value),
-        " / ",
-        formatValue(max)
-      ] }),
-      showPercent && /* @__PURE__ */ jsxs("span", { className: "taskon-progress-bar__percent", children: [
-        percent.toFixed(0),
-        "%"
-      ] })
-    ] })
-  ] });
-}
-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 XpLevelCard({
-  xpData,
-  historyData,
-  historyLoading,
-  historyError,
-  pagination,
-  className = ""
-}) {
-  var _a;
-  const { messages } = useUserCenterLocale();
-  const { level, currentXp, nextLevelXp, totalXp } = xpData;
-  const pointsName = ((_a = xpData.pointsName) == null ? void 0 : _a.trim()) || messages.default_xp_points_name;
-  const xpToNext = Math.max(0, nextLevelXp - currentXp);
-  const columns = [
-    {
-      key: "detail",
-      title: messages.column_detail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__name", children: row.name })
-    },
-    {
-      key: "time",
-      title: messages.column_time,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-points-list__time", children: formatDateTime(row.receive_time) })
-    },
-    {
-      key: "amount",
-      title: `${messages.column_amount} (${pointsName})`,
-      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-xp-level-card ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__header", children: [
-      /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__level", children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-xp-level-card__level-badge", children: level }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__level-info", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-xp-level-card__level-label", children: messages.level }),
-          /* @__PURE__ */ jsxs("span", { className: "taskon-xp-level-card__level-value", children: [
-            messages.level,
-            " ",
-            level
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__xp", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-xp-level-card__xp-label", children: messages.total_xp }),
-        /* @__PURE__ */ jsxs("span", { className: "taskon-xp-level-card__xp-value", children: [
-          formatNumber(totalXp),
-          " ",
-          pointsName
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__progress", children: [
-      /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__progress-label", children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          formatNumber(currentXp),
-          " / ",
-          formatNumber(nextLevelXp),
-          " ",
-          pointsName
-        ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          messages.xp_to_next_level,
-          ": ",
-          formatNumber(xpToNext),
-          " ",
-          pointsName
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(ProgressBar, { value: currentXp, max: nextLevelXp, height: 10 })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-xp-level-card__history", children: [
-      /* @__PURE__ */ jsx("h4", { className: "taskon-xp-level-card__history-title", children: messages.xp_history }),
-      historyLoading && historyData.length === 0 && /* @__PURE__ */ jsx(LoadingState, { message: messages.loading }),
-      historyError && historyData.length === 0 && /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: historyError.message }) }),
-      !historyLoading && !historyError && historyData.length === 0 && /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data }),
-      historyData.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-xp-level-card__table-wrap", children: /* @__PURE__ */ jsx(
-          Table,
-          {
-            columns,
-            data: historyData,
-            rowConfig: {
-              getRowKey: (row, index) => `${row.campaign_id ?? row.task_id ?? "item"}-${row.receive_time}-${index}`
-            },
-            loading: historyLoading && historyData.length > 0,
-            loadingText: messages.loading,
-            empty: {
-              title: messages.no_data
-            }
-          }
-        ) }),
-        pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-          Pagination,
-          {
-            page: pagination.page,
-            totalPages: pagination.totalPages,
-            onPrevious: pagination.goToPrevious,
-            onNext: pagination.goToNext,
-            hasPrevious: pagination.hasPrevious,
-            hasNext: pagination.hasNext
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function WhitelistTable({
-  data,
-  loading,
-  error,
-  pagination
-}) {
-  const { messages } = useUserCenterLocale();
-  if (loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error.message }) });
-  }
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data });
-  }
-  const columns = [
-    {
-      key: "whitelist",
-      title: messages.column_whitelist,
-      width: 100,
-      render: (_, row) => {
-        const wlValue = row.reward_value;
-        return /* @__PURE__ */ jsx(
-          AssetImage,
-          {
-            src: wlValue.nft_image,
-            chain: wlValue.chain,
-            alt: "Whitelist",
-            size: 60,
-            useWhitelistDefault: !wlValue.nft_image
-          }
-        );
-      }
-    },
-    {
-      key: "detail",
-      title: messages.column_detail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: row.campaign_name })
-    },
-    {
-      key: "time",
-      title: messages.column_time,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
-    },
-    {
-      key: "status",
-      title: messages.column_status,
-      width: 120,
-      align: "right",
-      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manual_drop })
-    }
-  ];
-  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: loading && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.no_data
-        }
-      }
-    ),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext
-      }
-    )
-  ] });
-}
-function DiscordRoleTable({
-  data,
-  loading,
-  error,
-  pagination
-}) {
-  const { messages } = useUserCenterLocale();
-  if (loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: messages.loading });
-  }
-  if (error && data.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: error.message }) });
-  }
-  if (!loading && data.length === 0) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: messages.no_data });
-  }
-  const columns = [
-    {
-      key: "discordRole",
-      title: messages.column_discord_role,
-      width: 160,
-      render: (_, row) => {
-        const dcValue = row.reward_value;
-        return /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__role-name", children: dcValue.role_name });
-      }
-    },
-    {
-      key: "detail",
-      title: messages.column_detail,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__campaign-name", children: row.milestone_name || row.campaign_name })
-    },
-    {
-      key: "time",
-      title: messages.column_time,
-      width: 160,
-      render: (_, row) => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__time", children: formatDateTime(row.reward_time) })
-    },
-    {
-      key: "status",
-      title: messages.column_status,
-      width: 120,
-      align: "right",
-      render: () => /* @__PURE__ */ jsx("span", { className: "taskon-reward-table__manual-drop", children: messages.manual_drop })
-    }
-  ];
-  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: loading && data.length > 0,
-        loadingText: messages.loading,
-        empty: {
-          title: messages.no_data
-        }
-      }
-    ),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext
-      }
-    )
-  ] });
-}
-function useActivityHistory(options = {}) {
-  const {
-    pageSize = USER_CENTER_PAGE_SIZE,
-    mode = "pagination",
-    autoLoad = true
-  } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const isInitialLoad = useRef(true);
-  const lastFetchedPage = useRef(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 0,
-    // 使用 0-based 索引
-    mode
-  });
-  const fetchData = useCallback(
-    async (pageNo, append = false) => {
-      if (!api) {
-        setError(new Error("TaskOn client not initialized"));
-        return;
-      }
-      if (lastFetchedPage.current === pageNo && !append) {
-        return;
-      }
-      setLoading(true);
-      setError(null);
-      lastFetchedPage.current = pageNo;
-      try {
-        const response = await api.getMyCampaignHistory({
-          page: {
-            page_no: pageNo,
-            // 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 activity history")
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [api, pageSize]
-  );
-  const refresh = useCallback(async () => {
-    pagination.goToPage(0);
-    setData([]);
-    lastFetchedPage.current = null;
-    await fetchData(0, false);
-  }, [fetchData, pagination]);
-  useEffect(() => {
-    if (autoLoad && isInitialLoad.current) {
-      isInitialLoad.current = false;
-      fetchData(0, false);
-    }
-  }, [autoLoad, fetchData]);
-  useEffect(() => {
-    if (isInitialLoad.current) {
-      return;
-    }
-    if (mode === "pagination") {
-      fetchData(pagination.page, false);
-    }
-  }, [mode, pagination.page, fetchData]);
-  useEffect(() => {
-    if (mode === "infinite" && pagination.loadedCount > pageSize) {
-      const nextPage = Math.ceil(pagination.loadedCount / pageSize) - 1;
-      fetchData(nextPage, true);
-    }
-  }, [mode, pagination.loadedCount, pageSize, fetchData]);
-  return {
-    data,
-    loading,
-    error,
-    total,
-    pagination,
-    refresh
-  };
-}
-function useUserRewards(options = {}) {
-  const { autoLoad = true } = options;
-  const { client } = useTaskOnContext();
-  const [rewards, setRewards] = useState(null);
-  const [userInfo, setUserInfo] = useState(null);
-  const [selectedCard, setSelectedCard] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const cards = useMemo(() => {
-    if (!rewards) return [];
-    return buildRewardCards(rewards, userInfo);
-  }, [rewards, userInfo]);
-  const fetchData = useCallback(async () => {
-    if (!api) {
-      setError(new Error("TaskOn client not initialized"));
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const [rewardsResponse, userInfoResponse] = await Promise.all([
-        api.getMyCommunityRewards({}),
-        api.getCUserInfo({})
-      ]);
-      setRewards(rewardsResponse);
-      setUserInfo(userInfoResponse);
-      const builtCards = buildRewardCards(rewardsResponse, userInfoResponse);
-      const firstVisibleCard = builtCards.find((c) => c.visible);
-      if (firstVisibleCard && !selectedCard) {
-        setSelectedCard(firstVisibleCard.type);
-      }
-    } catch (err) {
-      setError(
-        err instanceof Error ? err : new Error("Failed to fetch rewards")
-      );
-    } finally {
-      setLoading(false);
-    }
-  }, [api, selectedCard]);
-  const selectCard = useCallback((type) => {
-    setSelectedCard(type);
-  }, []);
-  const refresh = useCallback(async () => {
-    await fetchData();
-  }, [fetchData]);
-  useEffect(() => {
-    if (autoLoad) {
-      fetchData();
-    }
-  }, [autoLoad, fetchData]);
-  return {
-    rewards,
-    userInfo,
-    cards,
-    selectedCard,
-    selectCard,
-    loading,
-    error,
-    refresh
-  };
-}
-function useFrozenAssets(options) {
-  const { tokenId, pageSize = USER_CENTER_PAGE_SIZE, autoLoad = true } = options;
-  const { client } = useTaskOnContext();
-  const [data, setData] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const pagination = usePagination({
-    total,
-    pageSize,
-    initialPage: 0,
-    mode: "pagination"
-  });
-  const skipNextPageEffectRef = useRef(false);
-  const fetchData = useCallback(
-    async (pageNo) => {
-      if (!api) {
-        setError(new Error("TaskOn client not initialized"));
-        return;
-      }
-      if (!tokenId) {
-        setError(new Error("Token ID is required"));
-        return;
-      }
-      setLoading(true);
-      setError(null);
-      try {
-        const response = await api.getLockedTokenList({
-          token_id: tokenId,
-          page: {
-            page_no: pageNo,
-            // API 使用 0-based 索引
-            size: pageSize
-          }
-        });
-        setData(response.data);
-        setTotal(response.total);
-      } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Failed to fetch frozen assets")
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [api, tokenId, pageSize]
-  );
-  const refresh = useCallback(async () => {
-    if (autoLoad && pagination.page !== 0) {
-      skipNextPageEffectRef.current = true;
-    }
-    pagination.goToPage(0);
-    await fetchData(0);
-  }, [autoLoad, fetchData, pagination]);
-  const canResend = useCallback((item) => {
-    return item.type === "Withdraw" && Boolean(item.nonce) && Boolean(item.receiver_address);
-  }, []);
-  useEffect(() => {
-    if (!autoLoad || !tokenId) {
-      return;
-    }
-    if (skipNextPageEffectRef.current) {
-      skipNextPageEffectRef.current = false;
-      return;
-    }
-    fetchData(pagination.page);
-  }, [autoLoad, tokenId, pagination.page, fetchData]);
-  return {
-    data,
-    loading,
-    error,
-    total,
-    pagination,
-    refresh,
-    canResend
-  };
-}
-const SNS_TYPE_MAP = {
-  Twitter: "Twitter",
-  Discord: "Discord",
-  Telegram: "Telegram",
-  Email: "Email",
-  Reddit: "Reddit"
-};
-const CHAIN_TYPE_MAP = {
-  evm: "evm",
-  solana: "solana",
-  sui: "sui",
-  aptos: "aptos",
-  btc: "btc",
-  starknet: "starknet",
-  tron: "tron",
-  ton: "ton",
-  nibiru: "nibiru",
-  kaspa: "kaspa"
-};
-const ALL_SOCIAL_TYPES = [
-  SnsType.Twitter,
-  SnsType.Discord,
-  SnsType.Telegram,
-  SnsType.Email,
-  SnsType.Reddit
-];
-const ALL_CHAIN_TYPES = [
-  "evm",
-  "solana",
-  "sui",
-  "aptos",
-  "btc",
-  "starknet",
-  "tron",
-  "ton",
-  "nibiru",
-  "kaspa"
-];
-function getSocialProfileUrl(snsType, username) {
-  switch (snsType) {
-    case SnsType.Twitter:
-      return `https://twitter.com/${username}`;
-    case SnsType.Discord:
-      return null;
-    case SnsType.Telegram:
-      return `https://t.me/${username}`;
-    case SnsType.Reddit:
-      return `https://reddit.com/user/${username}`;
-    case SnsType.Email:
-      return null;
-    default:
-      return null;
-  }
-}
-function useIdentityData() {
-  const { userInfo } = useTaskOnContext();
-  const rawSns = (userInfo == null ? void 0 : userInfo.sns) ?? [];
-  const rawAddresses = (userInfo == null ? void 0 : userInfo.address) ?? [];
-  const isLoaded = userInfo !== null;
-  const socialAccounts = useMemo(() => {
-    return ALL_SOCIAL_TYPES.map((snsType) => {
-      const boundAccount = rawSns.find((s) => s.sns_type === snsType);
-      const accountType = SNS_TYPE_MAP[snsType];
-      return {
-        accountType: accountType ?? snsType,
-        snsType,
-        isBound: !!boundAccount,
-        account: boundAccount ?? null,
-        profileUrl: boundAccount ? getSocialProfileUrl(snsType, boundAccount.sns_user_name) : null
-      };
-    });
-  }, [rawSns]);
-  const walletAddresses = useMemo(() => {
-    return ALL_CHAIN_TYPES.map((chainType) => {
-      const boundAddress = rawAddresses.find((a) => a.chain_type === chainType);
-      const widgetChainType = CHAIN_TYPE_MAP[chainType];
-      return {
-        chainType: widgetChainType ?? chainType,
-        coreChainType: chainType,
-        isBound: !!boundAddress,
-        address: boundAddress ?? null,
-        isPrimary: (boundAddress == null ? void 0 : boundAddress.is_primary) ?? false,
-        // 暂时没有 KYC 信息，后续可扩展
-        isKycVerified: void 0
-      };
-    });
-  }, [rawAddresses]);
-  const totalBoundCount = useMemo(() => {
-    const boundSocialCount = socialAccounts.filter((a) => a.isBound).length;
-    const boundWalletCount = walletAddresses.filter((a) => a.isBound).length;
-    return boundSocialCount + boundWalletCount;
-  }, [socialAccounts, walletAddresses]);
-  return {
-    socialAccounts,
-    walletAddresses,
-    rawSns,
-    rawAddresses,
-    isLoaded,
-    totalBoundCount
-  };
-}
-function useUnbindSocial(options = {}) {
-  const { onUnbindSuccess, onUnbindError } = options;
-  const { client, refreshUserInfo } = useTaskOnContext();
-  const [unbindStatus, setUnbindStatus] = useState("idle");
-  const [error, setError] = useState(null);
-  const [processingType, setProcessingType] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserApi(client);
-  }, [client]);
-  const unbind = useCallback(
-    async (snsId, type) => {
-      if (!api) {
-        const err = new Error("TaskOn client not initialized");
-        setError(err);
-        onUnbindError == null ? void 0 : onUnbindError(err);
-        return false;
-      }
-      setProcessingType(type);
-      setUnbindStatus("loading");
-      setError(null);
-      try {
-        const result = await api.unbindSNS({
-          sns_id: snsId,
-          sns_type: type
-        });
-        if (result) {
-          await refreshUserInfo();
-          setUnbindStatus("success");
-          onUnbindSuccess == null ? void 0 : onUnbindSuccess();
-          return true;
-        } else {
-          const err = new Error("Unbind failed");
-          setUnbindStatus("error");
-          setError(err);
-          onUnbindError == null ? void 0 : onUnbindError(err);
-          return false;
-        }
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Unbind failed");
-        setUnbindStatus("error");
-        setError(error2);
-        onUnbindError == null ? void 0 : onUnbindError(error2);
-        return false;
-      } finally {
-        setProcessingType(null);
-      }
-    },
-    [api, refreshUserInfo, onUnbindSuccess, onUnbindError]
-  );
-  const reset = useCallback(() => {
-    setUnbindStatus("idle");
-    setError(null);
-    setProcessingType(null);
-  }, []);
-  return {
-    unbindStatus,
-    error,
-    processingType,
-    unbind,
-    reset
-  };
-}
-const COUNTDOWN_SECONDS = 60;
-const EMAIL_REGEX$1 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-const SNS_BIND_DUPLICATE_ERROR = 10016;
-const INVALID_EMAIL_VERIFY_CODE = 10017;
-function useBindEmail(options = {}) {
-  const { onSendCodeSuccess, onSendCodeError, onBindSuccess, onBindError } = options;
-  const { client, refreshUserInfo } = useTaskOnContext();
-  const [status, setStatus] = useState("idle");
-  const [countdown, setCountdown] = useState(0);
-  const [error, setError] = useState(null);
-  const [isEmailDuplicate, setIsEmailDuplicate] = useState(false);
-  const [isCodeInvalid, setIsCodeInvalid] = useState(false);
-  const [email, setEmail] = useState("");
-  const countdownTimerRef = useRef(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserApi(client);
-  }, [client]);
-  const startCountdown = useCallback(() => {
-    setCountdown(COUNTDOWN_SECONDS);
-    countdownTimerRef.current = setInterval(() => {
-      setCountdown((prev) => {
-        if (prev <= 1) {
-          if (countdownTimerRef.current) {
-            clearInterval(countdownTimerRef.current);
-            countdownTimerRef.current = null;
-          }
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-  }, []);
-  const stopCountdown = useCallback(() => {
-    if (countdownTimerRef.current) {
-      clearInterval(countdownTimerRef.current);
-      countdownTimerRef.current = null;
-    }
-    setCountdown(0);
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (countdownTimerRef.current) {
-        clearInterval(countdownTimerRef.current);
-      }
-    };
-  }, []);
-  const open = useCallback(() => {
-    setStatus("inputEmail");
-    setError(null);
-    setIsEmailDuplicate(false);
-    setIsCodeInvalid(false);
-  }, []);
-  const close = useCallback(() => {
-    setStatus("idle");
-    setError(null);
-    setIsEmailDuplicate(false);
-    setIsCodeInvalid(false);
-    setEmail("");
-    stopCountdown();
-  }, [stopCountdown]);
-  const clearError = useCallback(() => {
-    setError(null);
-    setIsEmailDuplicate(false);
-    setIsCodeInvalid(false);
-  }, []);
-  const sendCode = useCallback(
-    async (emailAddress) => {
-      if (!api) {
-        const err = new Error("TaskOn client not initialized");
-        setError(err);
-        onSendCodeError == null ? void 0 : onSendCodeError(err);
-        return false;
-      }
-      if (!EMAIL_REGEX$1.test(emailAddress)) {
-        const err = new Error("Invalid email format");
-        setError(err);
-        onSendCodeError == null ? void 0 : onSendCodeError(err);
-        return false;
-      }
-      setStatus("sendingCode");
-      setError(null);
-      setIsEmailDuplicate(false);
-      try {
-        const result = await api.requestEmailVerifyCode({
-          email: emailAddress,
-          type: VerifyCodeType.Bind
-        });
-        if (result) {
-          setStatus("inputCode");
-          setEmail(emailAddress);
-          startCountdown();
-          onSendCodeSuccess == null ? void 0 : onSendCodeSuccess();
-          return true;
-        } else {
-          const err = new Error("Failed to send verification code");
-          setStatus("inputEmail");
-          setError(err);
-          onSendCodeError == null ? void 0 : onSendCodeError(err);
-          return false;
-        }
-      } catch (err) {
-        const error2 = err;
-        if (error2.code === SNS_BIND_DUPLICATE_ERROR) {
-          setIsEmailDuplicate(true);
-        }
-        setStatus("inputEmail");
-        setError(error2);
-        onSendCodeError == null ? void 0 : onSendCodeError(error2);
-        return false;
-      }
-    },
-    [api, onSendCodeSuccess, onSendCodeError, startCountdown]
-  );
-  const bind = useCallback(
-    async (emailAddress, code) => {
-      if (!api) {
-        const err = new Error("TaskOn client not initialized");
-        setError(err);
-        onBindError == null ? void 0 : onBindError(err);
-        return null;
-      }
-      setStatus("submitting");
-      setError(null);
-      setIsCodeInvalid(false);
-      try {
-        const result = await api.bindSNS({
-          sns_type: SnsType.Email,
-          token: code,
-          sns_user_name: emailAddress
-        });
-        if (result.result) {
-          await refreshUserInfo();
-          setStatus("success");
-          onBindSuccess == null ? void 0 : onBindSuccess(result);
-          return result;
-        } else {
-          const err = new Error("Email is already linked to another account");
-          setStatus("inputCode");
-          setError(err);
-          onBindError == null ? void 0 : onBindError(err);
-          return null;
-        }
-      } catch (err) {
-        const error2 = err;
-        if (error2.code === INVALID_EMAIL_VERIFY_CODE) {
-          setIsCodeInvalid(true);
-        }
-        setStatus("inputCode");
-        setError(error2);
-        onBindError == null ? void 0 : onBindError(error2);
-        return null;
-      }
-    },
-    [api, refreshUserInfo, onBindSuccess, onBindError]
-  );
-  const reset = useCallback(() => {
-    setStatus("idle");
-    setError(null);
-    setIsEmailDuplicate(false);
-    setIsCodeInvalid(false);
-    setEmail("");
-    stopCountdown();
-  }, [stopCountdown]);
-  return {
-    status,
-    countdown,
-    error,
-    isEmailDuplicate,
-    isCodeInvalid,
-    email,
-    open,
-    close,
-    setEmail,
-    sendCode,
-    bind,
-    reset,
-    clearError
-  };
-}
-function generateSignMessage(action, address, nonce) {
-  return `TaskOn ${action} wallet
-Address: ${address}
-Nonce: ${nonce}`;
-}
-function generateNonce() {
-  return `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`;
-}
-function useBindWallet(options = {}) {
-  const {
-    onBindSuccess,
-    onBindError,
-    onUnbindSuccess,
-    onUnbindError
-  } = options;
-  const { client, refreshUserInfo } = useTaskOnContext();
-  const {
-    connectEvm,
-    signEvmMessage,
-    evmAddress: connectedAddress,
-    isEvmConnected: isConnected
-  } = useWallet();
-  const [bindStatus, setBindStatus] = useState("idle");
-  const [unbindStatus, setUnbindStatus] = useState("idle");
-  const [error, setError] = useState(null);
-  const [processingChain, setProcessingChain] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserApi(client);
-  }, [client]);
-  const bind = useCallback(
-    async (chainType) => {
-      if (!api) {
-        const err = new Error("TaskOn client not initialized");
-        setError(err);
-        onBindError == null ? void 0 : onBindError(err);
-        return false;
-      }
-      setProcessingChain(chainType);
-      setBindStatus("connecting");
-      setError(null);
-      try {
-        let walletAddress = connectedAddress;
-        if (!isConnected || !walletAddress) {
-          setBindStatus("connecting");
-          const connectResult = await connectEvm();
-          if (!connectResult) {
-            throw new Error("Failed to connect wallet");
-          }
-          walletAddress = connectResult;
-        }
-        if (!walletAddress) {
-          throw new Error("No wallet address available");
-        }
-        const nonce = generateNonce();
-        const message = generateSignMessage("bind", walletAddress, nonce);
-        setBindStatus("signing");
-        const signature = await signEvmMessage(message);
-        if (!signature) {
-          throw new Error("Failed to sign message");
-        }
-        setBindStatus("submitting");
-        const result = await api.bindAddress({
-          chain_type: chainType,
-          address: walletAddress,
-          nonce,
-          sig: signature
-        });
-        if (result) {
-          await refreshUserInfo();
-          setBindStatus("success");
-          onBindSuccess == null ? void 0 : onBindSuccess();
-          return true;
-        } else {
-          throw new Error("Bind wallet failed");
-        }
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Bind wallet failed");
-        setBindStatus("error");
-        setError(error2);
-        onBindError == null ? void 0 : onBindError(error2);
-        return false;
-      } finally {
-        setProcessingChain(null);
-      }
-    },
-    [
-      api,
-      refreshUserInfo,
-      connectEvm,
-      signEvmMessage,
-      connectedAddress,
-      isConnected,
-      onBindSuccess,
-      onBindError
-    ]
-  );
-  const unbind = useCallback(
-    async (chainType, address) => {
-      if (!api) {
-        const err = new Error("TaskOn client not initialized");
-        setError(err);
-        onUnbindError == null ? void 0 : onUnbindError(err);
-        return false;
-      }
-      setProcessingChain(chainType);
-      setUnbindStatus("connecting");
-      setError(null);
-      try {
-        let walletAddress = connectedAddress;
-        if (!isConnected || !walletAddress) {
-          setUnbindStatus("connecting");
-          const connectResult = await connectEvm();
-          if (!connectResult) {
-            throw new Error("Failed to connect wallet");
-          }
-          walletAddress = connectResult;
-        }
-        if ((walletAddress == null ? void 0 : walletAddress.toLowerCase()) !== address.toLowerCase()) {
-          throw new Error(
-            "Connected wallet address does not match the address to unbind. Please connect the correct wallet."
-          );
-        }
-        const nonce = generateNonce();
-        const message = generateSignMessage("unbind", address, nonce);
-        setUnbindStatus("signing");
-        const signature = await signEvmMessage(message);
-        if (!signature) {
-          throw new Error("Failed to sign message");
-        }
-        setUnbindStatus("submitting");
-        const result = await api.unbindAddress({
-          chain_type: chainType,
-          address,
-          nonce,
-          sig: signature
-        });
-        if (result) {
-          await refreshUserInfo();
-          setUnbindStatus("success");
-          onUnbindSuccess == null ? void 0 : onUnbindSuccess();
-          return true;
-        } else {
-          throw new Error("Unbind wallet failed");
-        }
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Unbind wallet failed");
-        setUnbindStatus("error");
-        setError(error2);
-        onUnbindError == null ? void 0 : onUnbindError(error2);
-        return false;
-      } finally {
-        setProcessingChain(null);
-      }
-    },
-    [
-      api,
-      refreshUserInfo,
-      connectEvm,
-      signEvmMessage,
-      connectedAddress,
-      isConnected,
-      onUnbindSuccess,
-      onUnbindError
-    ]
-  );
-  const reset = useCallback(() => {
-    setBindStatus("idle");
-    setUnbindStatus("idle");
-    setError(null);
-    setProcessingChain(null);
-  }, []);
-  return {
-    bindStatus,
-    unbindStatus,
-    error,
-    processingChain,
-    bind,
-    unbind,
-    reset
-  };
-}
-const OAUTH_SNS_TYPES = ["Twitter", "Discord", "Telegram"];
-function useOAuthBindings(options = {}) {
-  const { onSuccess, onFailed } = options;
-  const {
-    bindIfNeed: bindTwitter,
-    isWaitingAuth: isTwitterBinding
-  } = useBindSocialAccount({
-    snsType: "Twitter",
-    onSuccess,
-    onFailed
-  });
-  const {
-    bindIfNeed: bindDiscord,
-    isWaitingAuth: isDiscordBinding
-  } = useBindSocialAccount({
-    snsType: "Discord",
-    onSuccess,
-    onFailed
-  });
-  const {
-    bindIfNeed: bindTelegram,
-    isWaitingAuth: isTelegramBinding
-  } = useBindSocialAccount({
-    snsType: "Telegram",
-    onSuccess,
-    onFailed
-  });
-  const bind = useCallback(
-    (snsType) => {
-      switch (snsType) {
-        case "Twitter":
-          bindTwitter();
-          break;
-        case "Discord":
-          bindDiscord();
-          break;
-        case "Telegram":
-          bindTelegram();
-          break;
-        default:
-          console.warn(`[useOAuthBindings] Unsupported snsType: ${snsType}`);
-      }
-    },
-    [bindTwitter, bindDiscord, bindTelegram]
-  );
-  const isBinding = useCallback(
-    (snsType) => {
-      switch (snsType.toLowerCase()) {
-        case "twitter":
-          return isTwitterBinding;
-        case "discord":
-          return isDiscordBinding;
-        case "telegram":
-          return isTelegramBinding;
-        default:
-          return false;
-      }
-    },
-    [isTwitterBinding, isDiscordBinding, isTelegramBinding]
-  );
-  const isOAuthSupported = useCallback((snsType) => {
-    return OAUTH_SNS_TYPES.includes(snsType);
-  }, []);
-  return {
-    bind,
-    isBinding,
-    isOAuthSupported
-  };
-}
-const UNBIND_COOLDOWN_MS = 24 * 60 * 60 * 1e3;
-const MIN_LOGIN_METHODS = 1;
-function isInCooldown(bindTime) {
-  const now = Date.now();
-  return now - bindTime < UNBIND_COOLDOWN_MS;
-}
-function getCooldownRemaining(bindTime) {
-  const now = Date.now();
-  const elapsed = now - bindTime;
-  const remaining = UNBIND_COOLDOWN_MS - elapsed;
-  return Math.max(0, remaining);
-}
-function formatCooldownTime(ms) {
-  const hours = Math.ceil(ms / (60 * 60 * 1e3));
-  if (hours <= 1) {
-    return "less than 1 hour";
-  }
-  return `${hours} hours`;
-}
-function useDisableUnlink() {
-  const { totalBoundCount } = useIdentityData();
-  const isLastLoginMethod = totalBoundCount <= MIN_LOGIN_METHODS;
-  const checkSocialUnlink = useMemo(() => {
-    return (account) => {
-      if (isLastLoginMethod) {
-        return {
-          disabled: true,
-          reason: "lastLoginMethod",
-          message: "Cannot unbind the last login method. You must keep at least one login method.",
-          cooldownRemaining: null,
-          needsKycWarning: false
-        };
-      }
-      const bindTimeMs = account.bind_time;
-      if (isInCooldown(bindTimeMs)) {
-        const remaining = getCooldownRemaining(bindTimeMs);
-        return {
-          disabled: true,
-          reason: "cooldown",
-          message: `Cannot unbind within 24 hours of binding. Please wait ${formatCooldownTime(remaining)}.`,
-          cooldownRemaining: remaining,
-          needsKycWarning: false
-        };
-      }
-      return {
-        disabled: false,
-        reason: null,
-        message: null,
-        cooldownRemaining: null,
-        needsKycWarning: false
-      };
-    };
-  }, [isLastLoginMethod]);
-  const checkWalletUnlink = useMemo(() => {
-    return (address, isKycVerified = false) => {
-      if (isLastLoginMethod) {
-        return {
-          disabled: true,
-          reason: "lastLoginMethod",
-          message: "Cannot unbind the last login method. You must keep at least one login method.",
-          cooldownRemaining: null,
-          needsKycWarning: false
-        };
-      }
-      const bindTimeMs = address.bind_time;
-      if (isInCooldown(bindTimeMs)) {
-        const remaining = getCooldownRemaining(bindTimeMs);
-        return {
-          disabled: true,
-          reason: "cooldown",
-          message: `Cannot unbind within 24 hours of binding. Please wait ${formatCooldownTime(remaining)}.`,
-          cooldownRemaining: remaining,
-          needsKycWarning: isKycVerified
-        };
-      }
-      if (isKycVerified) {
-        return {
-          disabled: false,
-          reason: "kycVerified",
-          message: "This address has been KYC verified. Unbinding will clear your KYC verification status.",
-          cooldownRemaining: null,
-          needsKycWarning: true
-        };
-      }
-      return {
-        disabled: false,
-        reason: null,
-        message: null,
-        cooldownRemaining: null,
-        needsKycWarning: false
-      };
-    };
-  }, [isLastLoginMethod]);
-  return {
-    checkSocialUnlink,
-    checkWalletUnlink,
-    totalBoundCount,
-    isLastLoginMethod
-  };
-}
-const twitterIcon = new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH3SURBVHgBzZeNkYIwEIXjVYAdcB1QAtcBVqBWcFoBdgBWgB1YAtcBJUAHlrCXxxEnEzaQIMi9mR0zIT+fSd4GhDBERLGMTEZN86uSUcgIhU3yYdABvEuYK+AgKnq/KgXz0bGkMiLxfkXd3GJDf/tVi3X1hRVJzdrz+Sw2mw0b2+1WNE0jXHU8Htt+u91uqFkiiDkbj8eDoigi2YCCIKAwDNtAGXVxHDsdgMvl0rZHX4w5oFrYnlRV9ZwYZQWIQVGX5zkNCc8VRF3XNCYx9DDLst4/0gHLsmT7oV6tpgvEKAiEbcCgp9NpEFAJEyvQ+/1OrhoFsQ3MAaKt2ro0TclHoyAQAMylNgH18+ML4QwC4Z+bjtEBkyRpy/idImcQm2MUoKNNXweBdDdwlkbemCovEEg5BglPt7QJuDgI5GvpxUDUFplJjQNcDEQ/E+YK6Ja2Zd3ZQHSb7vf7nmWLopi0RV4g5m1qszQHOBuIDqFfZNwF53NLe4FwKV6XSmqw9BDgSyCut6l6kdIdwwFOAvG5TW2O4QC9QKbcplxSc7W0FWTqbaqSGveuO2RpgNRmpcdLb09orybm4nA4cN0qfNfkssG3WFc3gMSyUIp19fkhP35+ZOEq1tNVMjRtif7BR/hTHYxbPp5HeQ/CAApl3GiZFao7gNic9xdG16HkLDPmwQAAAABJRU5ErkJggg==", import.meta.url).href;
-const discordIcon = new URL("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20y='0.187012'%20width='24'%20height='24.2243'%20rx='8'%20fill='%237870FF'/%3e%3cpath%20d='M18.7627%206.96988C16.7288%205.45184%2014.7966%205.34341%2014.4915%205.34341L14.2881%205.56027C16.6271%206.21086%2017.9492%207.4036%2018.0508%207.51203C14.3898%205.56027%2010.322%205.45184%206.66102%206.96988C6.15254%207.18674%205.84746%207.4036%205.74576%207.4036C5.94915%207.29517%207.16949%206.10243%209.71186%205.45184L9.50847%205.23498C9.50847%205.23498%207.47458%205.12655%205.23729%206.86145C5.23729%206.86145%203%2010.8734%203%2015.9697C3%2015.9697%204.32203%2018.2467%207.67797%2018.3551C7.67797%2018.3551%208.18644%2017.7046%208.69492%2017.054C6.9661%2016.5118%206.15254%2015.3191%206.05085%2015.2106L6.66102%2015.5359C8.49153%2016.2949%2010.4237%2017.3793%2013.9831%2016.7287C14.6949%2016.6202%2015.5085%2016.4034%2016.2203%2016.0781C16.7288%2015.7528%2017.339%2015.5359%2017.9492%2015.1022C17.8475%2015.2106%2017.0339%2016.4034%2015.2034%2016.9455C15.6102%2017.5961%2016.2203%2018.2467%2016.2203%2018.2467C19.678%2018.1383%2021%2015.8612%2021%2016.0781C21%2011.0903%2018.7627%206.96988%2018.7627%206.96988ZM9.20339%2014.3432C8.38983%2014.3432%207.67797%2013.5842%207.67797%2012.6083C7.67797%2011.6324%208.38983%2010.8734%209.20339%2010.8734C10.0169%2010.8734%2010.7288%2011.7408%2010.7288%2012.6083C10.7288%2013.5842%2010.0169%2014.3432%209.20339%2014.3432ZM14.7966%2014.3432C13.9831%2014.3432%2013.2712%2013.5842%2013.2712%2012.6083C13.2712%2011.6324%2013.9831%2010.8734%2014.7966%2010.8734C15.7119%2010.8734%2016.4237%2011.7408%2016.4237%2012.6083C16.4237%2013.5842%2015.7119%2014.3432%2014.7966%2014.3432Z'%20fill='white'/%3e%3c/svg%3e", import.meta.url).href;
-const telegramIcon = new URL("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20y='0.000396729'%20width='24'%20height='24'%20rx='8'%20fill='%2354AEFF'/%3e%3cpath%20d='M18.9513%206.24633L16.5438%2017.617C16.377%2018.424%2015.8902%2018.6174%2015.21%2018.2439L11.542%2015.5296L9.76804%2017.2435C9.56797%2017.4436%209.40125%2017.617%209.03445%2017.617C8.55428%2017.617%208.63431%2017.4369%208.47425%2016.9835L7.20714%2012.8553L3.57252%2011.7216C2.78558%2011.4882%202.77891%2010.948%203.74592%2010.5545L17.9243%205.08592C18.5711%204.79915%2019.1914%205.24598%2018.9446%206.23966L18.9513%206.24633Z'%20fill='white'/%3e%3c/svg%3e", import.meta.url).href;
-const redditIcon = new URL("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%2048098228'%3e%3crect%20id='Rectangle%206202'%20y='0.000488281'%20width='24'%20height='24'%20rx='8'%20fill='%23FF4500'/%3e%3cpath%20id='Vector'%20d='M20.0319%2012.242C20.0319%2011.2761%2019.2031%2010.4913%2018.185%2010.4913C17.7441%2010.4913%2017.3313%2010.6436%2016.9987%2010.9114L16.9658%2010.9306C15.7642%2010.2012%2014.1714%209.73623%2012.4103%209.67371L13.4612%206.83847L16.0864%207.43325C16.0881%208.22042%2016.763%208.86009%2017.5934%208.86009C18.4255%208.86009%2019.102%208.21882%2019.102%207.43005C19.102%206.64128%2018.4255%206%2017.5951%206C16.9626%206%2016.4231%206.37034%2016.1995%206.89298L13.0893%206.18837L11.7987%209.6673C9.96066%209.69936%208.29575%2010.1707%207.05007%2010.9242C6.71195%2010.6442%206.28667%2010.4911%205.84768%2010.4913C4.82725%2010.4905%204%2011.2761%204%2012.2412C4%2012.8384%204.32465%2013.3899%204.8521%2013.7113C4.82003%2013.8853%204.79919%2014.0616%204.79919%2014.2412C4.79919%2016.7694%208.03042%2018.8255%2012.0015%2018.8255C15.9734%2018.8255%2019.2055%2016.7694%2019.2055%2014.242C19.2055%2014.0681%2019.187%2013.8965%2019.1566%2013.7274C19.6968%2013.4083%2020.0319%2012.8488%2020.0319%2012.242ZM14.4512%2014.5089C13.8243%2014.5089%2013.3169%2014.028%2013.3169%2013.4332C13.3169%2012.8392%2013.8243%2012.3575%2014.4512%2012.3575C15.078%2012.3575%2015.5863%2012.8384%2015.5863%2013.4332C15.5863%2014.028%2015.0772%2014.5089%2014.4512%2014.5089ZM14.6764%2016.3438C14.6428%2016.3758%2013.8292%2017.1614%2011.9887%2017.1614C10.1386%2017.1614%209.39954%2016.3662%209.36748%2016.3318C9.3428%2016.3048%209.32396%2016.273%209.31214%2016.2384C9.30032%2016.2039%209.29577%2016.1672%209.29878%2016.1308C9.30179%2016.0943%209.3123%2016.0589%209.32964%2016.0268C9.34697%2015.9946%209.37078%2015.9663%209.39954%2015.9438C9.45882%2015.8964%209.53372%2015.873%209.60941%2015.8782C9.68511%2015.8834%209.7561%2015.9168%209.80836%2015.9718C9.82439%2015.9895%2010.4416%2016.6131%2011.9887%2016.6131C13.5622%2016.6131%2014.2524%2015.9678%2014.2596%2015.9614C14.3147%2015.9094%2014.3873%2015.88%2014.4631%2015.8791C14.5388%2015.8782%2014.6122%2015.9059%2014.6684%2015.9566C14.6955%2015.9808%2014.7174%2016.0103%2014.7325%2016.0433C14.7477%2016.0763%2014.756%2016.1121%2014.7567%2016.1485C14.7575%2016.1848%2014.7507%2016.2209%2014.7369%2016.2545C14.7231%2016.2881%2014.7025%2016.3185%2014.6764%2016.3438ZM8.57871%2013.4332C8.57871%2012.8392%209.08612%2012.3575%209.71457%2012.3575C10.3398%2012.3575%2010.8488%2012.8384%2010.8488%2013.4332C10.8488%2014.028%2010.3398%2014.5089%209.71457%2014.5089C9.08692%2014.5089%208.57871%2014.028%208.57871%2013.4332Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", import.meta.url).href;
-const emailIcon = new URL("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24.2243'%20rx='8'%20fill='%23DD9F00'/%3e%3cpath%20d='M5.14286%2015.2063L9.41607%2012L4%207.93687V16.0612L4.89286%2015.3919L5.14286%2015.2063ZM12%2012.4631L18.8571%207.32L19.8393%206.585C19.6393%206.23437%2019.275%206%2018.8571%206H5.14286C4.75893%206%204.41964%206.19875%204.2125%206.5025L5.14286%207.32L12%2012.4631ZM13.6%2012.7369L12%2013.9369L10.4%2012.7369L5.14286%2016.68L4.89286%2016.8956L4.20536%2017.4862C4.41071%2017.7975%204.75536%2018%205.14286%2018H18.8571C19.2768%2018%2019.6429%2017.7638%2019.8411%2017.4113L18.8571%2016.68L13.6%2012.7369ZM14.5821%2012L20%2016.0631V7.93687L14.5821%2012Z'%20fill='white'/%3e%3c/svg%3e", import.meta.url).href;
-const SOCIAL_ICONS = {
-  [SnsType.Twitter]: twitterIcon,
-  [SnsType.Discord]: discordIcon,
-  [SnsType.Telegram]: telegramIcon,
-  [SnsType.Reddit]: redditIcon,
-  [SnsType.Email]: emailIcon
-};
-function SocialIcon({
-  type,
-  size = 24,
-  className = ""
-}) {
-  const iconSrc = SOCIAL_ICONS[type];
-  if (iconSrc) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: iconSrc,
-        alt: type,
-        width: size,
-        height: size,
-        className: `taskon-social-icon ${className}`,
-        style: { objectFit: "contain" }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      style: { color: "var(--taskon-color-text-secondary)" },
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1ZM8 13h8v-2H8v2Zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-function ChainIcon({ chain }) {
-  if (chain === "evm") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 4L6 12L12 9.5V4Z", fill: "#343434" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 4L18 12L12 9.5V4Z", fill: "#8C8C8C" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 16.5L6 12L12 14.5V16.5Z", fill: "#3C3C3B" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 16.5L18 12L12 14.5V16.5Z", fill: "#8C8C8C" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17.5L6 13L12 20V17.5Z", fill: "#141414" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17.5L18 13L12 20V17.5Z", fill: "#393939" })
-    ] });
-  }
-  if (chain === "sui") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#4DA2FF" }),
-      /* @__PURE__ */ jsx("path", { d: "M16.5 8.5C15.5 7.5 14 7 12.5 7.5C11 8 10 9 9.5 10.5C9 12 9 13.5 9.5 15C10 16.5 11 17.5 12.5 18C14 18.5 15.5 18 16.5 17", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "white" })
-    ] });
-  }
-  if (chain === "solana") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "black" }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "solana-grad", x1: "4", y1: "20", x2: "20", y2: "4", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#9945FF" }),
-        /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#14F195" }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#00D1FF" })
-      ] }) }),
-      /* @__PURE__ */ jsx("path", { d: "M6 15.5L8.5 13H18L15.5 15.5H6Z", fill: "url(#solana-grad)" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 8.5L8.5 11H18L15.5 8.5H6Z", fill: "url(#solana-grad)" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 12L8.5 9.5H18L15.5 12H6Z", fill: "url(#solana-grad)" })
-    ] });
-  }
-  if (chain === "starknet") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#EC796B" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 6L8 10L12 8L16 10L12 6Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 10L12 14L8 12V10Z", fill: "white", fillOpacity: "0.6" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 10L12 14L16 12V10Z", fill: "white", fillOpacity: "0.8" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 14L8 12L12 18L16 12L12 14Z", fill: "white" })
-    ] });
-  }
-  if (chain === "aptos") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 8H14L12 12L10 8H8L11 14H9V16H15V14H13L16 8Z", fill: "black" })
-    ] });
-  }
-  if (chain === "btc") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#F7931A" }),
-      /* @__PURE__ */ jsx("path", { d: "M15.5 10.5C15.5 8.5 14 8 12 8V6H11V8H10V6H9V8H7V10H8.5V14H7V16H9V18H10V16H11V18H12V16C14.5 16 16 15 16 13C16 11.5 15 11 15.5 10.5ZM10 10H12C13 10 13.5 10.5 13.5 11C13.5 11.5 13 12 12 12H10V10ZM12.5 14H10V12H12.5C13.5 12 14 12.5 14 13C14 13.5 13.5 14 12.5 14Z", fill: "white" })
-    ] });
-  }
-  if (chain === "tron") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#FF0013" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 7L12 19L17 7H7Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 9L12 16L15 9H9Z", fill: "#FF0013" })
-    ] });
-  }
-  if (chain === "ton") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#0088CC" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 6L6 18H10L12 14L14 18H18L12 6Z", fill: "white" })
-    ] });
-  }
-  if (chain === "nibiru") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#1E1E2F" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", stroke: "#7B68EE", strokeWidth: "2" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#7B68EE" })
-    ] });
-  }
-  if (chain === "kaspa") {
-    return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#49EACB" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 8L12 12L8 16M12 12L16 8M12 12L16 16", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#4B5563" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 6C8.69 6 6 8.69 6 12s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z", fill: "white" })
-  ] });
-}
-function EvmChainIcons() {
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-network-chain-icons", children: [
-    /* @__PURE__ */ jsx(ChainIcon, { chain: "evm" }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#213147" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 6L16.5 12L12 18L7.5 12L12 6Z", fill: "#28A0F0" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 6L7.5 12L12 14.5V6Z", fill: "white" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
-      /* @__PURE__ */ jsx("path", { d: "M15.5 9L12 7L8.5 9V13L12 15L15.5 13V9Z", stroke: "white", strokeWidth: "1.5" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 11L15.5 9M12 11L8.5 9M12 11V15", stroke: "white", strokeWidth: "1.5" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#F3BA2F" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 7L9.5 9.5L10.5 10.5L12 9L13.5 10.5L14.5 9.5L12 7Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 12L8 11L9 12L8 13L7 12Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 12L16 11L15 12L16 13L17 12Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17L14.5 14.5L13.5 13.5L12 15L10.5 13.5L9.5 14.5L12 17Z", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 11L11 12L12 13L13 12L12 11Z", fill: "white" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#FF0420" }),
-      /* @__PURE__ */ jsx("circle", { cx: "10", cy: "12", r: "3", fill: "white" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 9H17V10.5H15V11.5H17V13H15V15H14V9Z", fill: "white" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#E84142" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 16L12 8L16 16H13L12 14L11 16H8Z", fill: "white" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#0052FF" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", stroke: "white", strokeWidth: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 9V12H15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
-    ] }),
-    /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "8", fill: "#121212" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 17V7H9V15H17V17H7Z", fill: "white" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-network-chain-icons__more", children: /* @__PURE__ */ jsxs("svg", { width: "12", height: "3", viewBox: "0 0 12 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "1.5", cy: "1.5", r: "1.5", fill: "#666" }),
-      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "1.5", r: "1.5", fill: "#666" }),
-      /* @__PURE__ */ jsx("circle", { cx: "10.5", cy: "1.5", r: "1.5", fill: "#666" })
-    ] }) })
-  ] });
-}
-function ArrowButton({
-  onClick,
-  disabled,
-  isLoading,
-  title
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: "taskon-identity-social-btn",
-      onClick,
-      disabled: disabled || isLoading,
-      title,
-      children: isLoading ? /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-btn__spinner" }) : /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx("path", { d: "M10.8225 4.44751L15.375 9.00001L10.8225 13.5525", stroke: "currentColor", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
-        /* @__PURE__ */ jsx("path", { d: "M2.625 9H15.2475", stroke: "currentColor", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })
-      ] })
-    }
-  );
-}
-function CopyButton({
-  text,
-  copyLabel,
-  copiedLabel
-}) {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = useCallback(() => {
-    navigator.clipboard.writeText(text).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  }, [text]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: "taskon-network-copy-btn",
-      onClick: handleCopy,
-      title: copied ? copiedLabel : copyLabel,
-      "aria-label": copied ? copiedLabel : copyLabel,
-      children: copied ? (
-        // 复制成功图标（勾选）
-        /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M3 7L6 10L11 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-      ) : (
-        // 复制图标
-        /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
-          /* @__PURE__ */ jsx("path", { d: "M2 10V3C2 2.44772 2.44772 2 3 2H10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
-        ] })
-      )
-    }
-  );
-}
-function SocialAccountItem({
-  data,
-  onBind,
-  onUnbind,
-  isLoading,
-  disabled,
-  disabledReason,
-  messages
-}) {
-  const displayText = data.isBound && data.account ? data.account.sns_user_name : messages.link_platform_account.replace("{platform}", data.snsType);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `taskon-identity-social-item ${data.isBound ? "taskon-identity-social-item--bound" : ""} ${data.isBound && disabled ? "taskon-identity-social-item--unlink-disabled" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "taskon-identity-social-item__content", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-identity-social-item__icon", children: /* @__PURE__ */ jsx(SocialIcon, { type: data.snsType }) }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-identity-social-item__text", children: data.isBound && data.profileUrl ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: data.profileUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "taskon-identity-social-item__link",
-              children: displayText
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-item__name", children: displayText }) })
-        ] }),
-        data.isBound ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-item__linked", children: messages.linked }),
-          !disabled && /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "taskon-identity-social-item__unlink-btn",
-              onClick: onUnbind,
-              disabled: isLoading,
-              "aria-label": messages.unbind,
-              children: isLoading ? /* @__PURE__ */ jsx("span", { className: "taskon-identity-social-btn__spinner" }) : /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M11 3L3 11M3 3L11 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-            }
-          )
-        ] }) : (
-          /* 未绑定状态：显示箭头按钮 */
-          /* @__PURE__ */ jsx(
-            ArrowButton,
-            {
-              onClick: onBind,
-              disabled: false,
-              isLoading
-            }
-          )
-        )
-      ]
-    }
-  );
-}
-function WalletItem({
-  data,
-  addresses,
-  onBind,
-  onUnbind,
-  isLoading,
-  disabled,
-  disabledReason,
-  messages
-}) {
-  const name = getChainName(data.coreChainType);
-  const isEvm = data.coreChainType === "evm";
-  if (isEvm && addresses && addresses.length > 0) {
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--multi", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: messages.evm_chain }) }),
-      /* @__PURE__ */ jsx(EvmChainIcons, {}),
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__addresses", children: addresses.map((addr, index) => {
-        var _a, _b, _c;
-        return /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row", children: [
-          /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row__left", children: [
-            /* @__PURE__ */ jsx("span", { className: `taskon-network-address-row__addr ${!addr.isPrimary ? "taskon-network-address-row__addr--secondary" : ""}`, children: truncateAddress(((_a = addr.address) == null ? void 0 : _a.address) ?? "") }),
-            /* @__PURE__ */ jsx(
-              CopyButton,
-              {
-                text: ((_b = addr.address) == null ? void 0 : _b.address) ?? "",
-                copyLabel: messages.copy,
-                copiedLabel: messages.copied
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-network-address-row__divider" }),
-          /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-row__right", children: [
-            /* @__PURE__ */ jsx("span", { className: `taskon-network-address-row__type ${addr.isPrimary ? "taskon-network-address-row__type--primary" : "taskon-network-address-row__type--secondary"}`, children: addr.isPrimary ? messages.primary_address : messages.secondary_address }),
-            /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "taskon-network-address-row__edit", children: [
-              /* @__PURE__ */ jsx("path", { d: "M2 12H4L10.5 5.5L8.5 3.5L2 10V12Z", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-              /* @__PURE__ */ jsx("path", { d: "M8.5 3.5L10.5 5.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "taskon-network-unbind-badge",
-              onClick: () => {
-                var _a2;
-                return onUnbind((_a2 = addr.address) == null ? void 0 : _a2.address);
-              },
-              disabled: isLoading || disabled,
-              title: disabledReason,
-              children: messages.unbind
-            }
-          )
-        ] }, ((_c = addr.address) == null ? void 0 : _c.address) ?? index);
-      }) })
-    ] });
-  }
-  if (isEvm && !data.isBound) {
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--multi", children: [
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: messages.evm_chain }) }),
-      /* @__PURE__ */ jsx(EvmChainIcons, {}),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "taskon-network-connect-btn",
-          onClick: onBind,
-          disabled: isLoading,
-          children: isLoading ? messages.loading : messages.connect_wallet
-        }
-      )
-    ] });
-  }
-  if (data.isBound && data.address) {
-    return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--single", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "taskon-network-unbind-badge taskon-network-unbind-badge--corner",
-          onClick: () => onUnbind(),
-          disabled: isLoading || disabled,
-          title: disabledReason,
-          children: messages.unbind
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: name }) }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-network-card__chain-icon", children: /* @__PURE__ */ jsx(ChainIcon, { chain: data.coreChainType }) }),
-      /* @__PURE__ */ jsxs("div", { className: "taskon-network-address-input", children: [
-        /* @__PURE__ */ jsx("span", { className: "taskon-network-address-input__text", children: truncateAddress(data.address.address) }),
-        /* @__PURE__ */ jsx(
-          CopyButton,
-          {
-            text: data.address.address,
-            copyLabel: messages.copy,
-            copiedLabel: messages.copied
-          }
-        )
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-network-card taskon-network-card--single", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-network-card__header", children: /* @__PURE__ */ jsx("span", { className: "taskon-network-card__label", children: name }) }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-network-card__chain-icon", children: /* @__PURE__ */ jsx(ChainIcon, { chain: data.coreChainType }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: "taskon-network-connect-btn",
-        onClick: onBind,
-        disabled: isLoading,
-        children: isLoading ? messages.loading : messages.connect_wallet
-      }
-    )
-  ] });
-}
-function WarningIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12 9V13M12 17H12.01M10.29 3.86L1.82 18C1.64 18.3 1.55 18.65 1.55 19C1.56 19.35 1.65 19.69 1.82 20C2 20.3 2.25 20.56 2.55 20.73C2.85 20.91 3.19 21 3.54 21H20.46C20.81 21 21.15 20.91 21.45 20.73C21.75 20.56 22 20.3 22.18 20C22.35 19.69 22.44 19.35 22.45 19C22.45 18.65 22.36 18.3 22.18 18L13.71 3.86C13.53 3.56 13.28 3.32 12.98 3.15C12.68 2.98 12.34 2.89 12 2.89C11.66 2.89 11.32 2.98 11.02 3.15C10.72 3.32 10.47 3.56 10.29 3.86Z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-function ConfirmUnlinkDialog({
-  open,
-  onOpenChange,
-  onConfirm,
-  onCancel,
-  loading = false,
-  messages
-}) {
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange,
-      title: messages.confirm_unbind,
-      showCloseButton: false,
-      maxWidth: 400,
-      children: /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink", children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-confirm-unlink__icon", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink__text", children: [
-          /* @__PURE__ */ jsx("h4", { className: "taskon-confirm-unlink__title", children: messages.confirm_unbind }),
-          /* @__PURE__ */ jsx("p", { className: "taskon-confirm-unlink__description", children: messages.unbind_warning })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-confirm-unlink__actions", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "taskon-confirm-unlink__btn taskon-confirm-unlink__btn--cancel",
-              onClick: onCancel,
-              disabled: loading,
-              children: messages.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: "taskon-confirm-unlink__btn taskon-confirm-unlink__btn--confirm",
-              onClick: onConfirm,
-              disabled: loading,
-              children: loading ? messages.unbinding : messages.confirm
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-function SocialAccountsSection({
-  accounts,
-  onBind,
-  onUnbind,
-  isProcessing,
-  checkUnlink,
-  onShowWarning
-}) {
-  const { messages } = useUserCenterLocale();
-  if (accounts.length === 0) {
-    return null;
-  }
-  const [confirmTarget, setConfirmTarget] = useState(
-    null
-  );
-  const showConfirm = confirmTarget !== null;
-  const handleBind = useCallback(
-    (account) => {
-      onBind(account.snsType);
-    },
-    [onBind]
-  );
-  const handleUnbind = useCallback(
-    (account) => {
-      if (!account.account) return;
-      const check = checkUnlink(account.account);
-      if (check.disabled) {
-        onShowWarning(check.message ?? messages.unbind_failed);
-        return;
-      }
-      setConfirmTarget(account);
-    },
-    [checkUnlink, onShowWarning, messages]
-  );
-  const handleConfirmUnbind = useCallback(() => {
-    if (!(confirmTarget == null ? void 0 : confirmTarget.account)) return;
-    onUnbind(confirmTarget.account.sns_id, confirmTarget.snsType);
-    setConfirmTarget(null);
-  }, [confirmTarget, onUnbind]);
-  return /* @__PURE__ */ jsxs("section", { className: "taskon-identity-social-section", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-identity-social-section__title", children: messages.social_accounts }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-identity-social-grid", children: accounts.map((account) => {
-      const check = account.account ? checkUnlink(account.account) : { disabled: false, message: null };
-      return /* @__PURE__ */ jsx(
-        SocialAccountItem,
-        {
-          data: account,
-          onBind: () => handleBind(account),
-          onUnbind: () => handleUnbind(account),
-          isLoading: isProcessing(account.snsType),
-          disabled: check.disabled,
-          disabledReason: check.message ?? void 0,
-          messages
-        },
-        account.snsType
-      );
-    }) }),
-    /* @__PURE__ */ jsx(
-      ConfirmUnlinkDialog,
-      {
-        open: showConfirm,
-        onOpenChange: (open) => {
-          if (!open) setConfirmTarget(null);
-        },
-        onConfirm: handleConfirmUnbind,
-        onCancel: () => setConfirmTarget(null),
-        loading: confirmTarget ? isProcessing(confirmTarget.snsType) : false,
-        messages
-      }
-    )
-  ] });
-}
-function WalletsSection({
-  wallets,
-  rawAddresses,
-  onBind,
-  onUnbind,
-  isProcessing,
-  checkUnlink,
-  onShowWarning,
-  onShowInfo
-}) {
-  const { messages } = useUserCenterLocale();
-  if (wallets.length === 0) {
-    return null;
-  }
-  const evmAddresses = useMemo(() => {
-    return rawAddresses.filter((addr) => addr.chain_type === "evm").map((addr) => ({
-      chainType: "EVM",
-      // UserCenterChainType.EVM
-      coreChainType: "evm",
-      isBound: true,
-      address: addr,
-      isPrimary: addr.is_primary ?? false,
-      isKycVerified: void 0
-    }));
-  }, [rawAddresses]);
-  const [confirmTarget, setConfirmTarget] = useState(null);
-  const showConfirm = confirmTarget !== null;
-  const handleBind = useCallback(
-    (wallet) => {
-      onBind(wallet.coreChainType);
-    },
-    [onBind]
-  );
-  const handleUnbind = useCallback(
-    (wallet, specificAddress) => {
-      var _a;
-      const addressToUnbind = specificAddress ?? ((_a = wallet.address) == null ? void 0 : _a.address);
-      if (!addressToUnbind || !wallet.address) return;
-      const check = checkUnlink(wallet.address, wallet.isKycVerified);
-      if (check.disabled) {
-        onShowWarning(check.message ?? messages.unbind_failed);
-        return;
-      }
-      if (check.needsKycWarning) {
-        onShowInfo(messages.kyc_warning);
-      }
-      setConfirmTarget({ wallet, address: addressToUnbind });
-    },
-    [checkUnlink, onShowWarning, onShowInfo, messages]
-  );
-  const handleConfirmUnbind = useCallback(() => {
-    if (!confirmTarget) return;
-    onUnbind(confirmTarget.wallet.coreChainType, confirmTarget.address);
-    setConfirmTarget(null);
-  }, [confirmTarget, onUnbind]);
-  return /* @__PURE__ */ jsxs("section", { className: "taskon-network-section", children: [
-    /* @__PURE__ */ jsx("h3", { className: "taskon-network-section__title", children: messages.wallet_addresses }),
-    /* @__PURE__ */ jsx("div", { className: "taskon-network-grid", children: wallets.map((wallet) => {
-      const check = wallet.address ? checkUnlink(wallet.address, wallet.isKycVerified) : { disabled: false, message: null };
-      const isEvm = wallet.coreChainType === "evm";
-      return /* @__PURE__ */ jsx(
-        WalletItem,
-        {
-          data: wallet,
-          addresses: isEvm && evmAddresses.length > 0 ? evmAddresses : void 0,
-          onBind: () => handleBind(wallet),
-          onUnbind: (addr) => handleUnbind(wallet, addr),
-          isLoading: isProcessing(wallet.chainType),
-          disabled: check.disabled,
-          disabledReason: check.message ?? void 0,
-          messages
-        },
-        wallet.coreChainType
-      );
-    }) }),
-    /* @__PURE__ */ jsx(
-      ConfirmUnlinkDialog,
-      {
-        open: showConfirm,
-        onOpenChange: (open) => {
-          if (!open) setConfirmTarget(null);
-        },
-        onConfirm: handleConfirmUnbind,
-        onCancel: () => setConfirmTarget(null),
-        loading: confirmTarget ? isProcessing(confirmTarget.wallet.chainType) : false,
-        messages
-      }
-    )
-  ] });
-}
-const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function EmailBindDialog({
-  visible,
-  status,
-  countdown,
-  isEmailDuplicate,
-  isCodeInvalid,
-  messages,
-  onClose,
-  onSendCode,
-  onBind,
-  onClearError
-}) {
-  const [email, setEmail] = useState("");
-  const [code, setCode] = useState("");
-  const isEmailValid = useMemo(() => EMAIL_REGEX.test(email), [email]);
-  const isCodeValid = useMemo(() => code.length >= 4, [code]);
-  const isSending = status === "sendingCode";
-  const isSubmitting = status === "submitting";
-  const showCodeInput = status === "inputCode" || status === "submitting" || status === "success";
-  const emailError = useMemo(() => {
-    if (isEmailDuplicate) {
-      return messages.email_already_linked;
-    }
-    if (email && !isEmailValid) {
-      return messages.please_enter_valid_email;
-    }
-    return void 0;
-  }, [isEmailDuplicate, email, isEmailValid, messages]);
-  const codeError = useMemo(() => {
-    if (isCodeInvalid) {
-      return messages.please_enter_valid_code;
-    }
-    return void 0;
-  }, [isCodeInvalid, messages]);
-  const handleEmailChange = useCallback(
-    (value) => {
-      setEmail(value);
-      onClearError();
-    },
-    [onClearError]
-  );
-  const handleCodeChange = useCallback(
-    (value) => {
-      const numericValue = value.replace(/[^0-9]/g, "").slice(0, 6);
-      setCode(numericValue);
-      onClearError();
-    },
-    [onClearError]
-  );
-  const handleSendCode = useCallback(async () => {
-    if (!isEmailValid || isSending) return;
-    await onSendCode(email);
-  }, [email, isEmailValid, isSending, onSendCode]);
-  const handleBind = useCallback(async () => {
-    if (!isEmailValid || !isCodeValid || isSubmitting) return;
-    const result = await onBind(email, code);
-    if (result == null ? void 0 : result.result) {
-      setEmail("");
-      setCode("");
-      onClose();
-    }
-  }, [email, code, isEmailValid, isCodeValid, isSubmitting, onBind, onClose]);
-  const handleClose = useCallback(() => {
-    setEmail("");
-    setCode("");
-    onClose();
-  }, [onClose]);
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open: visible,
-      onOpenChange: (open) => {
-        if (!open) handleClose();
-      },
-      title: messages.link_email_account,
-      showCloseButton: true,
-      maxWidth: 400,
-      children: /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog", children: [
-        /* @__PURE__ */ jsx("h2", { className: "taskon-email-bind-dialog__title", children: messages.link_email_account }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog__field", children: [
-          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.email_address }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "email",
-              value: email,
-              onChange: handleEmailChange,
-              placeholder: messages.please_enter_email,
-              maxLength: 64,
-              disabled: showCodeInput,
-              error: emailError,
-              onBlur: () => setEmail(email.trim())
-            }
-          )
-        ] }),
-        showCodeInput && /* @__PURE__ */ jsxs("div", { className: "taskon-email-bind-dialog__field", children: [
-          /* @__PURE__ */ jsx("label", { className: "taskon-email-bind-dialog__label", children: messages.verification_code }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "text",
-              inputMode: "numeric",
-              value: code,
-              onChange: handleCodeChange,
-              placeholder: messages.please_enter_code,
-              maxLength: 6,
-              disabled: isSubmitting,
-              error: codeError,
-              rightSlot: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "small",
-                  disabled: countdown > 0 || isSending,
-                  loading: isSending,
-                  onClick: handleSendCode,
-                  children: countdown > 0 ? `${messages.resend_code} (${countdown}s)` : messages.resend_code
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-email-bind-dialog__actions", children: !showCodeInput ? (
-          /* 发送验证码按钮 */
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "primary",
-              size: "large",
-              disabled: !isEmailValid || isSending,
-              loading: isSending,
-              onClick: handleSendCode,
-              style: { width: "100%" },
-              children: messages.send_verification_code
-            }
-          )
-        ) : (
-          /* 确认绑定按钮 */
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "primary",
-              size: "large",
-              disabled: !isEmailValid || !isCodeValid || isSubmitting,
-              loading: isSubmitting,
-              onClick: handleBind,
-              style: { width: "100%" },
-              children: messages.confirm
-            }
-          )
-        ) })
-      ] })
-    }
-  );
-}
-function EmailSection({
-  emailAccount,
-  onUnbind,
-  isUnbinding,
-  checkUnlink,
-  onShowSuccess,
-  onShowError,
-  onShowWarning
-}) {
-  const { messages } = useUserCenterLocale();
-  const [dialogVisible, setDialogVisible] = useState(false);
-  const {
-    status: emailBindStatus,
-    countdown: emailCountdown,
-    isEmailDuplicate,
-    isCodeInvalid,
-    sendCode: sendEmailCode,
-    bind: bindEmail,
-    reset: resetEmailBind,
-    clearError: clearEmailError
-  } = useBindEmail({
-    onSendCodeSuccess: () => {
-      onShowSuccess(messages.send_code_success);
-    },
-    onSendCodeError: (error) => {
-      if (!error.message.includes("duplicate")) {
-        onShowError(messages.send_code_failed);
-      }
-    },
-    onBindSuccess: () => {
-      onShowSuccess(messages.bind_success);
-      setDialogVisible(false);
-    },
-    onBindError: () => {
-      onShowError(messages.bind_failed);
-    }
-  });
-  const handleBind = useCallback(() => {
-    setDialogVisible(true);
-  }, []);
-  const handleUnbind = useCallback(() => {
-    if (!emailAccount.account) return;
-    const check2 = checkUnlink(emailAccount.account);
-    if (check2.disabled) {
-      onShowWarning(check2.message ?? messages.unbind_failed);
-      return;
-    }
-    onUnbind(emailAccount.account.sns_id, "Email");
-  }, [emailAccount, checkUnlink, onUnbind, onShowWarning, messages]);
-  const handleDialogClose = useCallback(() => {
-    setDialogVisible(false);
-    resetEmailBind();
-  }, [resetEmailBind]);
-  const check = emailAccount.account ? checkUnlink(emailAccount.account) : { disabled: false, message: null };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("section", { className: "taskon-identity-email-section", children: [
-      /* @__PURE__ */ jsx("h3", { className: "taskon-identity-email-section__title", children: messages.email_address }),
-      /* @__PURE__ */ jsx("div", { className: "taskon-identity-email-card", children: /* @__PURE__ */ jsx(
-        SocialAccountItem,
-        {
-          data: emailAccount,
-          onBind: handleBind,
-          onUnbind: handleUnbind,
-          isLoading: isUnbinding,
-          disabled: check.disabled,
-          disabledReason: check.message ?? void 0,
-          messages
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      EmailBindDialog,
-      {
-        visible: dialogVisible,
-        status: emailBindStatus,
-        countdown: emailCountdown,
-        isEmailDuplicate,
-        isCodeInvalid,
-        messages,
-        onClose: handleDialogClose,
-        onSendCode: sendEmailCode,
-        onBind: bindEmail,
-        onClearError: clearEmailError
-      }
-    )
-  ] });
-}
-const USER_CENTER_WALLET_ACCOUNT_TYPE = String(SnsType.All).toLowerCase();
-const isWalletAccountType = (accountType) => accountType.toLowerCase() === USER_CENTER_WALLET_ACCOUNT_TYPE;
-function IdentityContent({
-  config
-}) {
-  var _a, _b, _c, _d;
-  const { t } = useUserCenterLocale();
-  const identityTab = config.find(
-    (t2) => t2.tab === "Identity"
-  );
-  const enabledAccounts = identityTab ? filterEnabledAccounts(identityTab) : [];
-  const enabledWallets = identityTab ? filterEnabledWallets(identityTab) : [];
-  const identityParams = identityTab && !Array.isArray(identityTab.params) ? identityTab.params : void 0;
-  const walletAccountOption = (_a = identityParams == null ? void 0 : identityParams.accountOptions) == null ? void 0 : _a.find(
-    (account) => isWalletAccountType(String(account.account))
-  );
-  const isWalletAccountEnabled = walletAccountOption ? walletAccountOption.enabled !== false : true;
-  const hasExplicitAccountConfig = (((_b = identityParams == null ? void 0 : identityParams.accountOptions) == null ? void 0 : _b.length) ?? 0) > 0;
-  const hasExplicitWalletConfig = (((_c = walletAccountOption == null ? void 0 : walletAccountOption.walletOptions) == null ? void 0 : _c.length) ?? 0) > 0 || (((_d = identityParams == null ? void 0 : identityParams.walletOptions) == null ? void 0 : _d.length) ?? 0) > 0;
-  const { socialAccounts, walletAddresses, rawAddresses, isLoaded } = useIdentityData();
-  const { checkSocialUnlink, checkWalletUnlink } = useDisableUnlink();
-  const { toast } = useToast();
-  const {
-    unbind: unbindSocial,
-    unbindStatus: socialUnbindStatus,
-    processingType: socialProcessingType
-  } = useUnbindSocial({
-    onUnbindSuccess: () => {
-      toast.success(t("unbind_success"));
-    },
-    onUnbindError: () => {
-      toast.error(t("unbind_failed"));
-    }
-  });
-  const {
-    bind: bindOAuth,
-    isBinding: isOAuthBinding,
-    isOAuthSupported
-  } = useOAuthBindings({
-    onSuccess: () => {
-      toast.success(t("bind_success"));
-    },
-    onFailed: (error) => {
-      toast.error(error || t("bind_failed"));
-    }
-  });
-  const {
-    bind: bindWallet,
-    unbind: unbindWallet,
-    bindStatus: walletBindStatus,
-    unbindStatus: walletUnbindStatus,
-    processingChain: walletProcessingChain
-  } = useBindWallet({
-    onBindSuccess: () => {
-      toast.success(t("bind_success"));
-    },
-    onUnbindSuccess: () => {
-      toast.success(t("unbind_success"));
-    },
-    onBindError: () => {
-      toast.error(t("bind_failed"));
-    },
-    onUnbindError: () => {
-      toast.error(t("unbind_failed"));
-    }
-  });
-  const enabledSocialAccountTypes = useMemo(() => {
-    return new Set(
-      enabledAccounts.filter((account) => !isWalletAccountType(String(account.account))).map((account) => String(account.account).toLowerCase())
-    );
-  }, [enabledAccounts]);
-  const enabledWalletChainTypes = useMemo(() => {
-    return new Set(
-      enabledWallets.map((wallet) => String(wallet.chain).toLowerCase())
-    );
-  }, [enabledWallets]);
-  const filteredSocialAccounts = useMemo(() => {
-    return socialAccounts.filter((account) => {
-      if (isWalletAccountType(String(account.snsType))) {
-        return false;
-      }
-      if (!hasExplicitAccountConfig) {
-        return true;
-      }
-      return enabledSocialAccountTypes.has(account.snsType.toLowerCase());
-    });
-  }, [socialAccounts, hasExplicitAccountConfig, enabledSocialAccountTypes]);
-  const filteredWalletAddresses = useMemo(() => {
-    if (!isWalletAccountEnabled) {
-      return [];
-    }
-    if (!hasExplicitWalletConfig) {
-      return walletAddresses;
-    }
-    return walletAddresses.filter((wallet) => {
-      return enabledWalletChainTypes.has(wallet.coreChainType.toLowerCase());
-    });
-  }, [
-    walletAddresses,
-    hasExplicitWalletConfig,
-    enabledWalletChainTypes,
-    isWalletAccountEnabled
-  ]);
-  const emailAccount = useMemo(() => {
-    return filteredSocialAccounts.find((a) => a.snsType === SnsType.Email);
-  }, [filteredSocialAccounts]);
-  const socialAccountsWithoutEmail = useMemo(() => {
-    return filteredSocialAccounts.filter((a) => a.snsType !== SnsType.Email);
-  }, [filteredSocialAccounts]);
-  const handleSocialBind = useCallback(
-    (snsType) => {
-      if (isOAuthSupported(snsType)) {
-        bindOAuth(snsType);
-        return;
-      }
-      toast.info(t("bind_social_todo"));
-    },
-    [bindOAuth, isOAuthSupported, toast, t]
-  );
-  const isSocialProcessing = useCallback(
-    (snsType) => {
-      if (isOAuthBinding(snsType)) return true;
-      return String(socialProcessingType).toLowerCase() === snsType.toLowerCase() && socialUnbindStatus === "loading";
-    },
-    [isOAuthBinding, socialProcessingType, socialUnbindStatus]
-  );
-  const handleWalletBind = useCallback(
-    (chainType) => {
-      bindWallet(chainType);
-    },
-    [bindWallet]
-  );
-  const handleWalletUnbind = useCallback(
-    (chainType, address) => {
-      unbindWallet(chainType, address);
-    },
-    [unbindWallet]
-  );
-  const isWalletProcessing = useCallback(
-    (chainType) => {
-      return String(walletProcessingChain) === String(chainType) && (walletBindStatus !== "idle" || walletUnbindStatus !== "idle");
-    },
-    [walletProcessingChain, walletBindStatus, walletUnbindStatus]
-  );
-  const isEmailUnbinding = useMemo(() => {
-    return socialProcessingType === SnsType.Email && socialUnbindStatus === "loading";
-  }, [socialProcessingType, socialUnbindStatus]);
-  if (!isLoaded) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-identity", children: /* @__PURE__ */ jsx("div", { className: "taskon-identity-loading", children: t("loading") }) });
-  }
-  const isEmpty = socialAccountsWithoutEmail.length === 0 && !emailAccount && filteredWalletAddresses.length === 0;
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-identity", children: [
-    /* @__PURE__ */ jsx(
-      SocialAccountsSection,
-      {
-        accounts: socialAccountsWithoutEmail,
-        onBind: handleSocialBind,
-        onUnbind: unbindSocial,
-        isProcessing: isSocialProcessing,
-        checkUnlink: checkSocialUnlink,
-        onShowWarning: toast.warning
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      WalletsSection,
-      {
-        wallets: filteredWalletAddresses,
-        rawAddresses,
-        onBind: handleWalletBind,
-        onUnbind: handleWalletUnbind,
-        isProcessing: isWalletProcessing,
-        checkUnlink: checkWalletUnlink,
-        onShowWarning: toast.warning,
-        onShowInfo: toast.info
-      }
-    ),
-    emailAccount && /* @__PURE__ */ jsx(
-      EmailSection,
-      {
-        emailAccount,
-        onUnbind: unbindSocial,
-        isUnbinding: isEmailUnbinding,
-        checkUnlink: checkSocialUnlink,
-        onShowSuccess: toast.success,
-        onShowError: toast.error,
-        onShowWarning: toast.warning
-      }
-    ),
-    isEmpty && /* @__PURE__ */ jsx("div", { className: "taskon-identity-empty", children: t("empty_identity") })
-  ] });
-}
-function MyRewardsContent({
-  defaultRewardCard,
-  defaultPointId
-}) {
-  const { toast } = useToast();
-  const { t } = useUserCenterLocale();
-  const { client } = useTaskOnContext();
-  const [selectedPointsId, setSelectedPointsId] = useState(null);
-  const hasUserSelectedRef = useRef(false);
-  const appliedDefaultKeyRef = useRef(null);
-  const [showWithdrawForm, setShowWithdrawForm] = useState(false);
-  const [selectedTokenForWithdraw, setSelectedTokenForWithdraw] = useState(null);
-  const [viewingFrozenToken, setViewingFrozenToken] = useState(null);
-  const [resendParams, setResendParams] = useState(void 0);
-  const {
-    cards,
-    selectedCard,
-    selectCard,
-    loading: rewardsLoading,
-    error: rewardsError
-  } = useUserRewards({});
-  const selectedPointsData = useMemo(() => {
-    if (selectedCard !== USER_CENTER_REWARD_CARD_TYPES.Points) return null;
-    const selectedCardData = cards.find(
-      (c) => {
-        var _a;
-        return c.type === selectedCard && ((_a = c.pointsData) == null ? void 0 : _a.points_id) === selectedPointsId;
-      }
-    );
-    return (selectedCardData == null ? void 0 : selectedCardData.pointsData) ?? null;
-  }, [selectedCard, cards, selectedPointsId]);
-  const selectedXpLevelData = useMemo(() => {
-    if (selectedCard !== USER_CENTER_REWARD_CARD_TYPES.XpLevel) return null;
-    const xpLevelCard = cards.find(
-      (c) => c.type === USER_CENTER_REWARD_CARD_TYPES.XpLevel
-    );
-    return (xpLevelCard == null ? void 0 : xpLevelCard.xpLevelData) ?? null;
-  }, [selectedCard, cards]);
-  const {
-    data: tokenAssets,
-    loading: tokenAssetsLoading,
-    error: tokenAssetsError,
-    pendingWithdrawals,
-    refresh: refreshTokenAssets
-  } = useTokenAssets({
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Token
-  });
-  const {
-    data: tokenHistory,
-    loading: tokenHistoryLoading,
-    error: tokenHistoryError,
-    pagination: tokenHistoryPagination
-  } = useRewardDetails({
-    rewardType: RewardType.Token,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Token
-  });
-  const {
-    data: frozenAssets,
-    loading: frozenAssetsLoading,
-    error: frozenAssetsError,
-    pagination: frozenAssetsPagination,
-    canResend
-  } = useFrozenAssets({
-    tokenId: (viewingFrozenToken == null ? void 0 : viewingFrozenToken.token_id) ?? 0,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Token && !!(viewingFrozenToken == null ? void 0 : viewingFrozenToken.token_id)
-  });
-  const userCenterApi = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const {
-    data: nftList,
-    loading: nftLoading,
-    error: nftError,
-    pagination: nftPagination,
-    refresh: refreshNftList
-  } = useRewardDetails({
-    rewardType: RewardType.Nft,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Nft
-  });
-  const {
-    data: whitelistList,
-    loading: whitelistLoading,
-    error: whitelistError,
-    pagination: whitelistPagination
-  } = useRewardDetails({
-    rewardType: RewardType.Whitelist,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Whitelist
-  });
-  const {
-    data: discordRoleList,
-    loading: discordRoleLoading,
-    error: discordRoleError,
-    pagination: discordRolePagination
-  } = useRewardDetails({
-    rewardType: RewardType.DiscordRole,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.DiscordRole
-  });
-  const {
-    data: pointsHistory,
-    loading: pointsLoading,
-    error: pointsError,
-    pagination: pointsPagination
-  } = usePointsHistory({
-    pointsId: (selectedPointsData == null ? void 0 : selectedPointsData.points_id) ?? 0,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.Points && !!selectedPointsData
-  });
-  const {
-    data: xpLevelHistory,
-    loading: xpLevelHistoryLoading,
-    error: xpLevelHistoryError,
-    pagination: xpLevelHistoryPagination
-  } = usePointsHistory({
-    pointsId: (selectedXpLevelData == null ? void 0 : selectedXpLevelData.xpPointsId) ?? 0,
-    autoLoad: selectedCard === USER_CENTER_REWARD_CARD_TYPES.XpLevel && !!selectedXpLevelData
-  });
-  const handleWithdraw = (token) => {
-    setResendParams(void 0);
-    setSelectedTokenForWithdraw(token);
-    setShowWithdrawForm(true);
-  };
-  const handleBatchWithdraw = () => {
-    setResendParams(void 0);
-    setSelectedTokenForWithdraw(null);
-    setShowWithdrawForm(true);
-  };
-  const handleViewFrozen = (token) => {
-    setViewingFrozenToken(token);
-  };
-  const handleCloseFrozenAssets = () => {
-    setViewingFrozenToken(null);
-  };
-  const handleResendFrozenAsset = async (item) => {
-    if (!viewingFrozenToken || !userCenterApi) {
-      return;
-    }
-    if (item.type !== LockedType.Withdraw) {
-      return;
-    }
-    if (!item.nonce || !item.receiver_address) {
-      toast.error(t("missing_resend_payload"));
-      return;
-    }
-    try {
-      const requests = await userCenterApi.getTokenWithdrawByNonce({
-        chain: viewingFrozenToken.chain,
-        nonce: item.nonce
-      });
-      const withdrawableRequests = requests.filter(
-        (request) => request.can_withdraw
-      );
-      if (withdrawableRequests.length === 0) {
-        toast.error(t("no_tokens_for_resend"));
-        return;
-      }
-      setResendParams({
-        nonce: item.nonce,
-        receiverAddress: item.receiver_address,
-        tokens: withdrawableRequests
-      });
-      setSelectedTokenForWithdraw(viewingFrozenToken);
-      setShowWithdrawForm(true);
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : t("failed_load_resend_details")
-      );
-    }
-  };
-  const handleSelectCard = (type, pointsId) => {
-    hasUserSelectedRef.current = true;
-    selectCard(type);
-    setSelectedPointsId(pointsId ?? null);
-  };
-  useEffect(() => {
-    var _a, _b;
-    if (!defaultRewardCard) return;
-    if (hasUserSelectedRef.current) return;
-    if (cards.length === 0) return;
-    const applyKey = `${defaultRewardCard}:${defaultPointId ?? ""}`;
-    if (appliedDefaultKeyRef.current === applyKey) return;
-    const visibleDefaultCard = cards.find(
-      (card) => card.visible && card.type === defaultRewardCard
-    );
-    if (!visibleDefaultCard) {
-      appliedDefaultKeyRef.current = applyKey;
-      return;
-    }
-    selectCard(defaultRewardCard);
-    if (defaultRewardCard === USER_CENTER_REWARD_CARD_TYPES.Points) {
-      const matchedPointsCard = cards.find(
-        (card) => {
-          var _a2;
-          return card.type === USER_CENTER_REWARD_CARD_TYPES.Points && ((_a2 = card.pointsData) == null ? void 0 : _a2.points_id) === defaultPointId;
-        }
-      );
-      if (((_a = matchedPointsCard == null ? void 0 : matchedPointsCard.pointsData) == null ? void 0 : _a.points_id) != null) {
-        setSelectedPointsId(matchedPointsCard.pointsData.points_id);
-      } else if (((_b = visibleDefaultCard.pointsData) == null ? void 0 : _b.points_id) != null) {
-        setSelectedPointsId(visibleDefaultCard.pointsData.points_id);
-      }
-    } else {
-      setSelectedPointsId(null);
-    }
-    appliedDefaultKeyRef.current = applyKey;
-  }, [cards, defaultPointId, defaultRewardCard, selectCard]);
-  useEffect(() => {
-    if (selectedCard !== USER_CENTER_REWARD_CARD_TYPES.Token) {
-      setViewingFrozenToken(null);
-    }
-  }, [selectedCard]);
-  if (rewardsLoading && cards.length === 0) {
-    return /* @__PURE__ */ jsx(LoadingState, { message: t("loading") });
-  }
-  if (rewardsError && cards.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "taskon-user-center-error", children: /* @__PURE__ */ jsx("p", { className: "taskon-user-center-error__message", children: rewardsError.message }) });
-  }
-  const hasVisibleCards = cards.some((c) => c.visible);
-  if (!rewardsLoading && !hasVisibleCards) {
-    return /* @__PURE__ */ jsx(EmptyState, { message: t("empty_rewards") });
-  }
-  const renderSelectedContent = () => {
-    switch (selectedCard) {
-      case USER_CENTER_REWARD_CARD_TYPES.Token:
-        return /* @__PURE__ */ jsx(
-          TokenRewardContent,
-          {
-            tokenAssets,
-            tokenAssetsLoading,
-            tokenAssetsError,
-            pendingWithdrawals,
-            tokenHistory,
-            tokenHistoryLoading,
-            tokenHistoryError,
-            tokenHistoryPagination,
-            onWithdraw: handleWithdraw,
-            onBatchWithdraw: handleBatchWithdraw,
-            onViewFrozen: handleViewFrozen,
-            showFrozenAssets: !!viewingFrozenToken,
-            frozenAssets,
-            frozenAssetsLoading,
-            frozenAssetsError,
-            frozenAssetsPagination,
-            canResendFrozenAsset: canResend,
-            onResendFrozenAsset: handleResendFrozenAsset,
-            onCloseFrozenAssets: handleCloseFrozenAssets
-          }
-        );
-      case USER_CENTER_REWARD_CARD_TYPES.XpLevel:
-        if (!selectedXpLevelData) {
-          return /* @__PURE__ */ jsx(EmptyState, { message: t("no_data") });
-        }
-        return /* @__PURE__ */ jsx(
-          XpLevelCard,
-          {
-            xpData: {
-              level: selectedXpLevelData.level,
-              currentXp: selectedXpLevelData.currentXp,
-              nextLevelXp: selectedXpLevelData.nextLevelXp,
-              totalXp: selectedXpLevelData.currentXp,
-              pointsName: selectedXpLevelData.xpPointsName
-            },
-            historyData: xpLevelHistory,
-            historyLoading: xpLevelHistoryLoading,
-            historyError: xpLevelHistoryError,
-            pagination: xpLevelHistoryPagination
-          }
-        );
-      case USER_CENTER_REWARD_CARD_TYPES.Nft:
-        return /* @__PURE__ */ jsx(
-          NftRewardContent,
-          {
-            nftList,
-            loading: nftLoading,
-            error: nftError,
-            pagination: nftPagination,
-            onClaimSuccess: () => {
-              refreshNftList();
-            }
-          }
-        );
-      case USER_CENTER_REWARD_CARD_TYPES.Whitelist:
-        return /* @__PURE__ */ jsx(
-          WhitelistTable,
-          {
-            data: whitelistList,
-            loading: whitelistLoading,
-            error: whitelistError,
-            pagination: whitelistPagination
-          }
-        );
-      case USER_CENTER_REWARD_CARD_TYPES.DiscordRole:
-        return /* @__PURE__ */ jsx(
-          DiscordRoleTable,
-          {
-            data: discordRoleList,
-            loading: discordRoleLoading,
-            error: discordRoleError,
-            pagination: discordRolePagination
-          }
-        );
-      case USER_CENTER_REWARD_CARD_TYPES.Points:
-        if (!selectedPointsData) {
-          return /* @__PURE__ */ jsx(EmptyState, { message: t("empty_points") });
-        }
-        return /* @__PURE__ */ jsx(
-          PointsList,
-          {
-            pointsInfo: selectedPointsData,
-            data: pointsHistory,
-            loading: pointsLoading,
-            error: pointsError,
-            pagination: pointsPagination
-          }
-        );
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-my-rewards", children: [
-    /* @__PURE__ */ jsx(
-      AssetCarousel,
-      {
-        cards,
-        selectedCard,
-        selectedPointsId,
-        onSelectCard: handleSelectCard
-      }
-    ),
-    renderSelectedContent(),
-    /* @__PURE__ */ jsx(
-      WithdrawForm,
-      {
-        open: showWithdrawForm,
-        tokenAssets,
-        tokenAssetsLoading,
-        initialTokenId: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.token_id,
-        initialChain: selectedTokenForWithdraw == null ? void 0 : selectedTokenForWithdraw.chain,
-        resend: resendParams ? {
-          nonce: resendParams.nonce,
-          receiverAddress: resendParams.receiverAddress
-        } : void 0,
-        resendTokenItems: resendParams ? resendParams.tokens.map((request) => {
-          const matchedToken = tokenAssets.find(
-            (token) => token.token_id === request.token_id && token.chain.toLowerCase() === request.chain.toLowerCase()
-          );
-          return {
-            tokenId: request.token_id,
-            tokenSymbol: request.token_symbol,
-            tokenIcon: (matchedToken == null ? void 0 : matchedToken.token_icon) ?? "",
-            tokenAddress: request.token_address,
-            tokenDecimals: request.token_decimals,
-            chain: request.chain,
-            chainLabel: (matchedToken == null ? void 0 : matchedToken.chain_label) ?? request.chain,
-            amount: request.token_amount,
-            amountInWei: toWei(
-              request.token_amount,
-              request.token_decimals
-            )
-          };
-        }) : void 0,
-        onClose: () => {
-          setResendParams(void 0);
-          setShowWithdrawForm(false);
-        },
-        onSuccess: () => {
-          refreshTokenAssets();
-          setResendParams(void 0);
-          setShowWithdrawForm(false);
-        }
-      }
-    )
-  ] });
-}
-function ActivityHistoryContent() {
-  const { data, loading, error, pagination, refresh } = useActivityHistory({
-    mode: "pagination"
-  });
-  return /* @__PURE__ */ jsx(
-    ActivityHistoryList,
-    {
-      data,
-      loading,
-      error,
-      pagination,
-      mode: "pagination",
-      onRetry: refresh
-    }
-  );
-}
-function mergeUserCenterConfig(props, cloud) {
-  const resolved = props.config ?? cloud ?? null;
-  const normalized = Array.isArray(resolved) && resolved.length > 0 ? resolved : null;
-  return {
-    config: normalized
-  };
-}
-const TAB_LABEL_KEYS = {
-  [UserCenterTabType.MyRewards]: "tab_my_rewards",
-  [UserCenterTabType.Identity]: "tab_identity",
-  [UserCenterTabType.ActivityHistory]: "tab_activity_history"
-};
-function UserCenterWidget(props) {
-  const { widgetId, themeMode } = props;
-  const { t } = useUserCenterLocale();
-  const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
-  const mergedConfig = useMemo(() => {
-    return mergeUserCenterConfig(
-      props,
-      functionConfig ?? null
-    );
-  }, [props.config, functionConfig]);
-  const resolvedConfig = mergedConfig.config;
-  const isConfigured = Array.isArray(resolvedConfig) && resolvedConfig.length > 0;
-  return /* @__PURE__ */ jsx(
-    WidgetShell,
-    {
-      widgetId,
-      isConfigLoading,
-      cloudTheme,
-      themeMode,
-      className: "taskon-user-center",
-      errorMessage: configError ?? (!isConfigured ? t("not_configured") : void 0),
-      children: Array.isArray(resolvedConfig) && resolvedConfig.length > 0 ? /* @__PURE__ */ jsx(UserCenterWidgetInner, { ...props, config: resolvedConfig }) : null
-    }
-  );
-}
-function UserCenterWidgetInner({
-  config,
-  defaultTab,
-  defaultRewardCard,
-  defaultPointId,
-  onTabChange,
-  className = "",
-  style
-}) {
-  var _a;
-  const { isInitializing } = useTaskOnContext();
-  const { t, isLoading: isLocaleLoading } = useUserCenterLocale();
-  const enabledTabs = useMemo(() => filterEnabledTabs(config), [config]);
-  const tabItems = useMemo(() => {
-    return enabledTabs.map((tabConfig) => ({
-      key: tabConfig.tab,
-      label: t(TAB_LABEL_KEYS[tabConfig.tab])
-    }));
-  }, [enabledTabs, t]);
-  const initialTab = defaultTab && enabledTabs.some((t2) => t2.tab === defaultTab) ? defaultTab : ((_a = enabledTabs[0]) == null ? void 0 : _a.tab) ?? UserCenterTabType.MyRewards;
-  const [activeTab, setActiveTab] = useState(initialTab);
-  const handleTabChange = (tab) => {
-    setActiveTab(tab);
-    onTabChange == null ? void 0 : onTabChange(tab);
-  };
-  if (isInitializing || isLocaleLoading) {
-    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx(LoadingState, { message: t("loading") }) });
-  }
-  if (enabledTabs.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: `taskon-user-center ${className}`, style, children: /* @__PURE__ */ jsx("div", { className: "taskon-user-center-empty", children: t("no_data") }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: `taskon-user-center ${className}`, style, children: [
-    /* @__PURE__ */ jsx(Tabs, { items: tabItems, activeKey: activeTab, onChange: handleTabChange }),
-    /* @__PURE__ */ jsxs("div", { className: "taskon-user-center-content", children: [
-      activeTab === UserCenterTabType.MyRewards && /* @__PURE__ */ jsx(
-        MyRewardsContent,
-        {
-          config,
-          defaultRewardCard,
-          defaultPointId
-        }
-      ),
-      activeTab === UserCenterTabType.Identity && /* @__PURE__ */ jsx(IdentityContent, { config }),
-      activeTab === UserCenterTabType.ActivityHistory && /* @__PURE__ */ jsx(ActivityHistoryContent, {})
-    ] })
-  ] });
-}
-export {
-  UserCenterWidget as U
-};