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

package/dist/chunks/{TaskOnProvider-iannERG1.js → TaskOnProvider-xUeP2Nro.js}

@@ -1,7 +1,8 @@
+import { p as preloadWidgetLocale, b as useWidgetLocale, e as createContextScope, f as useComposedRefs, g as createSlot, P as Primitive, B as Branch, h as useControllableState, j as Presence, k as composeEventHandlers, l as useCallbackRef, R as Root, m as Portal, n as dispatchDiscreteCustomEvent, o as useLayoutEffect2, q as TaskOnContext } from "./ThemeProvider-Bt4UZ33y.js";
+import { c as createLocaleLoader } from "./createLocaleLoader-BameiEhU.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useRef, useEffect, useMemo, useCallback } from "react";
-import { b as useWidgetLocale, e as createContextScope, f as useComposedRefs, g as createSlot, P as Primitive, B as Branch, h as useControllableState, j as Presence, k as composeEventHandlers, l as useCallbackRef, R as Root, m as Portal, n as dispatchDiscreteCustomEvent, o as useLayoutEffect2, p as TaskOnContext } from "./ThemeProvider-DNJqI2lD.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { createTaskOnClient, createUserApi, createChainApi, createCommunityTaskApi } from "@taskon/core";
 import { c as createEthereumAdapter, W as WalletContext, b as useToastState, T as ToastContext } from "./useToast-CaRkylKe.js";
 import * as ReactDOM from "react-dom";
@@ -97,71 +98,87 @@ function useClientInit({
     isInitializing
   };
 }
