refactor: 收口每日任务 ViewModel

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -71,7 +71,6 @@ import type {
   ProfileReferralInviteCenterResponse,
   ProfileSaveArchiveSummary,
   ProfileTaskCenterResponse,
-  ProfileTaskItem,
   ProfileWalletLedgerResponse,
   RedeemProfileRewardCodeResponse,
   WechatMiniProgramPayParams,
@@ -135,6 +134,13 @@ import {
 import { getInitialPlatformDesktopLayout } from '../platform-entry/platformEntryResponsive';
 import { ResolvedAssetImage } from '../ResolvedAssetImage';
 import { RpgEntryBrandLogo } from './RpgEntryBrandLogo';
+import {
+  buildProfileTaskCardSummary,
+  buildProfileTaskProgressLabel,
+  getProfileTaskClaimButtonLabel,
+  getProfileTaskStatusLabel,
+  selectProfileTaskCenterTasks,
+} from './rpgEntryProfileTaskViewModel';
 import {
   buildPlatformRankingEntries,
   buildPublicCategoryGroups,
@@ -277,66 +283,8 @@ const RECOMMEND_ENTRY_DRAG_LIMIT_PX = 160;
 const WECHAT_JS_SDK_URL = 'https://res.wx.qq.com/open/js/jweixin-1.6.0.js';
 const WECHAT_PAY_CONFIRM_RETRY_DELAYS_MS = [800, 1600, 3000] as const;
 const WECHAT_NATIVE_PAY_QR_IMAGE_SIZE = 180;
-const PROFILE_TASK_STATUS_PRIORITY_RANK: Record<
-  ProfileTaskItem['status'],
-  number
-> = {
-  claimable: 2,
-  incomplete: 1,
-  disabled: 0,
-  claimed: -1,
-};
-const PROFILE_TASK_CARD_FALLBACK_REWARD_POINTS = 10;
 const PROFILE_QR_SCAN_INTERVAL_MS = 360;
 
-function selectProfileTaskCenterTasks(tasks: ProfileTaskItem[]) {
-  return tasks
-    .map((task, index) => ({ task, index }))
-    .filter(
-      ({ task }) =>
-        task.status === 'claimable' || task.status === 'incomplete',
-    )
-    .sort(
-      (left, right) =>
-        PROFILE_TASK_STATUS_PRIORITY_RANK[right.task.status] -
-          PROFILE_TASK_STATUS_PRIORITY_RANK[left.task.status] ||
-        left.index - right.index,
-    )
-    .slice(0, 1)
-    .map(({ task }) => task);
-}
-
-function selectProfileTaskCardTask(tasks: ProfileTaskItem[]) {
-  return (
-    selectProfileTaskCenterTasks(tasks)[0] ??
-    tasks.find((task) => task.status === 'claimed') ??
-    tasks.find((task) => task.status !== 'disabled') ??
-    null
-  );
-}
-
-function buildProfileTaskCardSummary(center: ProfileTaskCenterResponse | null) {
-  const task = selectProfileTaskCardTask(center?.tasks ?? []);
-  const threshold = Math.max(1, task?.threshold ?? 1);
-  const progressCount = Math.min(task?.progressCount ?? 0, threshold);
-  const rewardPoints =
-    task?.rewardPoints ?? PROFILE_TASK_CARD_FALLBACK_REWARD_POINTS;
-  const actionLabel =
-    task?.status === 'claimable'
-      ? '领取'
-      : task?.status === 'claimed'
-        ? '已完成'
-        : '去完成';
-
-  return {
-    actionLabel,
-    progressCount,
-    progressPercent: Math.round((progressCount / threshold) * 100),
-    rewardPoints,
-    threshold,
-  };
-}
-
 type ProfileReferralPanel = 'invite' | 'redeem' | 'community';
 type ProfilePopupPanel = ProfileReferralPanel | 'saveArchives';
 type BarcodeDetectorLike = {
@@ -2861,13 +2809,6 @@ function WalletLedgerModal({
   );
 }
 
-const PROFILE_TASK_STATUS_LABELS: Record<ProfileTaskItem['status'], string> = {
-  incomplete: '未完成',
-  claimable: '可领取',
-  claimed: '已领取',
-  disabled: '已停用',
-};
-
 function ProfileTaskCenterModal({
   center,
   isLoading,
@@ -2947,7 +2888,7 @@ function ProfileTaskCenterModal({
               {tasks.map((task) => {
                 const isClaimable = task.status === 'claimable';
                 const isClaiming = claimingTaskId === task.taskId;
-                const progressLabel = `${Math.min(task.progressCount, task.threshold)}/${task.threshold}`;
+                const progressLabel = buildProfileTaskProgressLabel(task);
 
                 return (
                   <div
@@ -2968,7 +2909,7 @@ function ProfileTaskCenterModal({
                           +{task.rewardPoints}
                         </div>
                         <div className="mt-1 text-[11px] font-semibold text-[var(--platform-text-soft)]">
-                          {PROFILE_TASK_STATUS_LABELS[task.status]}
+                          {getProfileTaskStatusLabel(task.status)}
                         </div>
                       </div>
                     </div>
@@ -2978,13 +2919,7 @@ function ProfileTaskCenterModal({
                       onClick={() => onClaim(task.taskId)}
                       className="platform-primary-button mt-3 w-full rounded-2xl px-4 py-2.5 text-sm font-black disabled:cursor-not-allowed disabled:opacity-50"
                     >
-                      {isClaiming
-                        ? '领取中'
-                        : task.status === 'claimed'
-                          ? '已领取'
-                          : isClaimable
-                            ? '领取'
-                            : '未完成'}
+                      {getProfileTaskClaimButtonLabel(task, isClaiming)}
                     </button>
                   </div>
                 );