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

package/dist/chunks/{PageBuilder-DsX6Tv0N.js → PageBuilder-DoAFPm6-.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo, useRef } from "react";
 import { DEFAULT_PAGE_BUILDER_CONFIG, createPageBuilderApi, parsePageBuilderConfig, SectionLayoutType, WidgetTypeEnum, SECTION_LAYOUT_RATIOS } from "@taskon/core";
-import { Q as QuestWidget } from "./Quest-CuD2LElS.js";
-import { a as CommunityTaskList } from "./CommunityTaskList-CrMvOB8w.js";
-import { L as LeaderboardWidget } from "./LeaderboardWidget-DwuSpVl0.js";
-import { U as UserCenterWidget } from "./UserCenterWidget-CB0hnj-L.js";
-import { d as useTaskOnContext } from "./ThemeProvider-Bt4UZ33y.js";
+import { Q as QuestWidget } from "./Quest-ySZlYd4u.js";
+import { C as CommunityTaskList } from "./CommunityTaskList-D0uVD8wD.js";
+import { L as LeaderboardWidget } from "./LeaderboardWidget-DyoiiNS6.js";
+import { U as UserCenterWidget } from "./UserCenterWidget-BJsc_GSZ.js";
+import { h as useTaskOnContext } from "./ThemeProvider-CulHkqqY.js";
 import '../PageBuilder.css';function usePageBuilderConfig(pageId, localConfig) {
   const { client } = useTaskOnContext();
   const [config, setConfig] = useState(

package/dist/chunks/{Quest-CuD2LElS.js → Quest-ySZlYd4u.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useCallback, useEffect, useRef } from "react";
 import { RewardType, UserEligibleStatus, EligibilityTemplateId, SnsType, ChainType, QuestAutomaticallyWinnerDrawType, QuestWinnerDrawType, QuestWinnerRangeType, createQuestApi, QuestRewardsDistributeType, QuestRewardType, createLeaderboardApi, MediaType, RewardDistributedByType, ApiError, ErrorCode, CampaignType } from "@taskon/core";
-import { t as useTaskOnPortalContainer, d as useTaskOnContext } from "./ThemeProvider-Bt4UZ33y.js";
-import { f as useTaskWidgetLocale, d as TaskItem, u as useQuestLocale, I as I18nT, g as EligibilityList, h as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, C as ConfirmNoticeDialog, a as useBindWallet, c as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-Beww12QX.js";
-import { D as Dialog, B as Button, T as Table, P as Pagination, a as useResolvedWidgetConfig, W as WidgetShell } from "./dynamic-import-helper-WmIF58Sb.js";
-import { d as useToast } from "./useToast-CaRkylKe.js";
-import { R as Root2, o as Trigger, p as Portal, q as Content2, v as InfoIcon, r as Arrow2, s as TipPopover, g as useBindSocialAccount } from "./UserCenterWidget-CvU6K4AC.js";
+import { D as Dialog, E as useTaskOnPortalContainer, h as useTaskOnContext } from "./ThemeProvider-CulHkqqY.js";
+import { d as useTaskWidgetLocale, b as TaskItem, e as useQuestLocale, I as I18nT, f as EligibilityList, g as getDefaultExportFromCjs, s as sanitizeHtml, R as RewardModuleDialog, h as ConfirmNoticeDialog, u as useBindWallet, a as useNftClaimFlow, E as EligibilityInfo, B as BlindBoxDialog } from "./EligibilityInfo-Cf6hx9-a.js";
+import { B as Button, T as Table, P as Pagination, u as useResolvedWidgetConfig, W as WidgetShell } from "./WidgetShell-8xn-Jivw.js";
+import { c as useToast } from "./useToast-BGJhd3BX.js";
+import { R as Root2, h as Trigger, i as Portal, C as Content2, q as InfoIcon, j as Arrow2, p as TipPopover, a as useBindSocialAccount } from "./UserCenterWidget-STq8kpV4.js";
 import '../Quest.css';function ButtonTabs({
   items,
   activeKey,
@@ -143,6 +143,7 @@ function GreenCheckIcon() {
 function CompletedCount({
   current,
   total,
+  completedLabel = "Completed",
   className
 }) {
   const isAllCompleted = current >= total && total > 0;
@@ -153,7 +154,8 @@ function CompletedCount({
       /* @__PURE__ */ jsx("span", { className: current > 0 ? "taskon-completed-count-em" : "", children: current }),
       "/",
       total,
-      ") Completed"
+      ") ",
+      completedLabel
     ] })
   ] });
 }
@@ -225,7 +227,8 @@ function TaskList({
           CompletedCount,
           {
             current: completionStatus.mandatoryCompleted,
-            total: completionStatus.mandatoryTotal
+            total: completionStatus.mandatoryTotal,
+            completedLabel: t("completed")
           }
         )
       ] }),