-function interpolate(template, params) {
-  if (!params) {
-    return template;
+const registry = /* @__PURE__ */ new Map();
+const builtInLocaleImports = {
+  CommunityTask: {
+    ko: () => import("./communitytask-ko-BD0hzQSi.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./communitytask-ja-CmW6nP-L.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./communitytask-ru-DhySaZL8.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./communitytask-es-1zawvXEX.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  Quest: {
+    ko: () => import("./quest-ko-CSmRWgK_.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./quest-ja-Dxd2vqBF.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./quest-ru-CkEKv1_F.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./quest-es-D-b5xcme.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  TaskWidget: {
+    ko: () => import("./taskwidget-ko-EHgXFV4B.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./taskwidget-ja-CqSu-yWA.js").then((module) => ({
+      default: module.default
+    })),
+    ru: () => import("./taskwidget-ru-CMbLQDK4.js").then((module) => ({
+      default: module.default
+    })),
+    es: () => import("./taskwidget-es-Do9b3Mqw.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  LeaderboardWidget: {
+    ko: () => import("./leaderboardwidget-ko-f1cLO9ic.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./leaderboardwidget-ja-Bj6gz6y1.js").then((module) => ({
+      default: module.default
+    }))
+  },
+  UserCenterWidget: {
+    ko: () => import("./usercenter-ko-xAEYxqLg.js").then((module) => ({
+      default: module.default
+    })),
+    ja: () => import("./usercenter-ja-B2465c1O.js").then((module) => ({
+      default: module.default
+    }))
   }
-  return template.replace(/\{(\w+)\}/g, (match, key) => {
-    const value = params[key];
-    if (value === void 0) {
-      return match;
-    }
-    return String(value);
-  });
-}
-function createT(messages) {
-  return (key, params) => {
-    const template = messages[key];
-    if (typeof template !== "string") {
-      if (process.env.NODE_ENV !== "production") {
-        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
-      }
-      return String(key);
-    }
-    return interpolate(template, params);
-  };
-}
-function createTFunction(messages) {
-  return (key, params) => {
-    const template = messages[key];
-    if (typeof template !== "string") {
-      if (process.env.NODE_ENV !== "production") {
-        console.warn(`[widget-react] Missing translation key: ${String(key)}`);
-      }
-      return String(key);
-    }
-    return interpolate(template, params);
-  };
-}
-function useTranslation(options) {
-  const { messages, isLoading } = useWidgetLocale(options);
-  const t = useMemo(() => createTFunction(messages), [messages]);
-  return {
-    t,
-    messages,
-    isLoading
-  };
-}
-function createLocaleLoader(defaultMessages, imports) {
-  return (locale) => {
-    if (locale === "en") {
-      return Promise.resolve({ default: defaultMessages });
-    }
-    const importFn = imports[locale];
-    if (importFn) {
-      return importFn();
-    }
-    return Promise.resolve({ default: defaultMessages });
-  };
+};
+async function preloadBuiltInWidgetLocale(widget, locale) {
+  if (locale === "en") return;
+  const localeLoader = builtInLocaleImports[widget][locale];
+  if (!localeLoader) return;
+  await preloadWidgetLocale(widget, locale, () => localeLoader());
 }
-const registry = /* @__PURE__ */ new Map();
+const builtInPreloaders = {
+  CommunityTask: (locale) => preloadBuiltInWidgetLocale("CommunityTask", locale),
+  Quest: (locale) => preloadBuiltInWidgetLocale("Quest", locale),
+  TaskWidget: (locale) => preloadBuiltInWidgetLocale("TaskWidget", locale),
+  LeaderboardWidget: (locale) => preloadBuiltInWidgetLocale("LeaderboardWidget", locale),
+  UserCenterWidget: (locale) => preloadBuiltInWidgetLocale("UserCenterWidget", locale)
+};
 async function preloadWidgets(widgets, locale) {
   const preloadPromises = widgets.map((name) => {
-    const preloadFn = registry.get(name);
+    const preloadFn = registry.get(name) ?? builtInPreloaders[name];
     if (!preloadFn) {
       if (process.env.NODE_ENV !== "production") {
         console.warn(
-          `[widget-react] Widget "${name}" not found in registry. Make sure to import the widget before using preloadWidgets.`
+          `[widget-react] Widget "${name}" not found in registry. Make sure this widget has a preload loader configured.`
         );
       }
       return null;
@@ -1222,9 +1239,5 @@ function TaskOnProvider({
 }
 export {
   TaskOnProvider as T,
-  useCommonLocale as a,
-  createT as b,
-  createLocaleLoader as c,
-  interpolate as i,
-  useTranslation as u
+  useCommonLocale as u
 };

package/dist/chunks/{ThemeProvider-DNJqI2lD.js → ThemeProvider-Bt4UZ33y.js}

@@ -56,12 +56,12 @@ function useTaskOnAuth() {
   );
 }
 function isSupportedLocale(locale) {
-  return locale === "en" || locale === "ko" || locale === "ja";
+  return locale === "en" || locale === "ko" || locale === "ja" || locale === "ru" || locale === "es";
 }
 function warnUnsupportedLocale(locale, widgetId) {
   if (process.env.NODE_ENV !== "production" && !isSupportedLocale(locale)) {
     console.warn(
-      `[widget-react] Locale "${locale}" is not fully supported in ${widgetId}. Falling back to English. Supported locales: en, ko, ja`
+      `[widget-react] Locale "${locale}" is not fully supported in ${widgetId}. Falling back to English. Supported locales: en, ko, ja, ru, es`
     );
   }
 }
@@ -122,6 +122,20 @@ function useWidgetLocale(options) {
 function clearLocaleCache() {
   localeCache.clear();
 }
+async function preloadWidgetLocale(widgetId, locale, loadMessages) {
+  if (locale === DEFAULT_LOCALE) return;
+  const cacheKey = `${widgetId}-${locale}`;
+  if (localeCache.has(cacheKey)) return;
+  try {
+    const module = await loadMessages(locale);
+    localeCache.set(cacheKey, module.default);
+  } catch (error) {
+    console.warn(
+      `[widget-react] Failed to preload locale "${locale}" for ${widgetId}:`,
+      error
+    );
+  }
+}
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler == null ? void 0 : originalEventHandler(event);
@@ -825,6 +839,9 @@ const lightDefaultTokens = {
   fontSize: 14,
   fontSizeSm: 12,
   fontSizeLg: 16,
+  fontSizeXl: 18,
+  fontSizeXxl: 22,
+  fontSizeXxxl: 24,
   // Spacing
   spacing: 8,
   spacingXs: 4,
@@ -875,6 +892,9 @@ const darkDefaultTokens = {
   fontSize: 14,
   fontSizeSm: 12,
   fontSizeLg: 16,
+  fontSizeXl: 18,
+  fontSizeXxl: 22,
+  fontSizeXxxl: 24,
   // Spacing
   spacing: 8,
   spacingXs: 4,
@@ -1145,6 +1165,9 @@ function deriveTokens(seed, mode) {
     derived.fontSize = seed.fontSize;
     derived.fontSizeSm = seed.fontSize - 2;
     derived.fontSizeLg = seed.fontSize + 2;
+    derived.fontSizeXl = seed.fontSize + 4;
+    derived.fontSizeXxl = seed.fontSize + 8;
+    derived.fontSizeXxxl = seed.fontSize + 10;
   }
   if (seed.spacingBaseStep !== void 0 || seed.spacingChangeUnit !== void 0) {
     const base = Math.max(1, Number(seed.spacingBaseStep) || 1);
@@ -1177,9 +1200,9 @@ function getSystemThemeMode() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 const defaultTheme = {
-  mode: "light",
+  mode: "dark",
   compact: false,
-  tokens: lightDefaultTokens
+  tokens: darkDefaultTokens
 };
 function toKebabCase(str) {
   return str.replace(/([A-Z])/g, "-$1").toLowerCase();
@@ -1206,7 +1229,7 @@ function resolveTheme(config, systemMode) {
   } else if (config.mode) {
     resolvedMode = config.mode;
   } else {
-    resolvedMode = "light";
+    resolvedMode = "dark";
   }
   const defaultTokens = resolvedMode === "light" ? lightDefaultTokens : darkDefaultTokens;
   const modeConfig = resolvedMode === "light" ? config.light : config.dark;
@@ -1302,9 +1325,10 @@ export {
   Portal as m,
   dispatchDiscreteCustomEvent as n,
   useLayoutEffect2 as o,
-  TaskOnContext as p,
-  composeRefs as q,
-  createContext2 as r,
-  useTaskOnPortalContainer as s,
+  preloadWidgetLocale as p,
+  TaskOnContext as q,
+  composeRefs as r,
+  createContext2 as s,
+  useTaskOnPortalContainer as t,
   useTaskOnAuth as u
 };

package/dist/chunks/{UserCenterWidget-CAhgp46j.js → UserCenterWidget-CB0hnj-L.js}

@@ -1,9 +1,9 @@
-import { T as Table, u as usePagination, D as Dialog, B as Button, a as useResolvedWidgetConfig, W as WidgetShell, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-B2j_dZ4V.js";
+import { T as Table, u as usePagination, D as Dialog, B as Button, a as useResolvedWidgetConfig, W as WidgetShell, _ as __variableDynamicImportRuntimeHelper } from "./dynamic-import-helper-WmIF58Sb.js";
 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 { d as useTaskOnContext, b as useWidgetLocale } from "./ThemeProvider-DNJqI2lD.js";
-import { L as LoadingState, E as EmptyState, P as Pagination, e as formatDateTime, A as AssetImage, d as buildRewardCards, g as useBindSocialAccount, I as Input, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, W as WithdrawForm, h as PointsList, N as NftRewardContent, i as TokenRewardContent, j as enMessages } from "./UserCenterWidget-B0O-f_xl.js";
+import { d as useTaskOnContext, b as useWidgetLocale } from "./ThemeProvider-Bt4UZ33y.js";
+import { L as LoadingState, E as EmptyState, P as Pagination, e as formatDateTime, A as AssetImage, d as buildRewardCards, g as useBindSocialAccount, I as Input, a as useTokenAssets, u as useRewardDetails, c as usePointsHistory, W as WithdrawForm, h as PointsList, N as NftRewardContent, i as TokenRewardContent, j as enMessages } from "./UserCenterWidget-CvU6K4AC.js";
 import { u as useWallet, d as useToast } from "./useToast-CaRkylKe.js";
 import '../UserCenterWidget.css';function Tabs({
   items,
@@ -180,7 +180,8 @@ function ActivityHistoryList({
     ) })
   ] });
 }
-function getCardTitle(type, messages, pointsData) {
+function getCardTitle(type, messages, pointsData, xpLevelData) {
+  var _a;
   switch (type) {
     case UserCenterRewardCardType.Token:
       return messages.rewardToken;
@@ -192,8 +193,13 @@ function getCardTitle(type, messages, pointsData) {
       return messages.rewardDiscordRole;
     case UserCenterRewardCardType.Points:
       return (pointsData == null ? void 0 : pointsData.points_name) ?? messages.rewardPoints;
-    case UserCenterRewardCardType.XpLevel:
+    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.rewardXpLevel;
+    }
     default:
       return type;
   }
@@ -307,9 +313,10 @@ function AssetCard({
   selected = false,
   onClick,
   messages,
-  pointsData
+  pointsData,
+  xpLevelData
 }) {
-  const title = getCardTitle(type, messages, pointsData);
+  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(
@@ -399,7 +406,8 @@ function AssetCarousel({
             return onSelectCard(card.type, (_a2 = card.pointsData) == null ? void 0 : _a2.points_id);
           },
           messages,
-          pointsData: card.pointsData
+          pointsData: card.pointsData,
+          xpLevelData: card.xpLevelData
         },
         `${card.type}-${((_a = card.pointsData) == null ? void 0 : _a.points_id) ?? index}`
       );
@@ -467,7 +475,9 @@ function XpLevelCard({
   messages,
   className = ""
 }) {
+  var _a;
   const { level, currentXp, nextLevelXp, totalXp } = xpData;
+  const pointsName = ((_a = xpData.pointsName) == null ? void 0 : _a.trim()) || "XP";
   const xpToNext = Math.max(0, nextLevelXp - currentXp);
   const columns = [
     {
@@ -483,7 +493,7 @@ function XpLevelCard({
     },
     {
       key: "amount",
-      title: `${messages.columnAmount} (XP)`,
+      title: `${messages.columnAmount} (${pointsName})`,
       width: 160,
       align: "right",
       render: (_, row) => {
@@ -528,7 +538,8 @@ function XpLevelCard({
         /* @__PURE__ */ jsx("span", { className: "taskon-xp-level-card__xp-label", children: messages.totalXp }),
         /* @__PURE__ */ jsxs("span", { className: "taskon-xp-level-card__xp-value", children: [
           formatNumber(totalXp),
-          " XP"
+          " ",
+          pointsName
         ] })
       ] })
     ] }),
@@ -538,12 +549,15 @@ function XpLevelCard({
           formatNumber(currentXp),
           " / ",
           formatNumber(nextLevelXp),
-          " XP"
+          " ",
+          pointsName
         ] }),
         /* @__PURE__ */ jsxs("span", { children: [
           messages.xpToNextLevel,
           ": ",
-          formatNumber(xpToNext)
+          formatNumber(xpToNext),
+          " ",
+          pointsName
         ] })
       ] }),
       /* @__PURE__ */ jsx(ProgressBar, { value: currentXp, max: nextLevelXp, height: 10 })
@@ -990,8 +1004,7 @@ const SNS_TYPE_MAP = {
   Discord: "Discord",
   Telegram: "Telegram",
   Email: "Email",
-  Reddit: "Reddit",
-  FSLID: "FSLID"
+  Reddit: "Reddit"
 };
 const CHAIN_TYPE_MAP = {
   evm: "evm",
@@ -1010,8 +1023,7 @@ const ALL_SOCIAL_TYPES = [
   SnsType.Discord,
   SnsType.Telegram,
   SnsType.Email,
-  SnsType.Reddit,
-  SnsType.FSLID
+  SnsType.Reddit
 ];
 const ALL_CHAIN_TYPES = [
   "evm",
@@ -1037,8 +1049,6 @@ function getSocialProfileUrl(snsType, username) {
       return `https://reddit.com/user/${username}`;
     case SnsType.Email:
       return null;
-    case SnsType.FSLID:
-      return null;
     default:
       return null;
   }
@@ -1724,11 +1734,12 @@ function SocialIcon({
       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: "#9CA3AF"
+          fill: "currentColor"
         }
       )
     }
@@ -2524,13 +2535,23 @@ function EmailSection({
     )
   ] });
 }
+const USER_CENTER_WALLET_ACCOUNT_TYPE = String(SnsType.All).toLowerCase();
+const isWalletAccountType = (accountType) => accountType.toLowerCase() === USER_CENTER_WALLET_ACCOUNT_TYPE;
 function IdentityContent({
   config,
   messages
 }) {
+  var _a, _b, _c, _d;
   const identityTab = config.find((t) => t.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();
@@ -2574,22 +2595,38 @@ function IdentityContent({
       toast.error(messages.unbindFailed);
     }
   });
+  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 (enabledAccounts.length === 0) return true;
-      return enabledAccounts.some(
-        (cfg) => cfg.account.toLowerCase() === account.snsType.toLowerCase()
-      );
+      if (isWalletAccountType(String(account.snsType))) {
+        return false;
+      }
+      if (!hasExplicitAccountConfig) {
+        return true;
+      }
+      return enabledSocialAccountTypes.has(account.snsType.toLowerCase());
     });
-  }, [socialAccounts, enabledAccounts]);
+  }, [socialAccounts, hasExplicitAccountConfig, enabledSocialAccountTypes]);
   const filteredWalletAddresses = useMemo(() => {
+    if (!isWalletAccountEnabled) {
+      return [];
+    }
+    if (!hasExplicitWalletConfig) {
+      return walletAddresses;
+    }
     return walletAddresses.filter((wallet) => {
-      if (enabledWallets.length === 0) return true;
-      return enabledWallets.some(
-        (cfg) => cfg.chain.toLowerCase() === wallet.coreChainType.toLowerCase()
-      );
+      return enabledWalletChainTypes.has(wallet.coreChainType.toLowerCase());
     });
-  }, [walletAddresses, enabledWallets]);
+  }, [walletAddresses, hasExplicitWalletConfig, enabledWalletChainTypes, isWalletAccountEnabled]);
   const emailAccount = useMemo(() => {
     return filteredSocialAccounts.find((a) => a.snsType === SnsType.Email);
   }, [filteredSocialAccounts]);
@@ -2936,7 +2973,8 @@ function MyRewardsContent({
               level: selectedXpLevelData.level,
               currentXp: selectedXpLevelData.currentXp,
               nextLevelXp: selectedXpLevelData.nextLevelXp,
-              totalXp: selectedXpLevelData.currentXp
+              totalXp: selectedXpLevelData.currentXp,
+              pointsName: selectedXpLevelData.xpPointsName
             },
             historyData: xpLevelHistory,
             historyLoading: xpLevelHistoryLoading,
@@ -3134,7 +3172,7 @@ function UserCenterWidgetInner({
   const { messages, isLoading: isLocaleLoading } = useWidgetLocale({
     widgetId: "UserCenterWidget",
     defaultMessages: enMessages,
-    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./UserCenterWidget-B0O-f_xl.js").then((n) => n.w), "./locales/ja.json": () => import("./usercenter-ja-B2465c1O.js"), "./locales/ko.json": () => import("./usercenter-ko-xAEYxqLg.js") }), `./locales/${locale}.json`, 3)
+    loadMessages: (locale) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./UserCenterWidget-CvU6K4AC.js").then((n) => n.w), "./locales/ja.json": () => import("./usercenter-ja-B2465c1O.js"), "./locales/ko.json": () => import("./usercenter-ko-xAEYxqLg.js") }), `./locales/${locale}.json`, 3)
   });
   const enabledTabs = useMemo(() => filterEnabledTabs(config), [config]);
   const tabItems = useMemo(() => {

package/dist/chunks/{UserCenterWidget-B0O-f_xl.js → UserCenterWidget-CvU6K4AC.js}

@@ -4,10 +4,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import * as React from "react";
 import React__default, { forwardRef, useRef, useCallback, useImperativeHandle, useEffect, useContext, useState, useMemo, useLayoutEffect, createContext } from "react";
 import { createUserApi, createNftClaimApi, NftClaimError, NftClaimErrorType, getNftChainName, generatePendingKey, getPendingHash, NftClaimType, WithdrawNft, ClaimMintedNft, ClaimCapNft, setPendingHash, clearPendingHash, RewardType, isNftClaimed, isNftClaimable, getNftClaimType, ChainType, DEFAULT_ERROR_MESSAGES, openInNewTab, toWei, formatTokenAmount as formatTokenAmount$1, USER_CENTER_REWARD_CARD_TYPES, RouletteRewardType, USER_CENTER_PAGE_SIZE, createUserCenterApi, getTxExplorerUrl } from "@taskon/core";
-import { p as TaskOnContext, d as useTaskOnContext, P as Primitive, o as useLayoutEffect2, e as createContextScope, f as useComposedRefs, l as useCallbackRef, h as useControllableState, k as composeEventHandlers, j as Presence, m as Portal$1, g as createSlot, D as DismissableLayer, s as useTaskOnPortalContainer } from "./ThemeProvider-DNJqI2lD.js";
+import { q as TaskOnContext, d as useTaskOnContext, P as Primitive, o as useLayoutEffect2, e as createContextScope, f as useComposedRefs, l as useCallbackRef, h as useControllableState, k as composeEventHandlers, j as Presence, m as Portal$1, g as createSlot, D as DismissableLayer, t as useTaskOnPortalContainer } from "./ThemeProvider-Bt4UZ33y.js";
 import { d as useToast, u as useWallet, e as createEthereumAdapterFromProvider } from "./useToast-CaRkylKe.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { D as Dialog, b as useId, h as hideOthers, R as ReactRemoveScroll, d as useFocusGuards, F as FocusScope, P as Pagination$1, B as Button, T as Table, u as usePagination } from "./dynamic-import-helper-B2j_dZ4V.js";
+import { D as Dialog, b as useId, h as hideOthers, R as ReactRemoveScroll, d as useFocusGuards, F as FocusScope, P as Pagination$1, B as Button, T as Table, u as usePagination } from "./dynamic-import-helper-WmIF58Sb.js";
 import * as ReactDOM from "react-dom";
 import { createPortal } from "react-dom";
 const Input = forwardRef(
@@ -360,14 +360,20 @@ function useBindSocialAccount({
     isBound
   };
 }
-const MOBILE_BREAKPOINT = 750;
+const VIEWPORT_BREAKPOINTS = {
+  mobileMax: 750
+};
+const MOBILE_MAX_WIDTH = VIEWPORT_BREAKPOINTS.mobileMax;
+function isMobileViewport(width) {
+  return width <= MOBILE_MAX_WIDTH;
+}
 function useIsMobile() {
   const [isMobile, setIsMobile] = useState(() => {
     if (typeof window === "undefined") return false;
-    return window.innerWidth <= MOBILE_BREAKPOINT;
+    return isMobileViewport(window.innerWidth);
   });
   const handleResize = useCallback(() => {
-    setIsMobile(window.innerWidth <= MOBILE_BREAKPOINT);
+    setIsMobile(isMobileViewport(window.innerWidth));
   }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -4067,7 +4073,15 @@ function TipPopover({
     className || ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(Root2, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Trigger, { asChild: true, children: children ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: triggerClassName,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children
+      }
+    ) : /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -4075,7 +4089,7 @@ function TipPopover({
         "aria-label": "More information",
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: children || /* @__PURE__ */ jsx(InfoIcon, { size: iconSize })
+        children: /* @__PURE__ */ jsx(InfoIcon, { size: iconSize })
       }
     ) }),
     /* @__PURE__ */ jsx(Portal, { container: portalContainer ?? void 0, children: /* @__PURE__ */ jsxs(