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

package/dist/user-center.js

@@ -1,496 +1,4 @@
-import { A, a, b, U, u, g, h, d, e, f, c } from "./chunks/UserCenterWidget-BRtigY_S.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LoadingState, E as EmptyState, P as Pagination } from "./chunks/UserCenterWidget-cADBSVg7.js";
-import { F, T, d as d2, f as f2, t, c as c2, u as u2, a as a2, b as b2 } from "./chunks/UserCenterWidget-cADBSVg7.js";
-import { formatLocalDate, formatTokenAmount as formatTokenAmount$1, RewardType, createUserCenterApi } from "@taskon/core";
-import { getChainIcon, getChainName, getSocialIcon, toWei, truncateAddress } from "@taskon/core";
-import { D as Dialog, B as Button } from "./chunks/dynamic-import-helper-DwXlQC0S.js";
-import { useState, useMemo, useCallback, useEffect } from "react";
-import { d as useTaskOnContext } from "./chunks/ThemeProvider-CPI_roeh.js";
-function getTabLabel(tab, messages) {
-  switch (tab) {
-    case "MyRewards":
-      return messages.tabMyRewards;
-    case "Identity":
-      return messages.tabIdentity;
-    case "ActivityHistory":
-      return messages.tabActivityHistory;
-    default:
-      return tab;
-  }
-}
-function TabBar({
-  activeTab,
-  tabs,
-  onTabChange,
-  messages,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx("div", { className: `taskon-user-center-tabs ${className}`, children: tabs.map((tab) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: `taskon-user-center-tabs__tab ${activeTab === tab ? "taskon-user-center-tabs__tab--active" : ""}`,
-      onClick: () => onTabChange(tab),
-      children: getTabLabel(tab, messages)
-    },
-    tab
-  )) });
-}
-function formatTime(timestamp) {
-  return formatLocalDate(timestamp);
-}
-function formatTokenAmount(amount) {
-  return formatTokenAmount$1(amount, {
-    showCurrency: false,
-    useAbbreviation: false,
-    decimals: 4,
-    minValue: 1e-4,
-    zeroText: "0"
-  });
-}
-function getEmptyMessage(rewardType, messages) {
-  switch (rewardType) {
-    case "Token":
-      return messages.emptyToken;
-    case "Nft":
-      return messages.emptyNft;
-    default:
-      return messages.noData;
-  }
-}
-function TokenRow({ item, onClick }) {
-  const tokenValue = item.reward_value;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "taskon-reward-detail__row",
-      onClick,
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--icon", children: tokenValue.token_logo && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: tokenValue.token_logo,
-            alt: tokenValue.token_name,
-            className: "taskon-reward-detail__token-icon"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
-          /* @__PURE__ */ jsxs("span", { className: "taskon-reward-detail__primary", children: [
-            "+",
-            formatTokenAmount(tokenValue.amount),
-            " ",
-            tokenValue.token_name
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_name })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) })
-      ]
-    }
-  );
-}
-function NftRow({
-  item,
-  onClick,
-  onClaim,
-  onTxClick,
-  messages
-}) {
-  const nftValue = item.reward_value;
-  const renderNftAction = () => {
-    if (nftValue.tx_hash) {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-reward-detail__claimed-link",
-          onClick: (e2) => {
-            e2.stopPropagation();
-            onTxClick == null ? void 0 : onTxClick();
-          },
-          title: nftValue.tx_hash,
-          children: messages.claimedTxn
-        }
-      );
-    }
-    if (nftValue.claimable) {
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "taskon-reward-detail__claim-btn",
-          onClick: (e2) => {
-            e2.stopPropagation();
-            onClaim == null ? void 0 : onClaim();
-          },
-          children: messages.claim
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__manual-drop", children: messages.manualDrop });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "taskon-reward-detail__row taskon-reward-detail__row--nft",
-      onClick,
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--nft-image", children: nftValue.collection_image && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: nftValue.collection_image,
-            alt: nftValue.collection_name,
-            className: "taskon-reward-detail__nft-image"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__primary", children: nftValue.collection_name }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_name })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--action", children: renderNftAction() })
-      ]
-    }
-  );
-}
-function SimpleRow({ item, onClick }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "taskon-reward-detail__row",
-      onClick,
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--main", children: [
-          /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__primary", children: item.campaign_name }),
-          /* @__PURE__ */ jsx("span", { className: "taskon-reward-detail__secondary", children: item.campaign_type })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__cell taskon-reward-detail__cell--time", children: formatTime(item.reward_time) })
-      ]
-    }
-  );
-}
-function RewardDetailList({
-  rewardType,
-  data,
-  loading,
-  error,
-  pagination,
-  messages,
-  onItemClick,
-  onClaim,
-  onTxClick
-}) {
-  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: getEmptyMessage(rewardType, messages) });
-  }
-  const renderRow = (item, index) => {
-    const handleClick = onItemClick ? () => onItemClick(item) : void 0;
-    const itemKey = `${item.campaign_id}-${item.reward_time}-${index}`;
-    switch (rewardType) {
-      case RewardType.Token:
-        return /* @__PURE__ */ jsx(TokenRow, { item, onClick: handleClick }, itemKey);
-      case RewardType.Nft:
-        return /* @__PURE__ */ jsx(
-          NftRow,
-          {
-            item,
-            onClick: handleClick,
-            onClaim: onClaim ? () => onClaim(item) : void 0,
-            onTxClick: onTxClick ? () => onTxClick(item) : void 0,
-            messages
-          },
-          itemKey
-        );
-      default:
-        return /* @__PURE__ */ jsx(SimpleRow, { item, onClick: handleClick }, itemKey);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "taskon-reward-detail", children: [
-    /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__list", children: data.map((item, index) => renderRow(item, index)) }),
-    pagination.totalPages > 1 && /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page: pagination.page,
-        totalPages: pagination.totalPages,
-        onPrevious: pagination.goToPrevious,
-        onNext: pagination.goToNext,
-        hasPrevious: pagination.hasPrevious,
-        hasNext: pagination.hasNext,
-        messages
-      }
-    ),
-    loading && data.length > 0 && /* @__PURE__ */ jsx("div", { className: "taskon-reward-detail__loading-more", children: /* @__PURE__ */ jsx("div", { className: "taskon-user-center-loading__spinner" }) })
-  ] });
-}
-function formatAmount(amount) {
-  const num = parseFloat(amount);
-  if (isNaN(num) || num === 0) return "0";
-  return num.toLocaleString(void 0, { maximumFractionDigits: 6 });
-}
-function WarningIcon() {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "48", height: "48", children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }) });
-}
-function SuccessIcon() {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "48", height: "48", children: /* @__PURE__ */ jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
-}
-function WithdrawModal({
-  open,
-  status,
-  tokens,
-  messages,
-  error,
-  txHash,
-  isGasInsufficient,
-  onConfirm,
-  onCancel,
-  onClose
-}) {
-  if (!open) {
-    return null;
-  }
-  if (status === "noEnough" || isGasInsufficient) {
-    return /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        open,
-        onOpenChange: (isOpen) => {
-          if (!isOpen) onClose();
-        },
-        title: messages.gasNotEnough,
-        showCloseButton: true,
-        contentClassName: "taskon-withdraw-modal__content",
-        maxWidth: 400,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__icon taskon-withdraw-modal__icon--warning", children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
-            /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-modal__message", children: messages.gasNotEnough })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__footer", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: messages.ok ?? "OK" }) })
-        ]
-      }
-    );
-  }
-  if (status === "success") {
-    return /* @__PURE__ */ jsxs(
-      Dialog,
-      {
-        open,
-        onOpenChange: (isOpen) => {
-          if (!isOpen) onClose();
-        },
-        title: messages.withdrawSuccess,
-        showCloseButton: true,
-        contentClassName: "taskon-withdraw-modal__content",
-        maxWidth: 400,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
-            /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__icon taskon-withdraw-modal__icon--success", children: /* @__PURE__ */ jsx(SuccessIcon, {}) }),
-            /* @__PURE__ */ jsx("p", { className: "taskon-withdraw-modal__message", children: messages.withdrawSuccess }),
-            txHash && /* @__PURE__ */ jsxs("p", { className: "taskon-withdraw-modal__tx-hash", children: [
-              "TX: ",
-              txHash.slice(0, 10),
-              "...",
-              txHash.slice(-8)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__footer", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onClose, children: messages.ok ?? "OK" }) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (isOpen) => {
-        if (!isOpen) onCancel();
-      },
-      title: messages.withdrawConfirm,
-      showCloseButton: true,
-      contentClassName: "taskon-withdraw-modal__content",
-      maxWidth: 400,
-      children: [
-        /* @__PURE__ */ jsx("h3", { className: "taskon-withdraw-modal__title", children: messages.withdrawConfirm }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__body", children: [
-          /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__tokens", children: tokens.map((token) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "taskon-withdraw-modal__token-item",
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__token-info", children: [
-                  /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: token.tokenIcon,
-                      alt: token.tokenSymbol,
-                      className: "taskon-withdraw-modal__token-icon"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__token-details", children: [
-                    /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-symbol", children: token.tokenSymbol }),
-                    /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-chain", children: token.chainLabel })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: "taskon-withdraw-modal__token-amount", children: formatAmount(token.amount) })
-              ]
-            },
-            token.tokenId
-          )) }),
-          error && /* @__PURE__ */ jsx("div", { className: "taskon-withdraw-modal__error", children: error.message })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "taskon-withdraw-modal__footer", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              onClick: onCancel,
-              disabled: status === "loading",
-              children: messages.cancel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "primary",
-              onClick: onConfirm,
-              disabled: status === "loading",
-              loading: status === "loading",
-              children: status === "loading" ? messages.loading : messages.withdraw
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function calculateXpLevelData(userInfo) {
-  const xpPointsInfo = userInfo.points_list[0];
-  if (!xpPointsInfo) return null;
-  const currentXp = xpPointsInfo.amount;
-  const nextLevelXp = userInfo.next_level_limit;
-  let percent = 0;
-  if (nextLevelXp > 0) {
-    if (currentXp >= nextLevelXp) {
-      percent = 100;
-    } else {
-      percent = Number((currentXp / nextLevelXp * 100).toFixed(2));
-    }
-  }
-  const xpToNextLevel = currentXp >= nextLevelXp ? 0 : nextLevelXp - currentXp;
-  return {
-    level: userInfo.level,
-    currentXp,
-    nextLevelXp,
-    totalXp: currentXp,
-    percent,
-    xpToNextLevel,
-    xpPointsId: xpPointsInfo.points_info.points_id,
-    xpPointsName: xpPointsInfo.points_info.points_name,
-    xpPointsIcon: xpPointsInfo.points_info.points_icon
-  };
-}
-function useXpLevel(options = {}) {
-  const { autoLoad = true } = options;
-  const { client } = useTaskOnContext();
-  const [userInfo, setUserInfo] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const api = useMemo(() => {
-    if (!client) return null;
-    return createUserCenterApi(client);
-  }, [client]);
-  const xpData = useMemo(() => {
-    if (!userInfo) return null;
-    return calculateXpLevelData(userInfo);
-  }, [userInfo]);
-  const xpPointsInfo = useMemo(() => {
-    if (!userInfo || !userInfo.points_list.length) return null;
-    const firstPoints = userInfo.points_list[0];
-    return firstPoints ?? null;
-  }, [userInfo]);
-  const otherPointsList = useMemo(() => {
-    if (!userInfo || userInfo.points_list.length <= 1) return [];
-    return userInfo.points_list.slice(1);
-  }, [userInfo]);
-  const fetchData = useCallback(async () => {
-    if (!api) {
-      setError(new Error("TaskOn client not initialized"));
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const response = await api.getCUserInfo({});
-      setUserInfo(response);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err : new Error("Failed to fetch user info")
-      );
-    } finally {
-      setLoading(false);
-    }
-  }, [api]);
-  const refresh = useCallback(async () => {
-    await fetchData();
-  }, [fetchData]);
-  useEffect(() => {
-    if (autoLoad) {
-      fetchData();
-    }
-  }, [autoLoad, fetchData]);
-  return {
-    userInfo,
-    xpData,
-    xpPointsInfo,
-    otherPointsList,
-    loading,
-    error,
-    refresh
-  };
-}
+import { U } from "./chunks/UserCenterWidget-jDO5zTN1.js";
 export {
-  A as ActivityHistoryList,
-  a as AssetCard,
-  b as AssetCarousel,
-  EmptyState,
-  F as FrozenAssetList,
-  LoadingState,
-  Pagination,
-  RewardDetailList,
-  TabBar,
-  T as TokenAssetList,
-  U as UserCenterWidget,
-  WithdrawModal,
-  d2 as buildRewardCards,
-  f2 as formatTokenAmount,
-  getChainIcon,
-  getChainName,
-  getSocialIcon,
-  toWei,
-  t as toWithdrawItem,
-  truncateAddress,
-  u as useActivityHistory,
-  g as useBindWallet,
-  h as useDisableUnlink,
-  d as useFrozenAssets,
-  e as useIdentityData,
-  c2 as usePointsHistory,
-  u2 as useRewardDetails,
-  a2 as useTokenAssets,
-  b2 as useTokenWithdraw,
-  f as useUnbindSocial,
-  c as useUserRewards,
-  useXpLevel
+  U as UserCenterWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskon/widget-react",
-  "version": "0.0.1-beta.4",
+  "version": "0.0.1-beta.6",
   "description": "TaskOn React Widget Library",
   "type": "module",
   "main": "./dist/index.js",
@@ -64,6 +64,8 @@
     "@taskon/core": "workspace:*",
     "@taskon/eslint-config": "workspace:*",
     "@taskon/typescript-config": "workspace:*",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/dompurify": "^3.2.0",
     "@types/node": "^22.15.3",
     "@types/qrcode": "^1.5.5",
@@ -73,12 +75,13 @@
     "@vitest/coverage-v8": "^4.0.18",
     "eslint": "^9.39.1",
     "ethers": "^6.0.0",
+    "jsdom": "^22.1.0",
     "postcss-custom-media": "^12.0.1",
     "postcss-import": "^16.1.1",
     "postcss-mixins": "^12.1.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "typescript": "5.9.2",
+    "typescript": "5.8.2",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",

package/dist/chunks/leaderboardwidget-ja-Bj6gz6y1.js

@@ -1,119 +0,0 @@
-const tabAllTime = "全期間";
-const tabQuest = "クエスト";
-const tabEvent = "イベント";
-const tabSprint = "スプリント";
-const columnRank = "ランク";
-const columnPosition = "順位";
-const columnUser = "ユーザー";
-const columnTasks = "タスク";
-const columnInvitedUsers = "招待ユーザー";
-const columnCurrentTier = "現在のティア";
-const columnPoints = "ポイント";
-const columnRewards = "報酬";
-const statusOngoing = "進行中";
-const statusEnded = "終了";
-const statusUpcoming = "開始前";
-const participants = "参加者";
-const prizePool = "賞金プール";
-const totalWinners = "総受賞者数";
-const rewardRules = "報酬ルール";
-const rewardRulesTitle = "報酬ルール";
-const rewardRulesDesc = "報酬はリーダーボードのランキングに基づいて付与されます。ランキングはイベント中にユーザーが獲得した{pointsName}によって決定されます。";
-const eventPeriod = "イベント期間";
-const rewardDetails = "報酬詳細";
-const eachReceives = "各自が{amount}を受け取ります";
-const randomlySplit = "{amount}をランダムに分配";
-const emptyTitle = "ランキングがありません";
-const emptyDesc = "最初に参加してトップを目指しましょう！";
-const page = "ページ";
-const of = "/";
-const previous = "前へ";
-const next = "次へ";
-const loading = "読み込み中...";
-const error = "リーダーボードの読み込みに失敗しました";
-const retry = "再試行";
-const you = "あなた";
-const unranked = "ランク外";
-const na = "N/A";
-const noData = "-";
-const ja = {
-  tabAllTime,
-  tabQuest,
-  tabEvent,
-  tabSprint,
-  columnRank,
-  columnPosition,
-  columnUser,
-  columnTasks,
-  columnInvitedUsers,
-  columnCurrentTier,
-  columnPoints,
-  columnRewards,
-  statusOngoing,
-  statusEnded,
-  statusUpcoming,
-  participants,
-  prizePool,
-  totalWinners,
-  rewardRules,
-  rewardRulesTitle,
-  rewardRulesDesc,
-  eventPeriod,
-  rewardDetails,
-  eachReceives,
-  randomlySplit,
-  emptyTitle,
-  emptyDesc,
-  page,
-  of,
-  previous,
-  next,
-  loading,
-  error,
-  retry,
-  you,
-  unranked,
-  na,
-  noData
-};
-export {
-  columnCurrentTier,
-  columnInvitedUsers,
-  columnPoints,
-  columnPosition,
-  columnRank,
-  columnRewards,
-  columnTasks,
-  columnUser,
-  ja as default,
-  eachReceives,
-  emptyDesc,
-  emptyTitle,
-  error,
-  eventPeriod,
-  loading,
-  na,
-  next,
-  noData,
-  of,
-  page,
-  participants,
-  previous,
-  prizePool,
-  randomlySplit,
-  retry,
-  rewardDetails,
-  rewardRules,
-  rewardRulesDesc,
-  rewardRulesTitle,
-  statusEnded,
-  statusOngoing,
-  statusUpcoming,
-  tabAllTime,
-  tabEvent,
-  tabQuest,
-  tabSprint,
-  totalWinners,
-  unranked,
-  you
-};