@@ -281,7 +284,8 @@ function TaskList({
           CompletedCount,
           {
             current: completionStatus.optionalCompleted,
-            total: completionStatus.optionalTotal
+            total: completionStatus.optionalTotal,
+            completedLabel: t("completed")
           }
         )
       ] }),
@@ -804,7 +808,14 @@ function useQuestDetail(options) {
 }
 function useQuestUserStatus(options) {
   const { t } = useQuestLocale();
-  const { api, campaignId, channel, kolHandle, enabled = true } = options;
+  const {
+    api,
+    campaignId,
+    channel,
+    kolHandle,
+    enabled = true,
+    authToken
+  } = options;
   const [data, setData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -830,7 +841,7 @@ function useQuestUserStatus(options) {
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, api, campaignId, channel, kolHandle, t]);
+  }, [enabled, api, campaignId, channel, kolHandle, authToken, t]);
   const updateTaskStatus = useCallback(
     (taskId, isAsync = false) => {
       setData((prev) => {
@@ -7507,7 +7518,7 @@ function CompleteButton({
     if (!client) return null;
     return createQuestApi(client);
   }, [client]);
-  const buttonText = hasPointProportionally2 ? t("complete_qualify_rewards") : t("complete_2");
+  const buttonText = hasPointProportionally2 ? t("complete_qualify_rewards") : t("complete");
   const handleComplete = useCallback(async () => {
     if (!api || isLoading || disabled) {
       return;
@@ -7650,7 +7661,7 @@ function OperateFooter(props) {
     {
       className: "taskon-quest-footer-connect-btn",
       onClick: onConnectWallet,
-      children: t("connect_wallet_participate")
+      children: t("start_to_earn")
     }
   ) });
   const handleCompleteError = useCallback(
@@ -8194,7 +8205,7 @@ function ArrowUpRightIcon() {
 }
 function formatDateShort(timestamp) {
   const date = new Date(timestamp);
-  return new Intl.DateTimeFormat(void 0, {
+  return new Intl.DateTimeFormat("en-US", {
     month: "short",
     day: "2-digit"
   }).format(date);
@@ -8241,9 +8252,9 @@ function WinnersStatus({
     if (discordLink) return discordLink;
     return void 0;
   }, [discordLink]);
-  const handleWinnersVisibleChange = (visible) => {
+  const handleWinnersVisibleChange = useCallback((visible) => {
     setHasWinners(visible);
-  };
+  }, []);
   return /* @__PURE__ */ jsxs("div", { className: `taskon-winners ${className}`, children: [
     isWaitingReviewPow && (powReviewLink ? /* @__PURE__ */ jsxs(
       "a",
@@ -8501,7 +8512,15 @@ function QuestWidgetInner(props) {
     rewardDisplayMode,
     rewardRedirectUrl
   } = props;
-  const { client, chains, isLoggedIn, userInfo, requestLogin, communityInfo } = useTaskOnContext();
+  const {
+    client,
+    chains,
+    isLoggedIn,
+    userInfo,
+    userToken,
+    requestLogin,
+    communityInfo
+  } = useTaskOnContext();
   const { toast } = useToast();
   const questNftClaimMessages = useMemo(
     () => createQuestNftClaimMessages(t),
@@ -8525,9 +8544,7 @@ function QuestWidgetInner(props) {
   const { bindAndWait: bindChainAndWait } = useBindWallet({
     onFailed: (error2) => {
       toast.error(error2);
-    },
-    // 当没有 adapter 时触发外部弹窗（如果配置了的话）
-    onNeedWalletDialog: onConnectWallet
+    }
   });
   const {
     data: campaign,
@@ -8553,7 +8570,8 @@ function QuestWidgetInner(props) {
     campaignId,
     channel,
     kolHandle,
-    enabled: !isPreview
+    enabled: !isPreview,
+    authToken: userToken
   });
   const {
     data: questStatus,
@@ -8581,9 +8599,6 @@ function QuestWidgetInner(props) {
     },
     onClaimError: (error2) => {
       toast.error(error2.message || t("failed_claim_nft"));
-    },
-    onWalletError: (errorMessage) => {
-      toast.error(errorMessage);
     }
   });
   const handleQuestClaimNft = useCallback(
@@ -8655,6 +8670,17 @@ function QuestWidgetInner(props) {
   const [blindBoxEmptyReward, setBlindBoxEmptyReward] = useState();
   const [blindBoxTokenPrice, setBlindBoxTokenPrice] = useState();
   const [isClaimingBlindBox, setIsClaimingBlindBox] = useState(false);
+  const [hasCompletedBlindBoxClaim, setHasCompletedBlindBoxClaim] = useState(false);
+  const closeBlindBoxModal = useCallback(() => {
+    setBlindBoxDialogVisible(false);
+    setBlindBoxRewardVisible(false);
+  }, []);
+  const handleBlindBoxDialogOpenChange = useCallback((open) => {
+    setBlindBoxDialogVisible(open);
+    if (!open) {
+      setBlindBoxRewardVisible(false);
+    }
+  }, []);
   const buildBlindBoxRewardValue = useCallback(
     (amount) => {
       if (!blindBoxTokenReward) {
@@ -8689,8 +8715,8 @@ function QuestWidgetInner(props) {
     [blindBoxTokenReward]
   );
   const handleOpenBlindBox = useCallback(() => {
-    setBlindBoxRewardVisible(false);
     setBlindBoxDialogVisible(true);
+    setBlindBoxRewardVisible(false);
   }, []);
   const handleBlindBoxOpened = useCallback(async () => {
     var _a2;
@@ -8713,7 +8739,7 @@ function QuestWidgetInner(props) {
       }
       refetchUserStatus();
       refetchStatus();
-      setBlindBoxDialogVisible(false);
+      setHasCompletedBlindBoxClaim(true);
       setBlindBoxRewardVisible(true);
     } catch (error2) {
       console.error("Claim blind box error:", error2);
@@ -8734,15 +8760,19 @@ function QuestWidgetInner(props) {
     toast
   ]);
   useEffect(() => {
-    if (userBlindBoxStatus === "wait-claim" && !isBlindBoxDialogVisible && !isBlindBoxRewardVisible) {
+    if (userBlindBoxStatus === "wait-claim" && !isBlindBoxDialogVisible && !isBlindBoxRewardVisible && !hasCompletedBlindBoxClaim) {
       handleOpenBlindBox();
     }
   }, [
     userBlindBoxStatus,
     isBlindBoxDialogVisible,
     isBlindBoxRewardVisible,
+    hasCompletedBlindBoxClaim,
     handleOpenBlindBox
   ]);
+  useEffect(() => {
+    setHasCompletedBlindBoxClaim(false);
+  }, [campaignId]);
   const isLoading = isDetailLoading || isUserStatusLoading || isStatusLoading;
   const error = detailError || userStatusError || statusError;
   useEffect(() => {
@@ -8965,7 +8995,8 @@ function QuestWidgetInner(props) {
             {
               className: "taskon-quest-tasks-progress",
               current: mandatoryCompleted + optionalCompleted,
-              total: mandatoryTotal + optionalTotal
+              total: mandatoryTotal + optionalTotal,
+              completedLabel: t("completed")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -9086,38 +9117,27 @@ function QuestWidgetInner(props) {
       Dialog,
       {
         open: isBlindBoxDialogVisible,
-        onOpenChange: setBlindBoxDialogVisible,
-        title: t("open_blind_box"),
-        showCloseButton: false,
-        closeOnOverlayClick: false,
-        closeOnEscapeKey: false,
-        contentClassName: "taskon-quest-blindbox-dialog-wrapper",
-        children: /* @__PURE__ */ jsx(
-          BlindBoxDialog,
-          {
-            ref: blindBoxDialogRef,
-            onClose: () => setBlindBoxDialogVisible(false),
-            onOpened: handleBlindBoxOpened
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open: isBlindBoxRewardVisible,
-        onOpenChange: setBlindBoxRewardVisible,
-        title: t("blind_box_reward"),
-        showCloseButton: true,
-        contentClassName: "taskon-quest-blindbox-reward-wrapper",
-        children: /* @__PURE__ */ jsx(
+        onOpenChange: handleBlindBoxDialogOpenChange,
+        title: isBlindBoxRewardVisible ? t("blind_box_reward") : t("open_blind_box"),
+        showCloseButton: isBlindBoxRewardVisible,
+        closeOnOverlayClick: isBlindBoxRewardVisible,
+        closeOnEscapeKey: isBlindBoxRewardVisible,
+        contentClassName: `taskon-quest-blindbox-dialog-wrapper${isBlindBoxRewardVisible ? " taskon-quest-blindbox-dialog-wrapper--result" : ""}`,
+        children: isBlindBoxRewardVisible ? /* @__PURE__ */ jsx(
           BlindBoxRewardDialog,
           {
             rewards: blindBoxWinnerRewards,
             emptyReward: blindBoxEmptyReward,
             tokenPrice: blindBoxTokenPrice,
             loading: isClaimingBlindBox,
-            onClose: () => setBlindBoxRewardVisible(false)
+            onClose: closeBlindBoxModal
+          }
+        ) : /* @__PURE__ */ jsx(
+          BlindBoxDialog,
+          {
+            ref: blindBoxDialogRef,
+            onClose: closeBlindBoxModal,
+            onOpened: handleBlindBoxOpened
           }
         )
       }
@@ -9211,8 +9231,5 @@ function QuestWidgetInner(props) {
   ] });
 }
 export {
-  QuestWidget as Q,
-  useQuestUserStatus as a,
-  useQuestStatus as b,
-  useQuestDetail as u
+  QuestWidget as Q
 };