@taskon/widget-react 0.0.1-beta.2 → 0.0.1-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +55 -16
- package/dist/CommunityTaskList.css +432 -628
- package/dist/EligibilityInfo.css +944 -431
- package/dist/PageBuilder.css +0 -2
- package/dist/Quest.css +460 -505
- package/dist/TaskOnProvider.css +15 -15
- package/dist/UserCenterWidget.css +0 -174
- package/dist/UserCenterWidget2.css +870 -102
- package/dist/chunks/{CommunityTaskList-BlH1Wdd5.js → CommunityTaskList-C9mPl_31.js} +913 -826
- package/dist/chunks/{EligibilityInfo-C7GZ2G5u.js → EligibilityInfo-DGBffKN8.js} +1137 -449
- package/dist/chunks/{LeaderboardWidget-CmYfDeHV.js → LeaderboardWidget-DPOQVXkT.js} +15 -10
- package/dist/chunks/{PageBuilder-Bw0zSkFh.js → PageBuilder-WCZvxL2j.js} +5 -5
- package/dist/chunks/{Quest-DKFZ-pPU.js → Quest-DjGH_8bx.js} +464 -314
- package/dist/chunks/{TaskOnProvider-BD6Vp2x8.js → TaskOnProvider-iannERG1.js} +2 -207
- package/dist/chunks/{ThemeProvider-wnSXrNQb.js → ThemeProvider-DNJqI2lD.js} +246 -54
- package/dist/chunks/UserCenterWidget-B0O-f_xl.js +8344 -0
- package/dist/chunks/{UserCenterWidget-Cw6h_5hT.js → UserCenterWidget-CAhgp46j.js} +204 -1001
- package/dist/chunks/{WidgetShell-D_5OjvNZ.js → dynamic-import-helper-B2j_dZ4V.js} +607 -40
- package/dist/chunks/useToast-CaRkylKe.js +304 -0
- package/dist/chunks/{usercenter-ja-uu-XfVF9.js → usercenter-ja-B2465c1O.js} +4 -10
- package/dist/chunks/{usercenter-ko-DYgUOVzd.js → usercenter-ko-xAEYxqLg.js} +4 -10
- package/dist/community-task.d.ts +34 -3
- package/dist/community-task.js +1 -1
- package/dist/core.d.ts +40 -3
- package/dist/core.js +9 -10
- package/dist/dynamic-import-helper.css +186 -0
- package/dist/index.d.ts +207 -10
- package/dist/index.js +21 -19
- package/dist/leaderboard.d.ts +8 -1
- package/dist/leaderboard.js +2 -2
- package/dist/page-builder.js +1 -1
- package/dist/quest.d.ts +8 -2
- package/dist/quest.js +1 -1
- package/dist/user-center.d.ts +20 -136
- package/dist/user-center.js +19 -236
- package/package.json +7 -2
- package/dist/TipPopover.css +0 -210
- package/dist/WidgetShell.css +0 -182
- package/dist/chunks/TipPopover-BrW8jo71.js +0 -2926
- package/dist/chunks/UserCenterWidget-BE329iS7.js +0 -3546
- package/dist/chunks/dynamic-import-helper-DxEFwm31.js +0 -537
- package/dist/chunks/useToast-B-wyO5zL.js +0 -93
- package/dist/chunks/useWidgetLocale-JDelxtt8.js +0 -74
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { B as Button, T as Table, P as Pagination, _ as __variableDynamicImportRuntimeHelper, u as usePagination } from "./dynamic-import-helper-
|
|
1
|
+
import { B as Button, T as Table, P as Pagination, D as Dialog, a as useResolvedWidgetConfig, W as WidgetShell, _ as __variableDynamicImportRuntimeHelper, u as usePagination } from "./dynamic-import-helper-B2j_dZ4V.js";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useCallback, useEffect, useMemo } from "react";
|
|
4
|
-
import { createLeaderboardApi, LeaderboardContentType, formatRankRange, RewardsDistributeType, formatRewardText, calculatePrizePool, RewardType, LeaderboardTableColumn, isAllTimeResponse, isCampaignResponse } from "@taskon/core";
|
|
5
|
-
import {
|
|
6
|
-
import { D as Dialog, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-D_5OjvNZ.js";
|
|
7
|
-
import { u as useWidgetLocale } from "./useWidgetLocale-JDelxtt8.js";
|
|
4
|
+
import { createLeaderboardApi, LeaderboardContentType, formatRankRange, RewardsDistributeType, formatRewardText, calculatePrizePool, RewardType, LeaderboardTableColumn, truncateAddress, isAllTimeResponse, isCampaignResponse } from "@taskon/core";
|
|
5
|
+
import { d as useTaskOnContext, b as useWidgetLocale } from "./ThemeProvider-DNJqI2lD.js";
|
|
8
6
|
import '../LeaderboardWidget.css';function useLeaderboard(options) {
|
|
9
7
|
const { client } = useTaskOnContext();
|
|
10
8
|
const [data, setData] = useState(null);
|
|
@@ -174,6 +172,7 @@ function RankBadge({ rank, isAllTime = false, className = "" }) {
|
|
|
174
172
|
function UserCell({
|
|
175
173
|
userId,
|
|
176
174
|
userName,
|
|
175
|
+
displayName,
|
|
177
176
|
avatar,
|
|
178
177
|
isCurrentUser = false,
|
|
179
178
|
youLabel = "YOU",
|
|
@@ -201,7 +200,7 @@ function UserCell({
|
|
|
201
200
|
handleClick();
|
|
202
201
|
}
|
|
203
202
|
} : void 0,
|
|
204
|
-
children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__name", children: userName })
|
|
203
|
+
children: /* @__PURE__ */ jsx("span", { className: "taskon-leaderboard-user__name", children: displayName ?? userName })
|
|
205
204
|
}
|
|
206
205
|
);
|
|
207
206
|
}
|
|
@@ -467,6 +466,9 @@ function convertCampaignData(data) {
|
|
|
467
466
|
};
|
|
468
467
|
});
|
|
469
468
|
}
|
|
469
|
+
function formatUserDisplayName(userName) {
|
|
470
|
+
return truncateAddress(userName, 6, 6);
|
|
471
|
+
}
|
|
470
472
|
function LeaderboardTable({
|
|
471
473
|
tabConfig,
|
|
472
474
|
allTimeData,
|
|
@@ -510,6 +512,7 @@ function LeaderboardTable({
|
|
|
510
512
|
{
|
|
511
513
|
userId: row.userId,
|
|
512
514
|
userName: row.userName,
|
|
515
|
+
displayName: formatUserDisplayName(row.userName),
|
|
513
516
|
avatar: row.avatar,
|
|
514
517
|
isCurrentUser: currentUserId === row.userId,
|
|
515
518
|
youLabel: messages.you,
|
|
@@ -870,7 +873,7 @@ const en = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
870
873
|
you
|
|
871
874
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
872
875
|
function LeaderboardWidget(props) {
|
|
873
|
-
const { widgetId } = props;
|
|
876
|
+
const { widgetId, themeMode } = props;
|
|
874
877
|
const { functionConfig, cloudTheme, isConfigLoading, configError } = useResolvedWidgetConfig(widgetId);
|
|
875
878
|
const mergedConfig = useMemo(() => {
|
|
876
879
|
return mergeLeaderboardConfig(
|
|
@@ -878,21 +881,23 @@ function LeaderboardWidget(props) {
|
|
|
878
881
|
functionConfig ?? null
|
|
879
882
|
);
|
|
880
883
|
}, [props.config, functionConfig]);
|
|
884
|
+
const isConfigured = !!mergedConfig.config && Array.isArray(mergedConfig.config.leaderboards) && mergedConfig.config.leaderboards.length > 0;
|
|
881
885
|
return /* @__PURE__ */ jsx(
|
|
882
886
|
WidgetShell,
|
|
883
887
|
{
|
|
884
888
|
widgetId,
|
|
885
889
|
isConfigLoading,
|
|
886
890
|
cloudTheme,
|
|
891
|
+
themeMode,
|
|
887
892
|
className: "taskon-leaderboard",
|
|
888
|
-
errorMessage: configError ?? (!
|
|
889
|
-
children: /* @__PURE__ */ jsx(
|
|
893
|
+
errorMessage: configError ?? (!isConfigured ? "未配置" : void 0),
|
|
894
|
+
children: isConfigured ? /* @__PURE__ */ jsx(
|
|
890
895
|
LeaderboardWidgetInner,
|
|
891
896
|
{
|
|
892
897
|
...props,
|
|
893
898
|
config: mergedConfig.config
|
|
894
899
|
}
|
|
895
|
-
)
|
|
900
|
+
) : null
|
|
896
901
|
}
|
|
897
902
|
);
|
|
898
903
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import { DEFAULT_PAGE_BUILDER_CONFIG, createPageBuilderApi, parsePageBuilderConfig, SectionLayoutType, WidgetTypeEnum, SECTION_LAYOUT_RATIOS } from "@taskon/core";
|
|
4
|
-
import { Q as QuestWidget } from "./Quest-
|
|
5
|
-
import { a as CommunityTaskList } from "./CommunityTaskList-
|
|
6
|
-
import { L as LeaderboardWidget } from "./LeaderboardWidget-
|
|
7
|
-
import { U as UserCenterWidget } from "./UserCenterWidget-
|
|
8
|
-
import {
|
|
4
|
+
import { Q as QuestWidget } from "./Quest-DjGH_8bx.js";
|
|
5
|
+
import { a as CommunityTaskList } from "./CommunityTaskList-C9mPl_31.js";
|
|
6
|
+
import { L as LeaderboardWidget } from "./LeaderboardWidget-DPOQVXkT.js";
|
|
7
|
+
import { U as UserCenterWidget } from "./UserCenterWidget-CAhgp46j.js";
|
|
8
|
+
import { d as useTaskOnContext } from "./ThemeProvider-DNJqI2lD.js";
|
|
9
9
|
import '../PageBuilder.css';function usePageBuilderConfig(pageId, localConfig) {
|
|
10
10
|
const { client } = useTaskOnContext();
|
|
11
11
|
const [config, setConfig] = useState(
|