1f:I[498676,["/_next/static/chunks/285pqllwvltjz.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/1z5pbnwvqamty.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3uz6_-wu8idhq.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/44now2hn6srwa.js"],"default"] 20:I[967421,["/_next/static/chunks/285pqllwvltjz.js","/_next/static/chunks/3g5m1pyk9dmj0.js","/_next/static/chunks/37-owrbjeirzi.js","/_next/static/chunks/1z5pbnwvqamty.js","/_next/static/chunks/05qsa4vhf9b3f.js","/_next/static/chunks/2v-n1tk884g-7.js","/_next/static/chunks/3uz6_-wu8idhq.js","/_next/static/chunks/3w3sopl4rtd4f.js","/_next/static/chunks/44now2hn6srwa.js"],"default"] 21:T85b,import React from 'react'; import { colors } from 'Style'; export const TimelineHeader = ({ value, type, label }) => { const isPrimary = type === 'streak'; const primaryColor = isPrimary ? colors.primary : '#FF8C00'; const icon = isPrimary ? '🔥' : '🎲'; return (

{/* Glow effect */}

{icon} {value} {label.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ')}

); }; export default TimelineHeader;22:Tf64,// Cấu hình Sentry để giảm số lượng báo cáo lỗi // Giảm thiểu lỗi 429 (Too Many Requests) // Hàm kiểm tra xem lỗi có nên được báo cáo hay không export const shouldReportError = (error) => { // Bỏ qua các lỗi không quan trọng const ignoredErrors = [ // Lỗi liên quan đến kết nối mạng 'Network Error', 'Failed to fetch', 'NetworkError', 'The network connection was lost', 'The Internet connection appears to be offline', 'Load failed', // Lỗi CORS 'Cross-Origin Request Blocked', // Lỗi người dùng hủy request 'AbortError', 'Abort due to cancellation of request', // Lỗi liên quan đến việc hủy component 'ResizeObserver loop', 'ResizeObserver loop completed with undelivered notifications', // Lỗi từ các extension trình duyệt 'extension', // Các lỗi cụ thể ClickUp API '404 (Not Found)', 'task-not-found', 'field-not-found' ]; if (!error) return false; // Kiểm tra thông báo lỗi const errorMessage = (error.message || error.toString()).toLowerCase(); // Kiểm tra xem lỗi có nằm trong danh sách bỏ qua không for (const ignored of ignoredErrors) { if (errorMessage.includes(ignored.toLowerCase())) { console.warn(`[Sentry] Đã bỏ qua lỗi: ${errorMessage}`); return false; } } return true; }; // Biến theo dõi thời gian giữa các lần gửi báo cáo let lastReportTime = 0; const MIN_TIME_BETWEEN_REPORTS = 2000; // 2 giây // Biến đếm số lượng lỗi báo cáo trong một khoảng thời gian let errorCount = 0; const ERROR_RESET_INTERVAL = 60000; // 1 phút const MAX_ERRORS_PER_INTERVAL = 10; // Reset lỗi định kỳ setInterval(() => { errorCount = 0; }, ERROR_RESET_INTERVAL); // Hàm thực hiện giới hạn tần suất gửi báo cáo export const shouldThrottleError = () => { const now = Date.now(); // Kiểm tra giới hạn thời gian giữa các báo cáo if (now - lastReportTime < MIN_TIME_BETWEEN_REPORTS) { console.warn('[Sentry] Đã bỏ qua báo cáo lỗi do giới hạn tần suất thời gian'); return true; } // Kiểm tra số lượng lỗi trong khoảng thời gian if (errorCount >= MAX_ERRORS_PER_INTERVAL) { console.warn('[Sentry] Đã bỏ qua báo cáo lỗi do vượt quá giới hạn số lượng'); return true; } // Cập nhật biến theo dõi lastReportTime = now; errorCount++; return false; }; // Tạo bộ lọc lỗi cho Sentry export const createSentryErrorFilter = () => { return (event) => { // Kiểm tra xem có phải lỗi cần báo cáo không if (!event.exception || !event.exception.values || event.exception.values.length === 0) { return event; } const error = event.exception.values[0]; // Kiểm tra loại lỗi if (!shouldReportError(error)) { return null; // Trả về null để không gửi báo cáo } // Kiểm tra giới hạn tốc độ if (shouldThrottleError()) { return null; // Trả về null để không gửi báo cáo } // Nếu qua hết các bộ lọc, cho phép gửi báo cáo return event; }; }; // Cấu hình Sentry export const configureSentry = (Sentry) => { if (!Sentry) return; // Thiết lập bộ lọc lỗi sử dụng addGlobalEventProcessor Sentry.addGlobalEventProcessor((event, hint) => { return createSentryErrorFilter()(event, hint); }); // Đặt sample rate để giảm số lượng lỗi gửi đi Sentry.configureScope((scope) => { scope.setTag("sample_rate", "0.1"); // Chỉ gửi 10% lỗi }); console.log('[Sentry] Đã cấu hình bộ lọc lỗi Sentry'); }; export default { shouldReportError, shouldThrottleError, createSentryErrorFilter, configureSentry };23:Tc6f,import React from 'react'; import { colors } from 'Style'; import { useMilestoneContext } from 'MilestoneContext'; const StatusCounter = () => { const { totalGiftBoxOpens, openedBoxes } = useMilestoneContext(); // Tính toán số lượt đã sử dụng const usedOpens = Object.values(openedBoxes).flat().length; // Tính toán số lượt còn lại const remainingOpens = Math.max(0, totalGiftBoxOpens - usedOpens); return (

{/* Thẻ hiển thị tổng lượt nhận được */}

🎁 Đã Nhận {totalGiftBoxOpens || 0}

{/* Thẻ hiển thị lượt còn lại */}

✨ Còn Lại {remainingOpens}

{/* Thẻ hiển thị lượt đã sử dụng */}

🔓 Đã Sử Dụng {usedOpens}

); }; export default StatusCounter;24:T16a4,import React from 'react'; import { colors } from 'Style'; export const TimelineItem = ({ milestone, isCompleted, isNext, isCurrentMilestone, openedBoxes, milestoneType, onBoxClick, index, totalMilestones }) => { const isPrimaryType = milestoneType === 'streak'; const primaryColor = isPrimaryType ? colors.primary : '#FF8C00'; return (

{/* Gift box image */}

{ // Check if completed and not opened yet if (isCompleted && !openedBoxes.includes(milestone)) { onBoxClick(milestone); } }} style={{ width: '36px', height: '36px', filter: isCompleted ? 'none' : 'grayscale(80%)', opacity: isCompleted ? 1 : isNext ? 0.8 : 0.4, position: 'relative', backgroundImage: `url(https://play.rosebud.ai/assets/box.gif?QTc2)`, backgroundSize: 'cover', backgroundPosition: 'center', transition: 'all 0.3s ease', transform: isCompleted ? 'scale(1)' : 'scale(0.9)', cursor: (isCompleted && !openedBoxes.includes(milestone)) ? 'pointer' : 'default', margin: '0 10px', boxShadow: isCompleted ? `0 0 10px rgba(${isPrimaryType ? '255, 215, 0' : '255, 165, 0'}, 0.4)` : 'none', borderRadius: '5px', position: 'relative', }} > {/* Opened box indicator */} {isCompleted && openedBoxes && openedBoxes.includes(milestone) && (

✓ {/* Animated glow effect */}

)}

{/* Milestone dot */}

{isCompleted && (

)}

{/* Milestone value label */}

{milestone}

); }; // Add animation keyframes const styles = ` @keyframes appear { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { opacity: 0.4; transform: scale(0.95); } 50% { opacity: 0.8; transform: scale(1.05); } 100% { opacity: 0.4; transform: scale(0.95); } } `; export default TimelineItem;25:Tecc,import React, { useRef } from 'react'; import TimelineItem from 'TimelineItem'; export const TimelineTrack = ({ milestones, currentValue, openedBoxes, onBoxClick, milestoneType, getCurrentMilestoneIndex }) => { const currentMilestoneIndex = getCurrentMilestoneIndex(currentValue, milestones); // Calculate completed height based on progress const calculateCompletedHeight = () => { // For streak timeline if (milestoneType === 'streak') { if (currentMilestoneIndex === -1) { // Not reached any milestone yet return `${(currentValue / milestones[0]) * 15}%`; } else { // Find relative position of current milestone in timeline const position = (currentMilestoneIndex + 1) / milestones.length; // Calculate progress between milestones const current = milestones[currentMilestoneIndex]; const nextMilestoneIndex = currentMilestoneIndex < milestones.length - 1 ? currentMilestoneIndex + 1 : currentMilestoneIndex; const next = milestones[nextMilestoneIndex]; const progressToNext = ((currentValue - current) / (next - current)) || 0; // Calculate total height const totalHeight = (position + progressToNext / milestones.length) * 100; return `${Math.min(totalHeight, 100)}%`; } } // For spins timeline - simple percentage calculation else { return `${Math.min((currentValue / 500) * 100, 100)}%`; } }; // Determine the primary color based on milestone type const gradientColors = milestoneType === 'streak' ? 'linear-gradient(to bottom, #FFD700, #FFA500)' : 'linear-gradient(to bottom, #FF8C00, #FF4500)'; return (

{/* Background vertical track */}

{/* Progress gradient track */}

{/* Milestone items */} {milestones.map((milestone, index) => { const isCompleted = currentValue >= milestone; const isNext = currentMilestoneIndex !== -1 && !isCompleted && milestone === milestones[currentMilestoneIndex + 1]; return ( ); })}

); }; export default TimelineTrack;26:T1854,import React, { createContext, useState, useEffect, useContext, useCallback, useRef } from 'react'; // Create context export const MilestoneContext = createContext(); // Custom hook to use milestone context export const useMilestoneContext = () => useContext(MilestoneContext); // Provider component export const MilestoneProvider = ({ children, initialStreak = 0, initialSpins = 0, onStatsUpdate }) => { // Ref để theo dõi giá trị totalGiftBoxOpens trước đó const previousTotalGiftBoxOpensRef = useRef(0); // State for opened milestone boxes const [openedBoxes, setOpenedBoxes] = useState(() => { try { const savedBoxes = localStorage.getItem('opened_milestone_boxes'); return savedBoxes ? JSON.parse(savedBoxes) : { streak: [], spins: [] }; } catch (e) { console.error("Lỗi khi tải trạng thái đã mở của hộp quà cột mốc:", e); return { streak: [], spins: [] }; } }); // Function to reset opened boxes const resetOpenedBoxes = useCallback(() => { setOpenedBoxes({ streak: [], spins: [] }); localStorage.removeItem('opened_milestone_boxes'); }, []); // Rest of the component... // State for popups and rewards const [showRewardPopup, setShowRewardPopup] = useState(false); const [selectedMilestone, setSelectedMilestone] = useState(null); const [rewardType, setRewardType] = useState('streak'); const [reachedMilestone, setReachedMilestone] = useState(null); const [totalGiftBoxOpens, setTotalGiftBoxOpens] = useState(() => { try { const savedValue = localStorage.getItem('total_gift_box_opens'); return savedValue ? parseInt(savedValue, 10) : 0; } catch (e) { console.error("Lỗi khi tải số lượt mở hộp quà:", e); return 0; } }); // Cập nhật localStorage mỗi khi totalGiftBoxOpens thay đổi useEffect(() => { localStorage.setItem('total_gift_box_opens', totalGiftBoxOpens.toString()); console.log("Đã cập nhật totalGiftBoxOpens:", totalGiftBoxOpens); // Sử dụng useRef để theo dõi giá trị trước đó và tránh vòng lặp vô hạn const shouldUpdate = // Chỉ gọi onStatsUpdate nếu totalGiftBoxOpens thực sự thay đổi previousTotalGiftBoxOpensRef.current !== totalGiftBoxOpens; // Cập nhật ref để lưu trữ giá trị hiện tại cho lần tiếp theo previousTotalGiftBoxOpensRef.current = totalGiftBoxOpens; // Gọi callback khi có thay đổi thực sự if (shouldUpdate && onStatsUpdate) { // Sử dụng setTimeout để đảm bảo việc này xảy ra sau khi render setTimeout(() => { onStatsUpdate({ totalOpeningTurns: totalGiftBoxOpens }); }, 0); } }, [totalGiftBoxOpens]); // Define milestone lists const streakMilestones = [1, 2, 3, 5, 7, 10, 14, 21, 30, 40, 50, 60, 75, 90, 100, 120, 135, 150, 180, 200, 225, 250, 300, 333, 365]; const spinsMilestones = [5, 10, 20, 30, 40, 50, 75, 100, 150, 200, 250, 300, 350, 400, 500, 600, 700, 800, 900, 1000]; // Find current milestone index helper functions const getCurrentStreakMilestoneIndex = (value = initialStreak) => { for (let i = streakMilestones.length - 1; i >= 0; i--) { if (value >= streakMilestones[i]) { return i; } } return -1; // No milestone reached yet }; const getCurrentSpinsMilestoneIndex = (value = initialSpins) => { for (let i = spinsMilestones.length - 1; i >= 0; i--) { if (value >= spinsMilestones[i]) { return i; } } return -1; // No milestone reached yet }; // Handle gift box opening const handleBoxClick = (milestone, type = 'streak') => { setSelectedMilestone(milestone); setRewardType(type); setShowRewardPopup(true); }; // Handle reward claim const handleRewardClaim = (giftBoxOpens, isClaimingReward = true) => { // Mark gift box as opened regardless of whether the reward is claimed if (selectedMilestone) { const newOpenedBoxes = { ...openedBoxes }; if (rewardType === 'streak' && !newOpenedBoxes.streak.includes(selectedMilestone)) { newOpenedBoxes.streak.push(selectedMilestone); } else if (rewardType === 'spins' && !newOpenedBoxes.spins.includes(selectedMilestone)) { newOpenedBoxes.spins.push(selectedMilestone); } setOpenedBoxes(newOpenedBoxes); // Save to localStorage try { localStorage.setItem('opened_milestone_boxes', JSON.stringify(newOpenedBoxes)); console.log("Đã lưu trạng thái đã mở của hộp quà cột mốc:", newOpenedBoxes); } catch (e) { console.error("Lỗi khi lưu trạng thái đã mở của hộp quà cột mốc:", e); } } // Only update reward statistics if the user is claiming the reward if (isClaimingReward && giftBoxOpens && typeof giftBoxOpens === 'number') { // Update total gift box opens const newTotal = totalGiftBoxOpens + giftBoxOpens; console.log("Cập nhật totalGiftBoxOpens:", newTotal); // Cập nhật state ngay lập tức, không sử dụng setTimeout setTotalGiftBoxOpens(newTotal); // Lưu giá trị mới vào localStorage ngay lập tức để tránh mất dữ liệu khi refresh localStorage.setItem('total_gift_box_opens', newTotal.toString()); } // Close popup and reset selection setShowRewardPopup(false); setSelectedMilestone(null); }; // Provide context value const contextValue = { streak: initialStreak, spins: initialSpins, streakMilestones, spinsMilestones, openedBoxes, showRewardPopup, selectedMilestone, reachedMilestone, rewardType, totalGiftBoxOpens, getCurrentStreakMilestoneIndex, getCurrentSpinsMilestoneIndex, handleBoxClick, handleRewardClaim, setShowRewardPopup, setSelectedMilestone, setReachedMilestone, setRewardType, onStatsUpdate }; return ( {children} ); }; export default MilestoneProvider;27:T10d3,// NotificationSystem.js - Hệ thống hiển thị thông báo tạm thời import React, { useRef, useEffect, useState } from 'react'; import ReactDOM from 'react-dom/client'; // Tạo một div container để render thông báo let notificationContainerRef; let notificationRoot; // Khởi tạo container nếu chưa tồn tại const initializeNotificationContainer = () => { if (!notificationContainerRef) { notificationContainerRef = document.createElement('div'); notificationContainerRef.id = 'notification-container'; notificationContainerRef.style.position = 'fixed'; notificationContainerRef.style.top = '20px'; notificationContainerRef.style.right = '20px'; notificationContainerRef.style.zIndex = '9999'; document.body.appendChild(notificationContainerRef); // Khởi tạo root React notificationRoot = ReactDOM.createRoot(notificationContainerRef); } return notificationRoot; }; // Component hiển thị thông báo const NotificationComponent = ({ message, duration = 3000, type = 'info' }) => { const [visible, setVisible] = useState(true); const timeoutRef = useRef(null); useEffect(() => { timeoutRef.current = setTimeout(() => { setVisible(false); }, duration); return () => { if (timeoutRef.current) { clearTimeout(timeoutRef.current); } }; }, [duration]); if (!visible) return null; // Xác định style dựa trên loại thông báo const getStyle = () => { const baseStyle = { padding: '10px 15px', borderRadius: '5px', boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)', marginBottom: '10px', maxWidth: '300px', animation: 'slide-in 0.3s ease-out', position: 'relative', overflow: 'hidden', color: '#fff', fontWeight: 'bold', fontSize: '14px', fontFamily: 'Segoe UI, Roboto, Arial, sans-serif', display: 'flex', alignItems: 'center', opacity: visible ? '1' : '0', transition: 'opacity 0.3s ease-out', }; const styles = { info: { ...baseStyle, background: 'linear-gradient(135deg, #2C1810, #4A0E0E)', border: '1px solid #FFD700', }, success: { ...baseStyle, background: 'linear-gradient(135deg, #1e3c26, #2d5a3a)', border: '1px solid #4CAF50', }, warning: { ...baseStyle, background: 'linear-gradient(135deg, #704214, #8B5A2B)', border: '1px solid #FF9800', }, error: { ...baseStyle, background: 'linear-gradient(135deg, #772626, #a13030)', border: '1px solid #F44336', } }; return styles[type] || styles.info; }; return (

{type === 'info' && ℹ️} {type === 'success' && ✅} {type === 'warning' && ⚠️} {type === 'error' && ❌} {message}

); }; // Hàm hiển thị thông báo export const showNotification = (message, options = {}) => { const root = initializeNotificationContainer(); const id = Date.now(); // Render thông báo root.render( <> ); // Tự động xóa thông báo sau khi hết thời gian setTimeout(() => { root.render(null); }, (options.duration || 3000) + 500); // Thêm 500ms để hoàn thành animation }; export default { showNotification };28:T4067,// ClickUpDataManager.js - Quản lý đồng bộ dữ liệu với ClickUp // Phiên bản cải tiến hiệu suất import { extractCustomFieldValue } from 'clickupUtils'; class ClickUpDataManager { constructor() { this.AUTO_SYNC_INTERVAL = 15 * 1000; // 15 seconds this.intervalId = null; this.localStorageKey = 'remix_clickup_settings'; this.statsSettingsKey = 'remix_clickup_stats_settings'; this.cacheKey = 'clickup_data_cache'; this.lastSyncKey = 'clickup_last_sync'; this.requestInProgress = false; } // Initialize automatic sync with the provided settings initializeSync(settings, syncCallback) { // Clear any existing sync interval if (this.intervalId) { clearInterval(this.intervalId); this.intervalId = null; } // Check if we have the minimum required settings - chỉ cần API Key và Workspace ID const hasRequiredSettings = settings.apiKey && settings.workspace; if (!hasRequiredSettings) { console.warn("Không thể thiết lập đồng bộ tự động: thiếu API Key hoặc Workspace ID"); return; } // Kiểm tra cache trước khi thực hiện đồng bộ hóa ban đầu const cachedData = this.getDataFromCache(); const lastSync = this.getLastSyncTime(); const currentTime = Date.now(); // Nếu có dữ liệu cache và thời gian đồng bộ gần đây (dưới 10 giây) if (cachedData && lastSync && (currentTime - lastSync < 10000)) { // Sử dụng dữ liệu cache và gọi callback if (syncCallback && typeof syncCallback === 'function') { syncCallback(cachedData); } } else { // Thực hiện đồng bộ ban đầu nếu không có cache hoặc cache đã cũ this.fetchAndProcessData(settings, syncCallback); } // Set up automatic sync interval với cơ chế recovery this.setupIntervalWithRecovery(settings, syncCallback); // Return cleanup function return () => { if (this.intervalId) { // Dọn dẹp interval đồng bộ tự động clearInterval(this.intervalId); this.intervalId = null; } }; } // Phương thức mới để thiết lập interval với cơ chế phục hồi tự động setupIntervalWithRecovery(settings, syncCallback) { if (this.intervalId) { clearInterval(this.intervalId); this.intervalId = null; } this.intervalId = setInterval(() => { try { this.fetchAndProcessData(settings, syncCallback) .catch(error => { console.error("Lỗi trong quá trình đồng bộ tự động:", error); }); } catch (e) { console.error("Lỗi khi thực hiện đồng bộ tự động:", e); // Nếu có lỗi xảy ra, thử thiết lập lại interval if (this.intervalId) { clearInterval(this.intervalId); this.intervalId = null; // Thiết lập lại interval sau lỗi setTimeout(() => { this.setupIntervalWithRecovery(settings, syncCallback); }, 5000); // Thử lại sau 5 giây } } }, this.AUTO_SYNC_INTERVAL); } // Save settings to local storage saveSettings(settings) { try { localStorage.setItem(this.localStorageKey, JSON.stringify(settings)); return true; } catch (err) { console.error("Lỗi khi lưu cài đặt:", err); return false; } } // Save statistics source settings to local storage saveStatsSettings(settings) { try { localStorage.setItem(this.statsSettingsKey, JSON.stringify(settings)); return true; } catch (err) { console.error("Lỗi khi lưu cài đặt nguồn thống kê:", err); return false; } } // Load statistics source settings from local storage loadStatsSettings() { try { const settingsStr = localStorage.getItem(this.statsSettingsKey); if (!settingsStr) { return { sourceType: 'auto', // auto, task, customField taskId: '', // Dùng khi sourceType là 'task' customFieldIds: { // Dùng khi sourceType là 'customField' streak: '', totalSpins: '' } }; } return JSON.parse(settingsStr); } catch (err) { console.error("Lỗi khi tải cài đặt nguồn thống kê:", err); return { sourceType: 'auto', taskId: '', customFieldIds: { streak: '', totalSpins: '' } }; } } // Load settings from local storage loadSettings() { try { const settingsStr = localStorage.getItem(this.localStorageKey); return settingsStr ? JSON.parse(settingsStr) : null; } catch (err) { console.error("Lỗi khi tải cài đặt:", err); return null; } } // Core methods for synchronizing specific data with ClickUp API will be implemented as needed // These task processing functions are removed to streamline the code // Fetch statistics data (streak and total spins) from ClickUp async fetchClickUpStatsData(apiKey, workspaceId) { try { // Validate required settings if (!apiKey || !workspaceId) { console.error("API Key và Workspace ID là bắt buộc để lấy dữ liệu thống kê"); throw new Error("Missing API Key or Workspace ID"); } // Lấy cài đặt nguồn thống kê const statsSettings = this.loadStatsSettings(); // Kiểm tra nếu không có cài đặt task ID if (!statsSettings.taskId) { console.error("Không có Task ID được cấu hình"); throw new Error("Missing Task ID configuration"); } // Lấy dữ liệu trực tiếp từ task const response = await fetch(`https://api.clickup.com/api/v2/task/${statsSettings.taskId}`, { headers: { 'Authorization': apiKey } }); if (!response.ok) { console.error(`Không thể lấy dữ liệu từ task ${statsSettings.taskId}: ${response.status}`); throw new Error(`HTTP error! status: ${response.status}`); } const taskData = await response.json(); // Đã nhận dữ liệu từ ClickUp, tiếp tục xử lý // Xử lý dữ liệu từ custom fields if (!taskData.custom_fields || taskData.custom_fields.length === 0) { console.error("Không tìm thấy custom fields trong dữ liệu task"); throw new Error("Custom fields not found in task data"); } let currentStreak = 0; let totalSpins = 0; // Ưu tiên lấy dữ liệu bằng Custom Field ID nếu có if (statsSettings.streakCustomFieldId) { currentStreak = extractCustomFieldValue(taskData.custom_fields, statsSettings.streakCustomFieldId, true); // true: use exact ID match } else { console.warn("Streak Custom Field ID chưa được cấu hình, sử dụng phương pháp tìm kiếm tên."); currentStreak = extractCustomFieldValue(taskData.custom_fields, ['streak', 'chuỗi', 'ngày liên tiếp']); // Fallback to keyword search } if (statsSettings.spinsCustomFieldId) { totalSpins = extractCustomFieldValue(taskData.custom_fields, statsSettings.spinsCustomFieldId, true); // true: use exact ID match } else { console.warn("Total Spins Custom Field ID chưa được cấu hình, sử dụng phương pháp tìm kiếm tên."); totalSpins = extractCustomFieldValue(taskData.custom_fields, ['total', 'spin', 'quay', 'vòng quay']); // Fallback to keyword search } // Dữ liệu đã được trích xuất thành công console.log(`Đã trích xuất Streak: ${currentStreak}, Total Spins: ${totalSpins}`); if (currentStreak === 0 && totalSpins === 0) { console.warn("Dữ liệu trích xuất có giá trị 0, có thể có vấn đề với custom fields"); } return { currentStreak, totalSpins }; } catch (error) { console.error("Lỗi khi tải dữ liệu thống kê từ ClickUp:", error); return { currentStreak: 0, totalSpins: 0 }; } } // Phương thức để lấy và xử lý dữ liệu từ ClickUp với cơ chế chống trùng lặp và caching async fetchAndProcessData(settings, syncCallback, silent = false) { try { // Nếu đang có một request đang chạy, không bắt đầu request mới if (this.requestInProgress) { // Bỏ qua yêu cầu đồng bộ mới vì vẫn còn yêu cầu đang chạy return null; } // Kiểm tra và log rõ ràng về các điều kiện if (!settings) { if (!silent) console.warn("Thiếu thông tin cài đặt cho việc đồng bộ: không có settings"); return null; } if (!settings.apiKey) { if (!silent) console.warn("Thiếu thông tin cài đặt cho việc đồng bộ: không có API Key"); return null; } if (!settings.workspace) { if (!silent) console.warn("Thiếu thông tin cài đặt cho việc đồng bộ: không có Workspace ID"); return null; } this.requestInProgress = true; // Kiểm tra dữ liệu cache trước khi gọi API const cachedData = this.getDataFromCache(); const lastSync = this.getLastSyncTime(); const currentTime = Date.now(); // Nếu có dữ liệu cache và thời gian đồng bộ gần đây (dưới 10 giây) if (cachedData && lastSync && (currentTime - lastSync < 10000) && !silent) { // Giảm tải server bằng cách sử dụng cache cho những lần gọi liên tiếp if (syncCallback && typeof syncCallback === 'function') { syncCallback(cachedData); } this.requestInProgress = false; return cachedData; } // Gọi API để lấy dữ liệu mới const statsData = await this.fetchClickUpStatsData( settings.apiKey, settings.workspace ); if (statsData) { // Lưu dữ liệu vào cache this.saveDataToCache(statsData); this.updateLastSyncTime(); if (syncCallback && typeof syncCallback === 'function') { syncCallback(statsData); } } this.requestInProgress = false; return statsData; } catch (error) { this.requestInProgress = false; console.error("Lỗi khi đồng bộ dữ liệu:", error); // Thử lại sau một khoảng thời gian nếu gặp lỗi và không phải là silent mode if (!silent) { // Thử lại đồng bộ sau 5 giây do lỗi setTimeout(() => { this.fetchAndProcessData(settings, syncCallback, silent); }, 5000); } return null; } } // Phương thức mới để lấy dữ liệu từ task cụ thể async getDataFromSpecificTask(apiKey, taskId) { try { if (!apiKey || !taskId) { console.warn("API Key và Task ID là bắt buộc để lấy dữ liệu từ task cụ thể"); return null; } const response = await fetch(`https://api.clickup.com/api/v2/task/${taskId}`, { headers: { 'Authorization': apiKey } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const taskData = await response.json(); // Xử lý dữ liệu task và trích xuất thông tin cần thiết return { taskName: taskData.name, taskDescription: taskData.description }; } catch (error) { console.error("Lỗi khi lấy dữ liệu từ task cụ thể:", error); return null; } } // Task creation and update methods are removed to streamline the code // Phương thức để lưu dữ liệu vào cache saveDataToCache(data) { try { localStorage.setItem(this.cacheKey, JSON.stringify(data)); } catch (error) { console.error("Lỗi khi lưu dữ liệu vào cache:", error); } } // Phương thức để lấy dữ liệu từ cache getDataFromCache() { try { const cachedData = localStorage.getItem(this.cacheKey); return cachedData ? JSON.parse(cachedData) : null; } catch (error) { console.error("Lỗi khi lấy dữ liệu từ cache:", error); return null; } } // Phương thức để cập nhật thời gian đồng bộ hóa gần nhất updateLastSyncTime() { try { localStorage.setItem(this.lastSyncKey, Date.now().toString()); } catch (error) { console.error("Lỗi khi cập nhật thời gian đồng bộ:", error); } } // Phương thức để lấy thời gian đồng bộ hóa gần nhất getLastSyncTime() { try { const timestamp = localStorage.getItem(this.lastSyncKey); return timestamp ? parseInt(timestamp) : null; } catch (error) { console.error("Lỗi khi lấy thời gian đồng bộ:", error); return null; } } // Phương thức để xóa cache và làm mới dữ liệu clearCacheAndRefresh(settings, syncCallback) { try { localStorage.removeItem(this.cacheKey); localStorage.removeItem(this.lastSyncKey); return this.fetchAndProcessData(settings, syncCallback, true); } catch (error) { console.error("Lỗi khi xóa cache:", error); return null; } } // Phương thức để lấy danh sách Custom Fields của một Task async getCustomFieldsFromTask(apiKey, taskId) { try { if (!apiKey || !taskId) { console.error("API Key và Task ID là bắt buộc để lấy danh sách custom fields"); throw new Error("Missing API Key or Task ID"); } const response = await fetch(`https://api.clickup.com/api/v2/task/${taskId}`, { headers: { 'Authorization': apiKey } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const taskData = await response.json(); if (!taskData.custom_fields || taskData.custom_fields.length === 0) { console.warn("Không tìm thấy custom fields trong task"); return []; } // Lọc chỉ lấy các custom field kiểu số const numberFields = taskData.custom_fields.filter(field => field.type === 'number' || field.type === 'float' || field.type === 'integer' || field.type === 'currency' ); // Đã lấy danh sách custom fields return numberFields; } catch (error) { console.error("Lỗi khi lấy danh sách custom fields từ task:", error); return []; } } // Phương thức để cập nhật giá trị của Custom Fields async updateCustomFieldValue(apiKey, taskId, customFieldId, value) { try { if (!apiKey || !taskId || !customFieldId) { console.error("API Key, Task ID và Custom Field ID là bắt buộc để cập nhật giá trị custom field"); throw new Error("Missing required parameters"); } // ClickUp API yêu cầu value là string cho custom fields const stringValue = value.toString(); const response = await fetch(`https://api.clickup.com/api/v2/task/${taskId}/field/${customFieldId}`, { method: 'POST', headers: { 'Authorization': apiKey, 'Content-Type': 'application/json' }, body: JSON.stringify({ value: stringValue }) }); if (!response.ok) { const errorData = await response.json().catch(() => ({})); console.error("Chi tiết lỗi từ ClickUp API:", errorData); throw new Error(`HTTP error! status: ${response.status}`); } const responseData = await response.json(); // Đã cập nhật custom field thành công return true; } catch (error) { console.error("Lỗi khi cập nhật giá trị custom field:", error); return false; } } } // Export singleton instance const clickUpDataManager = new ClickUpDataManager(); export default clickUpDataManager;29:T402,// Utility functions for ClickUp API interactions // Extract value from custom fields by name keywords or exact ID export function extractCustomFieldValue(customFields, identifier, exactIdMatch = false) { if (!customFields || !Array.isArray(customFields)) return 0; for (const field of customFields) { let match = false; if (exactIdMatch) { // Match by exact field ID match = field.id === identifier; } else { // Match by name keywords (case insensitive, expects 'identifier' to be an array of strings) if (field.name && Array.isArray(identifier)) { match = identifier.some(name => field.name.toLowerCase().includes(name.toLowerCase()) ); } } if (match) { // Return numeric value if available if (field.value !== undefined && field.value !== null && !isNaN(parseFloat(field.value))) { return parseFloat(field.value); } } } // Return 0 if no matching field with a numeric value is found return 0; }2a:T9ed,class StatsDataManager { constructor() { this.localStorageKey = 'stats_data'; this.data = { totalSpins: 0, currentStreak: 0, usedOpens: 0 }; this.loadFromLocalStorage(); } // Tải dữ liệu từ localStorage loadFromLocalStorage() { try { const savedData = localStorage.getItem(this.localStorageKey); if (savedData) { const parsedData = JSON.parse(savedData); this.data = { totalSpins: 0, currentStreak: 0, usedOpens: 0, ...parsedData }; // Đảm bảo kiểu dữ liệu chính xác if (typeof this.data.currentStreak !== 'number') this.data.currentStreak = 0; if (typeof this.data.totalSpins !== 'number') this.data.totalSpins = 0; if (typeof this.data.usedOpens !== 'number') this.data.usedOpens = 0; } } catch (error) { console.error('Lỗi khi tải dữ liệu:', error); } return this.data; } // Lưu dữ liệu vào localStorage saveToLocalStorage() { try { localStorage.setItem(this.localStorageKey, JSON.stringify(this.data)); return true; } catch (error) { console.error('Lỗi khi lưu dữ liệu:', error); return false; } } // Cập nhật dữ liệu từ nguồn bên ngoài (ClickUp) updateFromExternalSource(sourceData) { if (!sourceData) return false; const { currentStreak, totalSpins, usedOpens } = sourceData; // Cập nhật dữ liệu hợp lệ if (typeof currentStreak === 'number') this.data.currentStreak = currentStreak; if (typeof totalSpins === 'number') this.data.totalSpins = totalSpins; if (typeof usedOpens === 'number') this.data.usedOpens = usedOpens; return this.saveToLocalStorage(); } // Lấy dữ liệu hiện tại getData() { return { currentStreak: this.data.currentStreak, totalSpins: this.data.totalSpins, usedOpens: this.data.usedOpens }; } // Cập nhật số lượt đã sử dụng updateUsedOpens(value) { if (typeof value === 'number' && value >= 0) { this.data.usedOpens = value; this.saveToLocalStorage(); console.log(`Đã cập nhật số lượt đã sử dụng: ${value}`); return true; } else { console.error('Giá trị không hợp lệ cho updateUsedOpens:', value); return false; } } } // Export singleton instance const statsDataManager = new StatsDataManager(); export default statsDataManager;2b:Tbfb,// Styles.js - Simplified styles for the app export const colors = { primary: '#FFD700', secondary: '#4A0E0E', textLight: '#FFFFFF', background: '#2E0808', }; export const appStyles = { container: { height: '100vh', overflow: 'auto', background: 'linear-gradient(135deg, #2E0808, #4A0E0E, #2E0808)', fontFamily: '"Segoe UI", Roboto, sans-serif', position: 'relative' }, contentContainer: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '100%', padding: '20px', maxWidth: '800px', margin: '0 auto', }, columnContainer: { display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%', marginBottom: '20px' }, pageTitle: { fontSize: '20px', color: colors.primary, textAlign: 'center', marginBottom: '10px' } }; export const dashboardStyles = { panel: { padding: '16px', background: '#2C1810', borderRadius: '8px', border: `1px solid ${colors.primary}`, display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%', maxWidth: '500px', margin: '16px 0' }, statsContainer: { display: 'flex', justifyContent: 'space-around', width: '100%', padding: '8px', }, statItem: { display: 'flex', alignItems: 'center', gap: '10px', flex: '1', minWidth: '140px', maxWidth: '160px', justifyContent: 'center', margin: '0 5px', }, statIcon: { display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '20px', backgroundColor: 'rgba(255, 215, 0, 0.2)', borderRadius: '6px', width: '35px', height: '35px', }, statLabel: { fontSize: '12px', color: colors.primary, opacity: 0.8, }, statValue: { color: colors.primary, fontWeight: 'bold', fontSize: '20px', }, }; // Thêm settings style để sử dụng với SettingsPanel export const settingsStyles = { button: { position: 'absolute', top: '10px', right: '10px', width: '40px', height: '40px', background: '#333', border: '1px solid #555', borderRadius: '4px', cursor: 'pointer', zIndex: 100 }, overlay: { position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, backgroundColor: 'rgba(0,0,0,0.7)', zIndex: 50, display: 'flex', alignItems: 'center', justifyContent: 'center' }, panel: { background: '#222', width: '90%', maxWidth: '300px', padding: '10px', borderRadius: '6px', position: 'relative' }, input: { width: '100%', padding: '5px', background: '#333', border: '1px solid #555', color: '#fff', borderRadius: '3px' }, saveButton: { width: '100%', padding: '6px', background: '#4A0E0E', color: colors.primary, border: 'none', borderRadius: '3px', cursor: 'pointer', marginTop: '8px' } }; export default { colors, appStyles, dashboardStyles, settingsStyles };2c:T1ff8,import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom/client'; import SettingsPanel from 'SettingsPanel'; import MilestoneTracker from 'MilestoneTrackerSplit'; import LuckyGiftBox from 'LuckyGiftBox'; import { showNotification } from 'NotificationSystem'; import { MilestoneProvider } from 'MilestoneContext'; import { appStyles } from 'Style'; import statsDataManager from 'StatsDataManager'; import clickUpDataManager from 'ClickUpDataManager'; import * as Sentry from "https://esm.sh/@sentry/react@7.93.0"; import { configureSentry } from 'SentryConfig'; // Add custom font styles const fontStyles = document.createElement('style'); fontStyles.textContent = ` @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap'); `; document.head.appendChild(fontStyles); // Initialize Sentry Sentry.init({ dsn: "YOUR_SENTRY_DSN_HERE", // Replace with your actual Sentry DSN integrations: [ new Sentry.BrowserTracing({ // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/], }), new Sentry.Replay(), ], // Performance Monitoring tracesSampleRate: 1.0, // Capture 100% of the transactions, reduce in production! // Session Replay replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production. replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur. }); // Configure Sentry with our custom settings configureSentry(Sentry); const App = () => { const [showSettings, setShowSettings] = useState(false); const [gameData, setGameData] = useState({ totalSpins: 0, currentStreak: 0, totalOpeningTurns: 0, receivedGiftBoxOpens: 0, usedOpens: 0 }); // Tải dữ liệu thống kê từ localStorage khi khởi động ứng dụng useEffect(() => { const savedData = statsDataManager.loadFromLocalStorage(); setGameData(prev => ({ ...prev, currentStreak: savedData.currentStreak || 0, totalSpins: savedData.totalSpins || 0, usedOpens: savedData.usedOpens || 0 })); // Thiết lập đồng bộ tự động với ClickUp const settings = clickUpDataManager.loadSettings(); if (settings && settings.apiKey && settings.workspace) { // Đồng bộ ngay lập tức khi khởi động ứng dụng clickUpDataManager.fetchAndProcessData(settings, syncCallback, false); // Thiết lập đồng bộ tự động clickUpDataManager.initializeSync(settings, syncCallback); } }, []); // Hàm callback khi đồng bộ với ClickUp const syncCallback = (clickUpData) => { const timeStamp = new Date().toLocaleTimeString(); if (clickUpData) { console.log(`[${timeStamp}] Đang đồng bộ dữ liệu từ ClickUp:`, clickUpData); // Không hiển thị thông báo cho người dùng cuối khi đồng bộ // Ghi log chi tiết hơn về dữ liệu nhận được console.log(`[${timeStamp}] Chi tiết dữ liệu: - currentStreak: ${clickUpData.currentStreak !== undefined ? clickUpData.currentStreak : 'không có'} - totalSpins: ${clickUpData.totalSpins !== undefined ? clickUpData.totalSpins : 'không có'} - totalOpeningTurns: ${clickUpData.totalOpeningTurns !== undefined ? clickUpData.totalOpeningTurns : 'không có'} `); // Cập nhật UI - Đảm bảo chuyển đổi thành số trước khi so sánh hoặc gán setGameData(prev => { // Chuyển đổi dữ liệu sang số const newStreak = typeof clickUpData.currentStreak === 'number' ? clickUpData.currentStreak : (clickUpData.currentStreak !== undefined ? Number(clickUpData.currentStreak) : prev.currentStreak); const newSpins = typeof clickUpData.totalSpins === 'number' ? clickUpData.totalSpins : (clickUpData.totalSpins !== undefined ? Number(clickUpData.totalSpins) : prev.totalSpins); const newOpeningTurns = typeof clickUpData.totalOpeningTurns === 'number' ? clickUpData.totalOpeningTurns : (clickUpData.totalOpeningTurns !== undefined ? Number(clickUpData.totalOpeningTurns) : prev.totalOpeningTurns); const newData = { ...prev, currentStreak: newStreak, totalSpins: newSpins, totalOpeningTurns: newOpeningTurns }; // Ghi log tất cả thuộc tính của gameData trước và sau khi cập nhật console.log(`[${timeStamp}] Dữ liệu gameData TRƯỚC khi cập nhật:`, JSON.stringify(prev)); console.log(`[${timeStamp}] Dữ liệu gameData SAU khi cập nhật:`, JSON.stringify(newData)); // Ghi log các thay đổi cụ thể if (prev.currentStreak !== newData.currentStreak) { console.log(`[${timeStamp}] Streak đã thay đổi: ${prev.currentStreak} -> ${newData.currentStreak}`); } if (prev.totalSpins !== newData.totalSpins) { console.log(`[${timeStamp}] Tổng vòng quay đã thay đổi: ${prev.totalSpins} -> ${newData.totalSpins}`); } if (prev.totalOpeningTurns !== newData.totalOpeningTurns) { console.log(`[${timeStamp}] Lượt mở hộp quà đã thay đổi: ${prev.totalOpeningTurns} -> ${newData.totalOpeningTurns}`); } return newData; }); // Cập nhật dữ liệu cục bộ statsDataManager.updateFromExternalSource(clickUpData); console.log(`[${timeStamp}] Dữ liệu đã được đồng bộ từ ClickUp và cập nhật thành công`); } else { console.warn(`[${timeStamp}] ⚠️ Không nhận được dữ liệu từ ClickUp trong callback`); console.trace("Stack trace cho lỗi không nhận được dữ liệu"); } }; return (

{ if (stats) { setGameData(prev => { const updatedData = { ...prev }; // Cập nhật totalOpeningTurns nếu có if (typeof stats.totalOpeningTurns === 'number') { updatedData.totalOpeningTurns = stats.totalOpeningTurns; } // Cập nhật receivedGiftBoxOpens nếu có if (typeof stats.receivedGiftBoxOpens === 'number') { updatedData.receivedGiftBoxOpens = stats.receivedGiftBoxOpens; } return updatedData; }); } }} totalGiftBoxOpens={gameData.totalOpeningTurns || 0} /> {/* Wrap LuckyGiftBox with own props */} { console.log(`Đã mở hộp quà số ${boxIndex + 1}`); }} totalGiftBoxOpens={gameData.totalOpeningTurns || 0} />

); }; const container = document.getElementById('renderDiv'); const root = ReactDOM.createRoot(container); root.render();2d:T1f96,import React, { useState, useEffect, useRef } from 'react'; import { colors } from 'Style'; import TimelineHeader from 'TimelineHeader'; import TimelineTrack from 'TimelineTrack'; import RewardPopup from 'RewardPopup'; import StatusCounter from 'StatusCounter'; import { MilestoneProvider, useMilestoneContext } from 'MilestoneContext'; const MilestoneDisplay = () => { const { streak, spins, streakMilestones, spinsMilestones, openedBoxes, showRewardPopup, selectedMilestone, reachedMilestone, rewardType, totalGiftBoxOpens, getCurrentStreakMilestoneIndex, getCurrentSpinsMilestoneIndex, handleBoxClick, handleRewardClaim, onStatsUpdate } = useMilestoneContext(); // Refs for scrolling to current milestone const streakTimelineRef = useRef(); const spinsTimelineRef = useRef(); // Auto-scroll for streak timeline useEffect(() => { const currentMilestoneIndex = getCurrentStreakMilestoneIndex(); if (streakTimelineRef.current) { setTimeout(() => { const currentMilestoneEl = streakTimelineRef.current.querySelector('.current-milestone'); if (currentMilestoneEl) { const scrollPosition = currentMilestoneEl.offsetTop - streakTimelineRef.current.clientHeight / 2; streakTimelineRef.current.scrollTop = Math.max(0, scrollPosition); } }, 300); } }, [streak, getCurrentStreakMilestoneIndex]); // Auto-scroll for spins timeline useEffect(() => { const currentSpinsMilestoneIndex = getCurrentSpinsMilestoneIndex(); if (spinsTimelineRef.current) { setTimeout(() => { if (currentSpinsMilestoneIndex >= 0) { const milestoneElements = spinsTimelineRef.current.querySelectorAll('.timeline-item'); if (milestoneElements && milestoneElements[currentSpinsMilestoneIndex]) { const targetElement = milestoneElements[currentSpinsMilestoneIndex]; const scrollPosition = targetElement.offsetTop - spinsTimelineRef.current.clientHeight / 2; spinsTimelineRef.current.scrollTop = Math.max(0, scrollPosition); } } }, 300); } }, [spins, getCurrentSpinsMilestoneIndex]); return (

{/* Timeline containers */}

{/* Streak timeline */}

{/* Streak header */} {/* Streak timeline */}

{/* Custom scrollbar styles */} handleBoxClick(milestone, 'streak')} milestoneType="streak" getCurrentMilestoneIndex={getCurrentStreakMilestoneIndex} />

{/* Spins timeline */}

{/* Spins header */} {/* Spins timeline */}

handleBoxClick(milestone, 'spins')} milestoneType="spins" getCurrentMilestoneIndex={getCurrentSpinsMilestoneIndex} />

{/* Reward popup */} { handleRewardClaim(giftBoxOpens); }} rewardType={rewardType} onStatsUpdate={onStatsUpdate} totalGiftBoxOpens={totalGiftBoxOpens} />

); }; // Main component that wraps everything with the provider const MilestoneTracker = ({ currentStreak = 0, totalSpins = 0, onStatsUpdate }) => { return ( ); }; export default MilestoneTracker;2e:T520b,import React, { useState, useEffect, useCallback } from 'react'; import clickUpDataManager from 'ClickUpDataManager'; const SettingsPanel = ({ showSettings, setShowSettings }) => { const [isPasswordVerified, setIsPasswordVerified] = useState(false); const [password, setPassword] = useState(''); const [passwordError, setPasswordError] = useState(''); const [settings, setSettings] = useState({ apiKey: '', workspace: '', taskId: '', scholarshipTaskId: '', // Thêm trường mới cho Task ID lưu Học Bổng và Điểm Đổi Quà scholarshipCustomFieldId: '', // ID của custom field cho Học Bổng pointsCustomFieldId: '', // ID của custom field cho Điểm Đổi Quà streakCustomFieldId: '', // ID của custom field cho Streak spinsCustomFieldId: '' // ID của custom field cho Total Spins }); const [isLoading, setIsLoading] = useState(false); const [showCustomFields, setShowCustomFields] = useState(false); const [customFields, setCustomFields] = useState([]); // Fields for Scholarship/Points const [isLoadingCustomFields, setIsLoadingCustomFields] = useState(false); // Loading state for Scholarship/Points fields const [streakSpinsCustomFields, setStreakSpinsCustomFields] = useState([]); // Fields for Streak/Spins const [isLoadingStreakSpinsFields, setIsLoadingStreakSpinsFields] = useState(false); // Loading state for Streak/Spins fields const [showStreakSpinsFields, setShowStreakSpinsFields] = useState(false); // Visibility for Streak/Spins dropdowns useEffect(() => { if (showSettings) { const loadedSettings = clickUpDataManager.loadSettings() || {}; const statsSettings = clickUpDataManager.loadStatsSettings() || {}; setSettings({ apiKey: loadedSettings.apiKey || '', workspace: loadedSettings.workspace || '', taskId: statsSettings.taskId || '', // Task for streak/spins scholarshipTaskId: statsSettings.scholarshipTaskId || '', // Task for scholarship/points scholarshipCustomFieldId: statsSettings.scholarshipCustomFieldId || '', pointsCustomFieldId: statsSettings.pointsCustomFieldId || '', streakCustomFieldId: statsSettings.streakCustomFieldId || '', // Load streak field ID spinsCustomFieldId: statsSettings.spinsCustomFieldId || '' // Load spins field ID }); } }, [showSettings]); const handleChange = (e) => { const { id, value } = e.target; setSettings(prev => ({ ...prev, [id]: value })); }; const saveSettings = useCallback(() => { setIsLoading(true); try { clickUpDataManager.saveSettings({ apiKey: settings.apiKey, workspace: settings.workspace }); clickUpDataManager.saveStatsSettings({ sourceType: 'task', taskId: settings.taskId, scholarshipTaskId: settings.scholarshipTaskId, scholarshipCustomFieldId: settings.scholarshipCustomFieldId, pointsCustomFieldId: settings.pointsCustomFieldId, streakCustomFieldId: settings.streakCustomFieldId, // Save streak field ID spinsCustomFieldId: settings.spinsCustomFieldId // Save spins field ID }); // Reset custom fields if the relevant Task ID changes if (settings.taskId !== clickUpDataManager.loadStatsSettings().taskId) { console.log("Đã phát hiện thay đổi Task ID cho Streak/Spins"); setSettings(prev => ({ ...prev, streakCustomFieldId: '', spinsCustomFieldId: '' })); // Reset Streak/Spins custom fields if the Task ID changes setStreakSpinsCustomFields([]); setShowStreakSpinsFields(false); } // Kiểm tra và lưu Task ID mới nếu có thay đổi for scholarship/points if (settings.scholarshipTaskId !== clickUpDataManager.loadStatsSettings().scholarshipTaskId) { console.log("Đã phát hiện thay đổi Task ID cho Học Bổng/Điểm Đổi Quà"); // Reset các custom field đã chọn khi Task ID thay đổi setSettings(prev => ({ ...prev, scholarshipCustomFieldId: '', pointsCustomFieldId: '' })); setShowCustomFields(false); // Reset visibility for scholarship/points fields setCustomFields([]); // Clear the fetched fields list for scholarship/points } // Đồng bộ dữ liệu sau khi lưu cài đặt clickUpDataManager.clearCacheAndRefresh( {apiKey: settings.apiKey, workspace: settings.workspace}, null ); setShowSettings(false); } catch (error) { console.error("Lỗi khi lưu cài đặt:", error); } finally { setIsLoading(false); } }, [settings, setShowSettings]); // Hàm lấy custom fields từ task ID học bổng/điểm đổi quà const fetchScholarshipPointsCustomFields = useCallback(async () => { if (!settings.apiKey || !settings.scholarshipTaskId) { alert('Bạn cần nhập API Key và Task ID cho Học Bổng/Điểm Đổi Quà trước!'); return; } setIsLoadingCustomFields(true); try { // Gọi API để lấy thông tin task const response = await fetch(`https://api.clickup.com/api/v2/task/${settings.scholarshipTaskId}`, { headers: { 'Authorization': settings.apiKey } }); if (!response.ok) { throw new Error(`Lỗi khi tải thông tin task: ${response.status}`); } const taskData = await response.json(); // Kiểm tra và lấy custom fields if (taskData.custom_fields && Array.isArray(taskData.custom_fields) && taskData.custom_fields.length > 0) { // Lọc chỉ lấy các custom field kiểu số const numberFields = taskData.custom_fields.filter(field => field.type === 'number' || field.type === 'float' || field.type === 'integer' || field.type === 'currency' ); setCustomFields(numberFields); setShowCustomFields(true); } else { alert('Không tìm thấy custom fields trong task!'); } } catch (error) { console.error('Lỗi khi lấy custom fields:', error); alert(`Lỗi: ${error.message}`); } finally { setIsLoadingCustomFields(false); } }, [settings.apiKey, settings.scholarshipTaskId]); // Hàm lấy custom fields từ task ID streak/spins const fetchStreakSpinsCustomFields = useCallback(async () => { if (!settings.apiKey || !settings.taskId) { alert('Bạn cần nhập API Key và Task ID cho Streak/Spins trước!'); return; } setIsLoadingStreakSpinsFields(true); try { const response = await fetch(`https://api.clickup.com/api/v2/task/${settings.taskId}`, { headers: { 'Authorization': settings.apiKey } }); if (!response.ok) throw new Error(`Lỗi khi tải thông tin task Streak/Spins: ${response.status}`); const taskData = await response.json(); if (taskData.custom_fields && Array.isArray(taskData.custom_fields) && taskData.custom_fields.length > 0) { const numberFields = taskData.custom_fields.filter(field => ['number', 'float', 'integer', 'currency'].includes(field.type) ); setStreakSpinsCustomFields(numberFields); setShowStreakSpinsFields(true); // Show dropdowns after fetching } else { alert('Không tìm thấy custom fields kiểu số trong task Streak/Spins!'); setShowStreakSpinsFields(false); // Hide if no fields found } } catch (error) { console.error('Lỗi khi lấy custom fields Streak/Spins:', error); alert(`Lỗi Streak/Spins Fields: ${error.message}`); setShowStreakSpinsFields(false); // Hide on error } finally { setIsLoadingStreakSpinsFields(false); } }, [settings.apiKey, settings.taskId]); const verifyPassword = () => { if (password === '1') { setIsPasswordVerified(true); setPasswordError(''); } else { setPasswordError('Mật khẩu không đúng!'); } }; useEffect(() => { // Reset password verification when settings panel is closed if (!showSettings) { setIsPasswordVerified(false); setPassword(''); setPasswordError(''); } }, [showSettings]); if (!showSettings) { return ( ); } const inputStyle = { width: '100%', padding: '5px', background: '#333', border: '1px solid #555', color: '#fff', borderRadius: '3px' }; return (

{isPasswordVerified ? 'Cài đặt ClickUp' : 'Xác thực mật khẩu'}

{!isPasswordVerified ? ( <>

Mật khẩu quản trị setPassword(e.target.value)} style={inputStyle} onKeyDown={(e) => e.key === 'Enter' && verifyPassword()} /> {passwordError && (

{passwordError}

)}

) : ( <>

API Key *

Workspace ID *

Task ID cho Streak *

Chứa dữ liệu Streak và Tổng Vòng Quay (Số).

{/* Nút lấy custom fields cho Streak/Spins */} {settings.taskId && !showStreakSpinsFields && (

)}

Task ID cho Học Bổng/Điểm Đổi Quà

Chứa dữ liệu Học Bổng và Điểm Đổi Quà

{/* Nút lấy custom fields - hiển thị khi có Task ID học bổng */} {settings.scholarshipTaskId && !showCustomFields && (

)} {/* Khu vực chọn Custom Fields - chỉ hiển thị khi đã lấy dữ liệu custom fields */} {showCustomFields && customFields.length > 0 && (

Chọn Fields Học Bổng/Điểm:

{/* Chọn field cho Học Bổng */}

Custom Field cho Học Bổng:

{/* Chọn field cho Điểm Đổi Quà */}

Custom Field cho Điểm Đổi Quà:

)} {/* Khu vực chọn Custom Fields cho Streak/Spins */} {showStreakSpinsFields && streakSpinsCustomFields.length > 0 && (

Chọn Fields Streak/Spins:

{/* Chọn field cho Streak */}

Custom Field cho Streak:

{/* Chọn field cho Total Spins */}

Custom Field cho Total Spins:

)} )}

); }; export default SettingsPanel;2f:T9d30,import React, { useState, useEffect, useCallback } from 'react'; import { colors } from 'Style'; const GiftRewardPopup = ({ isVisible, onClose, boxIndex, isDoubleReward = false }) => { const [rewardType, setRewardType] = useState(null); const [rewardValue, setRewardValue] = useState(0); const [confetti, setConfetti] = useState([]); const [originalValue, setOriginalValue] = useState(0); const handleClose = useCallback((isClaimingReward = true) => { if (onClose) { onClose(boxIndex, rewardType, rewardValue, isClaimingReward); } }, [boxIndex, rewardType, rewardValue, onClose]); useEffect(() => { if (isVisible) { generateRandomReward(); createConfetti(); } else { setConfetti([]); } }, [isVisible]); // Generate random reward const generateRandomReward = () => { // Determine reward type (50% chance for points, 50% chance for scholarship) const isPoints = Math.random() < 0.5; if (isPoints) { // Điểm Đổi Quà distribution (based on 1000 boxes) const random = Math.random() * 1000; let points; if (random < 350) { // 35% - từ 5-10 điểm points = Math.floor(Math.random() * 6) + 5; // Random từ 5-10 } else if (random < 650) { // 30% - từ 11-20 điểm points = Math.floor(Math.random() * 10) + 11; // Random từ 11-20 } else if (random < 870) { // 22% - từ 21-30 điểm points = Math.floor(Math.random() * 10) + 21; // Random từ 21-30 } else if (random < 970) { // 10% - từ 31-40 điểm points = Math.floor(Math.random() * 10) + 31; // Random từ 31-40 } else if (random < 990) { // 2% - từ 41-49 điểm points = Math.floor(Math.random() * 9) + 41; // Random từ 41-49 } else { // 1% - 50 điểm points = 50; } setRewardType('points'); setOriginalValue(points); setRewardValue(isDoubleReward ? points * 2 : points); } else { // Học Bổng distribution (based on 1000 boxes) const random = Math.random() * 1000; let scholarship; if (random < 400) { // 40% - từ 50K-100K scholarship = Math.floor(Math.random() * 51) * 1000 + 50000; // Random từ 50K-100K } else if (random < 700) { // 30% - từ 101K-200K scholarship = Math.floor(Math.random() * 100) * 1000 + 101000; // Random từ 101K-200K } else if (random < 870) { // 17% - từ 201K-300K scholarship = Math.floor(Math.random() * 100) * 1000 + 201000; // Random từ 201K-300K } else if (random < 970) { // 10% - từ 301K-400K scholarship = Math.floor(Math.random() * 100) * 1000 + 301000; // Random từ 301K-400K } else if (random < 990) { // 2% - từ 401K-499K scholarship = Math.floor(Math.random() * 99) * 1000 + 401000; // Random từ 401K-499K } else { // 1% - 500K scholarship = 500000; } setRewardType('scholarship'); setOriginalValue(scholarship); setRewardValue(isDoubleReward ? scholarship * 2 : scholarship); } }; useEffect(() => { if (isVisible) { generateRandomReward(); createConfetti(); } else { setConfetti([]); } }, [isVisible]); // Create confetti effect const createConfetti = () => { const colors = ['#FFD700', '#FFA500', '#FF4500', '#FF6347', '#FF8C00', '#FFFFFF', '#FFFF00', '#FFEC8B']; const shapes = ['circle', 'square', 'triangle']; const newConfetti = []; for (let i = 0; i < 100; i++) { newConfetti.push({ id: i, x: Math.random() * 100, y: -20 - Math.random() * 15, size: 5 + Math.random() * 10, color: colors[Math.floor(Math.random() * colors.length)], shape: shapes[Math.floor(Math.random() * shapes.length)], speed: 1 + Math.random() * 3, angle: Math.random() * 6 - 3, rotation: Math.random() * 360, rotationSpeed: Math.random() * 6 - 3, opacity: 0.7 + Math.random() * 0.3, }); } setConfetti(newConfetti); }; // Update confetti animation useEffect(() => { if (confetti.length === 0) return; const updateConfetti = () => { setConfetti(prev => prev.map(particle => ({ ...particle, y: particle.y + particle.speed, x: particle.x + Math.sin(particle.y * 0.1) * particle.angle * 0.1, rotation: (particle.rotation + particle.rotationSpeed) % 360, opacity: particle.y > 100 ? Math.max(0, 1 - (particle.y - 100) / 20) : particle.opacity })).filter(particle => particle.y < 120) ); }; const interval = setInterval(updateConfetti, 50); return () => clearInterval(interval); }, [confetti]); // Render confetti particle const renderConfettiParticle = (particle) => { const baseStyle = { position: 'absolute', left: `${particle.x}%`, top: `${particle.y}%`, width: `${particle.size}px`, height: `${particle.size}px`, backgroundColor: particle.color, opacity: particle.opacity, transform: `rotate(${particle.rotation}deg)`, zIndex: 999 }; if (particle.shape === 'circle') { return (

); } else if (particle.shape === 'square') { return (

); } else if (particle.shape === 'triangle') { return (

); } return null; }; // If not visible, return null if (!isVisible) return null; return (

{/* Confetti */} {confetti.map(particle => renderConfettiParticle(particle))} {/* Popup content */}

{/* Hiệu ứng nền cho x2 */} {isDoubleReward && (

)} {/* Close button */} {/* Gift or Money image */}

{/* Hiệu ứng ánh sáng xung quanh icon khi nhận x2 */} {isDoubleReward && (

)}

{/* Title */}

{isDoubleReward ? '🎊 BẤT NGỜ LỚN! 🎊' : '🎉 Chúc mừng! 🎉'}

{/* Reward type */}

Bạn nhận được:

{/* Reward value */}

{rewardType === 'points' ? 'Điểm Đổi Quà' : 'Học Bổng Chiến Thắng'}

{rewardType === 'points' ? `${rewardValue} Điểm` : `${rewardValue.toLocaleString()} VNĐ`}

{/* Hiển thị thông tin về nhân đôi phần thưởng */} {isDoubleReward && (

{/* Hiệu ứng nền phát sáng */}

{/* Tiêu đề X2 lớn và nổi bật */}

×2 PHẦN THƯỞNG!

{/* Hiệu ứng tia sáng */}

{/* Công thức nhân đôi */}

{originalValue} {rewardType === 'points' ? 'Điểm' : 'VNĐ'} × 2 = {rewardValue} {rewardType === 'points' ? 'Điểm' : 'VNĐ'}

{/* Message */}

Bạn đã mở trúng hộp quà nhân đôi - tỉ lệ cực hiếm!

{/* Hiệu ứng hạt lấp lánh */} {Array.from({length: 5}).map((_, i) => (

))}

)} {/* Hiển thị thông điệp cho phần thưởng hiếm */} {((rewardType === 'points' && (rewardValue >= 41 && rewardValue <= 49)) || (rewardType === 'points' && rewardValue === 50) || (rewardType === 'scholarship' && (rewardValue >= 401000 && rewardValue <= 499000)) || (rewardType === 'scholarship' && rewardValue === 500000)) && (

{rewardType === 'points' && rewardValue === 50 && (

{/* Hiệu ứng nền phát sáng */}

{/* Tiêu đề */}

🌟 PHẦN THƯỞNG CỰC HIẾM! 🌟

{/* Hiệu ứng tia sáng */}

{/* Nội dung */}

Chúc mừng! Bạn vừa mở trúng phần thưởng có tỉ lệ CHỈ 1% cực kỳ hiếm!

{/* Hiệu ứng hạt lấp lánh */} {Array.from({length: 5}).map((_, i) => (

))}

)} {rewardType === 'points' && (rewardValue >= 41 && rewardValue <= 49) && (

{/* Hiệu ứng nền phát sáng */}

{/* Tiêu đề */}

✨ PHẦN THƯỞNG HIẾM! ✨

{/* Nội dung */}

Tuyệt vời! Bạn vừa mở được phần thưởng hiếm với tỉ lệ chỉ 2% người chơi nhận được!

{/* Hiệu ứng hạt lấp lánh */} {Array.from({length: 3}).map((_, i) => (

))}

)} {rewardType === 'scholarship' && rewardValue === 500000 && (

{/* Hiệu ứng nền phát sáng */}

{/* Tiêu đề */}

🏆 HỌC BỔNG SIÊU HIẾM! 🏆

{/* Hiệu ứng tia sáng */}

{/* Nội dung */}

Không thể tin được! Bạn vừa nhận được học bổng cực kỳ hiếm với tỉ lệ CHỈ 1%!

{/* Hiệu ứng hạt lấp lánh */} {Array.from({length: 5}).map((_, i) => (

))}

)} {rewardType === 'scholarship' && (rewardValue >= 401000 && rewardValue <= 499000) && (

{/* Hiệu ứng nền phát sáng */}

{/* Tiêu đề */}

💰 HỌC BỔNG HIẾM! 💰

{/* Nội dung */}

Xuất sắc! Bạn vừa nhận được học bổng giá trị hiếm có với tỉ lệ chỉ 2% người chơi đạt được!

{/* Hiệu ứng hạt lấp lánh */} {Array.from({length: 3}).map((_, i) => (

))}

)}

{/* Claim button */}

{/* CSS Animation */}

); }; export default GiftRewardPopup;30:T7621,import React, { useState, useEffect, useCallback } from 'react'; import { colors } from 'Style'; import GiftRewardPopup from 'GiftRewardPopup'; import clickUpDataManager from 'ClickUpDataManager'; const LuckyGiftBox = ({ onGiftBoxOpen, totalGiftBoxOpens }) => { // Thay vì sử dụng MilestoneContext, chúng ta sẽ quản lý trạng thái hộp quà cục bộ // để tránh lỗi liên quan đến context // Trạng thái của mỗi hộp quà (true: đã mở, false: chưa mở) const [giftBoxes, setGiftBoxes] = useState(Array(30).fill(false)); // Sử dụng state thay vì context const [openedBoxes, setOpenedBoxes] = useState({ streak: [], spins: [] }); // Trạng thái cho hộp X2 const [doubleRewardBoxIndex, setDoubleRewardBoxIndex] = useState(() => { const savedIndex = localStorage.getItem('double_reward_box_index'); return savedIndex ? parseInt(savedIndex, 10) : Math.floor(Math.random() * 30); }); // State for total exchange points and total scholarship const [totalExchangePoints, setTotalExchangePoints] = useState(() => { const storedPoints = localStorage.getItem('totalExchangePoints'); return storedPoints ? parseInt(storedPoints, 10) : 0; }); const [totalScholarship, setTotalScholarship] = useState(() => { const storedScholarship = localStorage.getItem('totalScholarship'); return storedScholarship ? parseInt(storedScholarship, 10) : 0; }); // Effect to save values to localStorage and trigger sync when they change useEffect(() => { localStorage.setItem('totalExchangePoints', totalExchangePoints.toString()); localStorage.setItem('totalScholarship', totalScholarship.toString()); syncWithClickUp(); }, [totalExchangePoints, totalScholarship]); // Function to sync data with ClickUp const syncWithClickUp = useCallback(() => { const settings = clickUpDataManager.loadSettings(); const statsSettings = clickUpDataManager.loadStatsSettings(); if (settings && settings.apiKey && statsSettings && statsSettings.scholarshipTaskId) { // Sync Điểm đổi quà if (statsSettings.pointsCustomFieldId) { clickUpDataManager.updateCustomFieldValue( settings.apiKey, statsSettings.scholarshipTaskId, statsSettings.pointsCustomFieldId, totalExchangePoints ); } // Sync Học bổng if (statsSettings.scholarshipCustomFieldId) { clickUpDataManager.updateCustomFieldValue( settings.apiKey, statsSettings.scholarshipTaskId, statsSettings.scholarshipCustomFieldId, totalScholarship ); } } }, [totalExchangePoints, totalScholarship]); // Thêm state để theo dõi tổng số lượt mở đã sử dụng const [totalUsedOpens, setTotalUsedOpens] = useState(() => { const savedTotal = localStorage.getItem('total_used_opens'); return savedTotal ? parseInt(savedTotal, 10) : 0; }); // Tính toán số lượt đã sử dụng từ các hộp quà đã mở const usedOpens = giftBoxes.filter(box => box === true).length; // Tính toán số lượt mở còn lại dựa trên tổng số và TỔNG số đã sử dụng const remainingOpens = Math.max(0, (totalGiftBoxOpens || 0) - totalUsedOpens); // Kiểm tra nếu tất cả 30 hộp quà đã được mở useEffect(() => { if (usedOpens === 30 && remainingOpens > 0) { console.log("Đã mở hết 30 hộp quà, tự động reset"); // Phát âm thanh chúc mừng try { const congratsSound = new Audio('https://play.rosebud.ai/assets/Chuc Mung.mp3?wk55'); congratsSound.volume = 0.7; congratsSound.play() .then(() => console.log("Congratulations sound playing")) .catch(err => console.log('Error playing congratulations sound:', err)); } catch (error) { console.error("Could not play congratulations sound:", error); } // Reset trạng thái hộp quà nhưng giữ nguyên điểm và học bổng const newGiftBoxes = Array(30).fill(false); setGiftBoxes(newGiftBoxes); // Chọn ngẫu nhiên một hộp quà mới làm hộp X2 const newDoubleRewardBoxIndex = Math.floor(Math.random() * 30); setDoubleRewardBoxIndex(newDoubleRewardBoxIndex); // Lưu trạng thái mới vào localStorage try { localStorage.setItem('lucky_gift_boxes', JSON.stringify(newGiftBoxes)); localStorage.setItem('double_reward_box_index', newDoubleRewardBoxIndex.toString()); } catch (e) { console.error("Lỗi khi lưu trạng thái hộp quà:", e); } } }, [usedOpens, remainingOpens]); // Load openedBoxes từ localStorage khi component khởi tạo useEffect(() => { try { const savedOpenedBoxes = localStorage.getItem('opened_milestone_boxes'); if (savedOpenedBoxes) { setOpenedBoxes(JSON.parse(savedOpenedBoxes)); } } catch (e) { console.error("Lỗi khi tải trạng thái openedBoxes:", e); } }, []); // Thêm state cho popup phần thưởng const [showRewardPopup, setShowRewardPopup] = useState(false); const [selectedBoxIndex, setSelectedBoxIndex] = useState(null); const [rewardType, setRewardType] = useState(null); const [rewardValue, setRewardValue] = useState(0); const [isDoubleReward, setIsDoubleReward] = useState(false); useEffect(() => { // Tải trạng thái hộp quà từ localStorage try { const savedState = localStorage.getItem('lucky_gift_boxes'); if (savedState) { setGiftBoxes(JSON.parse(savedState)); } } catch (e) { console.error("Lỗi khi tải trạng thái hộp quà:", e); } }, []); // Cập nhật lại trạng thái mỗi khi totalGiftBoxOpens thay đổi useEffect(() => { console.log("totalGiftBoxOpens cập nhật:", totalGiftBoxOpens); }, [totalGiftBoxOpens]); // Kích thước mới của grid const ROWS = 5; const COLS = 6; // States for anticipation effect const [isAnticipating, setIsAnticipating] = useState(false); const [anticipatingBoxIndex, setAnticipatingBoxIndex] = useState(null); const [anticipationPhase, setAnticipationPhase] = useState(0); const [anticipationMessage, setAnticipationMessage] = useState(''); // Anticipation messages in sequence const anticipationMessages = [ "Có gì đó đặc biệt...", "Chờ chút nữa thôi...", "Sắp lộ diện rồi!" ]; // Xử lý khi click vào hộp quà const handleBoxClick = (index) => { // Kiểm tra nếu hộp chưa mở và còn lượt mở if (!giftBoxes[index] && remainingOpens > 0) { // Bắt đầu hiệu ứng anticipation setIsAnticipating(true); setAnticipatingBoxIndex(index); setAnticipationPhase(0); setAnticipationMessage(anticipationMessages[0]); // Phát âm thanh hồi hộp playAnticipationSound(); // Sau khoảng thời gian, chuyển sang phase tiếp theo setTimeout(() => { setAnticipationPhase(1); setAnticipationMessage(anticipationMessages[1]); }, 2000); // Sau đó chuyển phase cuối setTimeout(() => { setAnticipationPhase(2); setAnticipationMessage(anticipationMessages[2]); }, 4000); // Cuối cùng hiển thị popup phần thưởng setTimeout(() => { setIsAnticipating(false); setAnticipatingBoxIndex(null); // Kiểm tra xem hộp quà có phải là hộp X2 không const isDouble = index === doubleRewardBoxIndex; setIsDoubleReward(isDouble); // Đặt hộp quà đã chọn và hiển thị popup phần thưởng setSelectedBoxIndex(index); setShowRewardPopup(true); }, 6000); } }; // Phát âm thanh hồi hộp const playAnticipationSound = () => { try { const audio = new Audio('https://play.rosebud.ai/assets/Loading.mp3?Bteo'); audio.volume = 0.7; audio.play() .then(() => console.log("Anticipation sound playing")) .catch(err => console.log('Error playing anticipation sound:', err)); } catch (error) { console.error("Could not play anticipation sound:", error); } }; // Lưu tổng số lượt đã sử dụng vào localStorage useEffect(() => { localStorage.setItem('total_used_opens', totalUsedOpens.toString()); }, [totalUsedOpens]); // Xử lý khi đóng popup phần thưởng const handleCloseRewardPopup = (boxIndex, type, value, isClaimingReward = true) => { if (boxIndex !== null) { // Tạo mảng mới với hộp tương ứng được đánh dấu là đã mở const newOpenedBoxes = [...giftBoxes]; newOpenedBoxes[boxIndex] = true; setGiftBoxes(newOpenedBoxes); // Cập nhật tổng số lượt đã sử dụng setTotalUsedOpens(prev => prev + 1); // Lưu trạng thái vào localStorage try { localStorage.setItem('lucky_gift_boxes', JSON.stringify(newOpenedBoxes)); } catch (e) { console.error("Lỗi khi lưu trạng thái hộp quà:", e); } let newTotalExchangePoints = totalExchangePoints; let newTotalScholarship = totalScholarship; // Cập nhật thống kê bất kể người dùng có chủ động nhận phần thưởng hay không if (type === 'points') { newTotalExchangePoints += value; setTotalExchangePoints(newTotalExchangePoints); } else if (type === 'scholarship') { newTotalScholarship += value; setTotalScholarship(newTotalScholarship); } // Cập nhật thông tin reward type và value setRewardType(type); // Nếu là hộp X2, nhân đôi giá trị phần thưởng const finalValue = isDoubleReward ? value * 2 : value; setRewardValue(finalValue); // Gọi callback nếu có if (onGiftBoxOpen && typeof onGiftBoxOpen === 'function') { onGiftBoxOpen(boxIndex, { rewardType: type, rewardValue: value, totalExchangePoints: newTotalExchangePoints, totalScholarship: newTotalScholarship, isClaimingReward: isClaimingReward }); } // Reset selected box setSelectedBoxIndex(null); } // Ẩn popup phần thưởng setShowRewardPopup(false); }; // Tạo mảng các hộp quà (5 hàng x 6 cột = 30 hộp) const renderGiftBoxes = () => { const boxes = []; for (let i = 0; i < ROWS * COLS; i++) { // Xác định nếu hộp đang trong trạng thái anticipation const isAnticipatingThis = isAnticipating && anticipatingBoxIndex === i; boxes.push(

handleBoxClick(i)} style={{ width: 'calc(16.666% - 10px)', aspectRatio: '1', margin: '5px', backgroundImage: `url(https://play.rosebud.ai/assets/12.gif?63ZY)`, backgroundSize: 'cover', backgroundPosition: 'center', borderRadius: '8px', cursor: remainingOpens > 0 && !giftBoxes[i] && !isAnticipating ? 'pointer' : 'default', transition: 'all 0.3s ease', transform: isAnticipatingThis ? 'scale(1.15)' : remainingOpens > 0 && !giftBoxes[i] ? 'scale(1)' : 'scale(0.95)', opacity: giftBoxes[i] ? 1 : isAnticipatingThis ? 1 : 0.6, filter: !giftBoxes[i] && !isAnticipatingThis ? 'grayscale(80%)' : 'none', boxShadow: isAnticipatingThis ? `0 0 20px ${colors.primary}, 0 0 40px rgba(255,215,0,0.4)` : !giftBoxes[i] ? '0 4px 8px rgba(0,0,0,0.3)' : 'none', position: 'relative', overflow: 'hidden', animation: isAnticipatingThis ? 'anticipationShake 0.5s infinite' : usedOpens === 30 && remainingOpens > 0 ? 'pulse 2s infinite' : 'none', zIndex: isAnticipatingThis ? 10 : 1 }} > {/* Hiệu ứng lấp lánh cho hộp chưa mở */} {(!giftBoxes[i] || isAnticipatingThis) && (

)} {/* Hiệu ứng ánh sáng bùng nổ khi đang anticipating */} {isAnticipatingThis && anticipationPhase >= 1 && (

)} {/* Hiệu ứng tia sáng khi đang ở phase cuối */} {isAnticipatingThis && anticipationPhase >= 2 && (

)}

); } return boxes; }; return (

{/* Anticipation Message Overlay */} {isAnticipating && (

{anticipationMessage}

)} {/* Thống kê tổng điểm đổi quà và tổng học bổng */}

{totalExchangePoints} Điểm Đổi Quà

{totalScholarship.toLocaleString()} VNĐ Học Bổng

{/* Thống kê */}

🎁 Lượt Mở: {totalGiftBoxOpens}

✨ Còn lại: {remainingOpens}

🔓 Đã sử dụng: {totalUsedOpens}

{/* Container cho các hộp quà */}

{renderGiftBoxes()}

{/* Thông báo khi đã mở hết 30 hộp quà */} {usedOpens === 30 && remainingOpens > 0 && (

{/* Celebration effects - sparkles and confetti */}

{Array.from({ length: 10 }).map((_, i) => (

))}

{/* Celebration trophy icon */}

🏆

Chúc mừng bạn đã mở hết 30 hộp quà! Các hộp quà đã được làm mới, bạn có thể tiếp tục mở để nhận thêm phần thưởng! {/* Light beam effect */}

)} {/* Popup phần thưởng */} handleCloseRewardPopup(boxIndex, type, value, isClaimingReward)} boxIndex={selectedBoxIndex} isDoubleReward={isDoubleReward} /> {/* CSS Animation */}

); }; export default LuckyGiftBox;31:T8995,import React, { useState, useEffect, useRef } from 'react'; import { colors } from 'Style'; // Định nghĩa các mốc đặc biệt và phần thưởng tương ứng const specialMilestones = { streak: { 7: { opens: 0, message: "Mới có 7 ngày? Ai cũng làm được vậy! Quay lại khi bạn có thành tích thực sự nhé!" }, 30: { opens: 6, message: "Chúc mừng! Bạn đã kiên trì được 1 tháng! Hãy tiếp tục duy trì thói quen tốt này!" }, 90: { opens: 0, message: "90 ngày? Ấn tượng đấy... nhưng chưa đủ để nhận phần thưởng đâu! Cố gắng thêm nhé!" }, 100: { opens: 6, message: "100 ngày liên tiếp! Bạn thực sự là người kiên trì! Phần thưởng xứng đáng cho nỗ lực của bạn!" }, 200: { opens: 0, message: "200 ngày? Tưởng được thưởng à? Không dễ vậy đâu! Hãy thử lại ở mốc 300 nhé!" }, 300: { opens: 6, message: "300 ngày! Bạn đã chứng minh sự kiên trì phi thường! Thật đáng ngưỡng mộ!" }, 365: { opens: 10, message: "JACKPOT! Bạn đã hoàn thành thử thách 365 ngày! Thành tích đáng tự hào!" } }, spins: { 20: { opens: 0, message: "20 vòng quay? Vẫn còn kém lắm! Hãy quay thêm đi, nhớ trả tiền trước khi ra về nhé!" }, 40: { opens: 0, message: "40 vòng quay và bạn nghĩ sẽ nhận được thưởng? Không dễ ăn vậy đâu, cố gắng hơn nữa!" }, 150: { opens: 0, message: "150 vòng quay? Số lẻ quá, hãy quay thêm 50 vòng nữa để nhận thưởng!" }, 300: { opens: 0, message: "300 vòng quay mà đòi phần thưởng? Chưa đủ đâu, hãy quay tiếp đi!" }, 600: { opens: 0, message: "600 vòng quay! Thật ấn tượng... nhưng vẫn không có phần thưởng, hehe!" }, 800: { opens: 0, message: "800 vòng quay và vẫn trắng tay! Cố lên, sắp được rồi đấy!" }, 1000: { opens: 15, message: "SIÊU JACKPOT!!! 1000 vòng quay là một dấu mốc không tưởng! Bạn xứng đáng được thưởng lớn!" } } }; const RewardPopup = ({ isVisible, milestone, onClose, rewardType = 'streak' }) => { const [confetti, setConfetti] = useState([]); const [giftBoxOpens, setGiftBoxOpens] = useState(0); const [isSpecialMilestone, setIsSpecialMilestone] = useState(false); const [specialMessage, setSpecialMessage] = useState(''); const [isJackpot, setIsJackpot] = useState(false); const [isTroll, setIsTroll] = useState(false); const [trollImage, setTrollImage] = useState(''); useEffect(() => { if (isVisible) { // Kiểm tra xem đây có phải là mốc đặc biệt không const specialMilestoneInfo = specialMilestones[rewardType]?.[milestone]; if (specialMilestoneInfo) { setIsSpecialMilestone(true); setSpecialMessage(specialMilestoneInfo.message); setGiftBoxOpens(specialMilestoneInfo.opens); setIsJackpot(milestone === 365); // Xác định nếu milestone này là milestone troll const isTrollMilestone = specialMilestoneInfo.opens === 0; setIsTroll(isTrollMilestone); // Nếu là milestone troll, chọn hình ảnh troll ngẫu nhiên if (isTrollMilestone) { const trollImages = [ 'https://play.rosebud.ai/assets/Troll%204.png?NmDZ', 'https://play.rosebud.ai/assets/TRoll%203.webp?BAhI', 'https://play.rosebud.ai/assets/Troll%202.webp?3h8J', 'https://play.rosebud.ai/assets/Troll%201.webp?DaUF' ]; // Lựa chọn hình ảnh troll ngẫu nhiên và đảm bảo nó được tải const randomIndex = Math.floor(Math.random() * trollImages.length); const randomTrollImage = trollImages[randomIndex]; console.log("Chọn hình ảnh troll:", randomTrollImage); // Tạo một image element ẩn để kiểm tra hình ảnh được tải hay không const preloadImage = new Image(); preloadImage.onload = () => { console.log("Hình ảnh troll đã tải thành công"); setTrollImage(randomTrollImage); }; preloadImage.onerror = () => { console.error("Không thể tải hình ảnh troll:", randomTrollImage); // Nếu không tải được, thử lại với hình ảnh mặc định setTrollImage('https://play.rosebud.ai/assets/Troll%204.png?NmDZ'); }; preloadImage.src = randomTrollImage; // Phát âm thanh troll ngẫu nhiên const trollSounds = [ 'https://play.rosebud.ai/assets/S troll 1.mp3?jWwM', 'https://play.rosebud.ai/assets/s troll 3.mp3?qKnm' ]; const randomSoundUrl = trollSounds[Math.floor(Math.random() * trollSounds.length)]; console.log("Đang phát âm thanh troll:", randomSoundUrl); // Tạo một audio element và phát setTimeout(() => { const audio = new Audio(randomSoundUrl); audio.volume = 0.7; // Giảm âm lượng một chút audio.play() .then(() => console.log("Âm thanh đang phát")) .catch(err => console.log('Lỗi phát âm thanh:', err)); }, 300); // Delay một chút để đảm bảo UI đã hiển thị } } else { setIsSpecialMilestone(false); setSpecialMessage(''); setIsJackpot(false); setIsTroll(false); // Nếu không phải mốc đặc biệt, sử dụng logic ngẫu nhiên cũ const randomNumber = Math.floor(Math.random() * 100) + 1; let opens; if (randomNumber <= 40) opens = 1; else if (randomNumber <= 70) opens = 2; else if (randomNumber <= 85) opens = 3; else if (randomNumber <= 95) opens = 4; else opens = 5; setGiftBoxOpens(opens); } } }, [isVisible]); // Tạo hiệu ứng confetti khi popup xuất hiện useEffect(() => { if (isVisible) { createConfetti(); } else { setConfetti([]); } }, [isVisible]); // Tạo các mảnh confetti ngẫu nhiên với hiệu ứng nâng cao const createConfetti = () => { const colors = ['#FFD700', '#FFA500', '#FF4500', '#FF6347', '#FF8C00', '#FFFFFF', '#FFFF00', '#FFEC8B']; const shapes = ['circle', 'square', 'triangle', 'star', 'heart']; const newConfetti = []; // Tạo hiệu ứng bùng nổ từ trung tâm const centerBurst = () => { for (let i = 0; i < 80; i++) { const angle = (i / 80) * Math.PI * 2; const distance = 30 + Math.random() * 20; newConfetti.push({ id: 'center-' + i, x: 50 + Math.cos(angle) * 2, // Bắt đầu gần trung tâm y: 50 + Math.sin(angle) * 2, targetX: 50 + Math.cos(angle) * distance, // Đích đến targetY: 50 + Math.sin(angle) * distance, progress: 0, // Tiến độ di chuyển từ 0-1 burstSpeed: 0.01 + Math.random() * 0.03, // Tốc độ bùng nổ size: 5 + Math.random() * 12, color: colors[Math.floor(Math.random() * colors.length)], shape: shapes[Math.floor(Math.random() * shapes.length)], rotation: Math.random() * 360, rotationSpeed: Math.random() * 10 - 5, gravity: 0.05 + Math.random() * 0.1, friction: 0.98 + Math.random() * 0.01, opacity: 0.8 + Math.random() * 0.2, fadeSpeed: 0.005 + Math.random() * 0.005 }); } }; // Tạo confetti rơi từ trên xuống const fallingConfetti = () => { for (let i = 0; i < 100; i++) { const delay = Math.random() * 3; newConfetti.push({ id: 'falling-' + i, x: Math.random() * 100, y: -20 - Math.random() * 15 - delay * 10, size: 6 + Math.random() * 10, color: colors[Math.floor(Math.random() * colors.length)], shape: shapes[Math.floor(Math.random() * 3)], // Chủ yếu dùng circle, square, triangle fallSpeed: 0.7 + Math.random() * 2, swayAmount: 1 + Math.random() * 3, swaySpeed: 0.01 + Math.random() * 0.03, swayOffset: Math.random() * Math.PI * 2, rotation: Math.random() * 360, rotationSpeed: Math.random() * 6 - 3, opacity: 0.7 + Math.random() * 0.3, delay: delay * 1000 }); } }; // Thực hiện các hiệu ứng centerBurst(); fallingConfetti(); setConfetti(newConfetti); // Xóa confetti sau 8 giây setTimeout(() => { setConfetti([]); }, 8000); }; // Lưu trữ thời gian bắt đầu để tính toán delay const startTimeRef = useRef(Date.now()); // Cập nhật vị trí confetti với hành vi phức tạp hơn useEffect(() => { if (confetti.length === 0) return; // Xử lý đếm thời gian cho hiệu ứng delay const now = Date.now(); startTimeRef.current = now; let animationId; const updateConfetti = () => { const elapsedTime = Date.now() - startTimeRef.current; setConfetti(prev => prev.filter(particle => { // Kiểm tra delay if (particle.delay && elapsedTime < particle.delay) { return true; // Giữ nguyên, chưa đến lúc hiển thị } // Xử lý hiệu ứng bùng nổ từ trung tâm if ('progress' in particle) { // Nếu đã tới đích, áp dụng trọng lực if (particle.progress >= 1) { const newY = particle.targetY + particle.gravity * ((elapsedTime - particle.reachedTargetTime) / 16); return { ...particle, opacity: Math.max(0, particle.opacity - particle.fadeSpeed), targetY: newY, rotation: particle.rotation + particle.rotationSpeed }; } // Đang di chuyển tới đích particle.progress = Math.min(1, particle.progress + particle.burstSpeed); // Nếu vừa đạt đến đích, ghi lại thời điểm if (particle.progress === 1 && !particle.reachedTargetTime) { particle.reachedTargetTime = elapsedTime; } // Tính toán vị trí hiện tại dựa trên progress const currentX = particle.x + (particle.targetX - particle.x) * particle.progress; const currentY = particle.y + (particle.targetY - particle.y) * particle.progress; return { ...particle, x: currentX, y: currentY, rotation: particle.rotation + particle.rotationSpeed }; } // Xử lý confetti rơi từ trên xuống if ('fallSpeed' in particle) { // Áp dụng tốc độ rơi const newY = particle.y + particle.fallSpeed; // Tạo hiệu ứng lắc qua lại const sway = Math.sin(elapsedTime * particle.swaySpeed + particle.swayOffset) * particle.swayAmount; const newX = particle.x + sway * 0.1; // Kiểm tra nếu đã biến mất khỏi màn hình if (newY > 120) { return false; } return { ...particle, x: newX, y: newY, rotation: (particle.rotation + particle.rotationSpeed) % 360, opacity: newY > 100 ? Math.max(0, 1 - (newY - 100) / 20) : particle.opacity }; } // Xử lý cho các loại particle khác (nếu có) return particle; }) ); animationId = requestAnimationFrame(updateConfetti); }; animationId = requestAnimationFrame(updateConfetti); return () => cancelAnimationFrame(animationId); }, [confetti]); // Render một mảnh confetti dựa trên hình dạng với hiệu ứng đặc biệt const renderConfettiParticle = (particle) => { // Tính toán vị trí thực tế const x = 'targetX' in particle ? particle.x + (particle.targetX - particle.x) * particle.progress : particle.x; const y = 'targetY' in particle ? particle.y + (particle.targetY - particle.y) * particle.progress : particle.y; // Kiểm tra nếu particle đang trong thời gian delay if (particle.delay && Date.now() - startTimeRef.current < particle.delay) { return null; } const baseStyle = { position: 'absolute', left: `${x}%`, top: `${y}%`, width: `${particle.size}px`, height: `${particle.size}px`, backgroundColor: particle.color, opacity: particle.opacity, transform: `rotate(${particle.rotation || 0}deg)`, transition: 'transform 0.05s linear', willChange: 'transform, opacity, top, left', boxShadow: particle.shape !== 'triangle' ? `0 0 ${particle.size/3}px rgba(255,255,255,0.3)` : 'none', zIndex: 1001 }; if (particle.shape === 'circle') { return (

); } else if (particle.shape === 'square') { return (

); } else if (particle.shape === 'triangle') { return (

); } else if (particle.shape === 'star') { return (

★

); } else if (particle.shape === 'heart') { return (

❤

); } return null; }; if (!isVisible) return null; return (

{/* Confetti */} {confetti.map(particle => renderConfettiParticle(particle))} {/* Popup content */}

{/* Close button */} {/* Gift box or Troll image */} {isTroll ? (

{/* Hình ảnh troll sử dụng img tag thay vì background-image */} Troll Face

) : (

)} {/* Title */}

{isJackpot ? '🏆 JACKPOT! 🏆' : isTroll ? '😈 TROLLED! 😈' : '🎉 Chúc mừng! 🎉'}

{/* Message */}

Bạn đã đạt được cột mốc {milestone} {rewardType === 'streak' ? 'ngày' : 'vòng quay'}

{/* Thông điệp đặc biệt cho các mốc */} {isSpecialMilestone && (

{specialMessage}

)}

{/* Số lượt mở hộp quà */} {giftBoxOpens > 0 ? (

{giftBoxOpens}

) : null} {giftBoxOpens > 0 ? (

Bạn nhận được {giftBoxOpens} lượt mở Hộp Quà May Mắn! {giftBoxOpens === 6 && (

✨ Phần thưởng đặc biệt! ✨

)}

) : null} {/* Claim reward button */}

{/* CSS Animation */}

); }; export default RewardPopup;17:["$","div",null,{"className":"h_[100dvh] d_flex","children":[["$","$L1f",null,{"projectId":"721665e3-b284-47ad-8226-a013c92127d2"}],["$","$L20",null,{"mode":"Multifile","files":[{"id":"430014bc-85c8-4064-beb4-13d8146bc62e","name":"TimelineHeader.js","path":"/","permissions":"rw","content":"$21","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754390Z","modified":"2025-05-13T19:52:46.754403Z","in_llm_context":false},{"id":"dc486705-38bb-4a7c-93c2-710f010ea6bb","name":"SentryConfig.js","path":"/","permissions":"rw","content":"$22","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754435Z","modified":"2025-05-13T19:52:46.754440Z","in_llm_context":false},{"id":"155a53fb-d63b-4a3a-a9fe-bdc2c73114d2","name":"StatusCounter.js","path":"/","permissions":"rw","content":"$23","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754463Z","modified":"2025-05-13T19:52:46.754468Z","in_llm_context":false},{"id":"4f21dc25-5054-46ef-915d-1ea5fc95fa5f","name":"TimelineItem.js","path":"/","permissions":"rw","content":"$24","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754484Z","modified":"2025-05-13T19:52:46.754489Z","in_llm_context":false},{"id":"5b40e731-cdee-470e-8e6e-f232b1fce2e9","name":"TimelineTrack.js","path":"/","permissions":"rw","content":"$25","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754505Z","modified":"2025-05-13T19:52:46.754509Z","in_llm_context":false},{"id":"09d7f980-7c6f-4b0e-b9bc-7de41e1b55d3","name":"MilestoneContext.js","path":"/","permissions":"rw","content":"$26","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754525Z","modified":"2025-05-13T19:52:46.754529Z","in_llm_context":false},{"id":"ee509f2a-ed56-4023-ae95-eec3db525f57","name":"NotificationSystem.js","path":"/","permissions":"rw","content":"$27","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754546Z","modified":"2025-05-13T19:52:46.754550Z","in_llm_context":false},{"id":"a18a3621-97c4-4339-8cfd-5305bdd53655","name":"ClickUpDataManager.js","path":"/","permissions":"rw","content":"$28","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754566Z","modified":"2025-05-13T19:52:46.754570Z","in_llm_context":true},{"id":"87600b2d-735b-4753-b654-0290f70370de","name":"clickupUtils.js","path":"/","permissions":"rw","content":"$29","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754585Z","modified":"2025-05-13T19:52:46.754589Z","in_llm_context":true},{"id":"89d3c829-20fa-41cf-b09a-4532e03cadd9","name":"StatsDataManager.js","path":"/","permissions":"rw","content":"$2a","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754605Z","modified":"2025-05-13T19:52:46.754609Z","in_llm_context":false},{"id":"eb562f06-9c0a-4654-88e7-493196b5aebb","name":"Style.js","path":"/","permissions":"rw","content":"$2b","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754624Z","modified":"2025-05-13T19:52:46.754628Z","in_llm_context":true},{"id":"f6e03235-fa42-445f-a111-10a92fc0b246","name":"main.js","path":"/","permissions":"rw","content":"$2c","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754644Z","modified":"2025-05-13T19:52:46.754648Z","in_llm_context":true},{"id":"703a3991-86a2-4242-a063-c78dc8c03ef7","name":"MilestoneTrackerSplit.js","path":"/","permissions":"rw","content":"$2d","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754663Z","modified":"2025-05-13T19:52:46.754667Z","in_llm_context":true},{"id":"a32e8d56-aa2b-4e7c-8545-a40561b03e50","name":"SettingsPanel.js","path":"/","permissions":"rw","content":"$2e","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754683Z","modified":"2025-05-13T19:52:46.754687Z","in_llm_context":true},{"id":"ccfa12b9-0f3b-4acb-b077-c1da17d53dbd","name":"GiftRewardPopup.js","path":"/","permissions":"rw","content":"$2f","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754702Z","modified":"2025-05-13T19:52:46.754706Z","in_llm_context":false},{"id":"207c9b85-0325-46ae-9cb7-ea5192118c68","name":"LuckyGiftBox.js","path":"/","permissions":"rw","content":"$30","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754721Z","modified":"2025-05-13T19:52:46.754725Z","in_llm_context":true},{"id":"12047e08-69a3-40d7-a7b9-5403573c491c","name":"RewardPopup.js","path":"/","permissions":"rw","content":"$31","metadata":{},"revision":"3ef9103b-1eb4-4ca5-8cb4-c7769e362980","created":"2025-05-13T19:52:46.754741Z","modified":"2025-05-13T19:52:46.754745Z","in_llm_context":false}],"projectId":"721665e3-b284-47ad-8226-a013c92127d2"}]]}]