function MainComponent() { const [messages, setMessages] = useState([]); const [newMessage, setNewMessage] = useState(""); const [chatLoading, setChatLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const [showChatModal, setShowChatModal] = useState(false); const [notifications, setNotifications] = useState([]); const [unreadCount, setUnreadCount] = useState(0); const [showNotifications, setShowNotifications] = useState(false); const [selectedNotificationTypes, setSelectedNotificationTypes] = useState([ "all" ]); const [activeTab, setActiveTab] = useState("profile"); const [isAdmin, setIsAdmin] = useState(false); const { data: user } = useUser(); const isBusinessHours = ()=>{ const now = new Date(); const hours = now.getHours(); return hours >= 11 && hours < 20; }; const [selectedTab, setSelectedTab] = useState("default"); const [showApplyModal, setShowApplyModal] = useState(false); const [selectedProject, setSelectedProject] = useState(null); const [showLoginModal, setShowLoginModal] = useState(false); const [showDetailsModal, setShowDetailsModal] = useState(false); const [showMyPage, setShowMyPage] = useState(false); const [showWithdrawalHistory, setShowWithdrawalHistory] = useState(false); const [showWithdrawalModal, setShowWithdrawalModal] = useState(false); const [withdrawalAmount, setWithdrawalAmount] = useState(""); const [withdrawalError, setWithdrawalError] = useState(""); const [projects, setProjects] = useState([]); const [projectsLoading, setProjectsLoading] = useState(true); const [totalRevenue, setTotalRevenue] = useState(null); const [userRevenue, setUserRevenue] = useState("0"); const [pendingRevenue, setPendingRevenue] = useState("0"); const [userEmail, setUserEmail] = useState(null); const [userName, setUserName] = useState(""); const [withdrawalHistory, setWithdrawalHistory] = useState([]); const [userRank, setUserRank] = useState(null); const [rankProgress, setRankProgress] = useState(0); const [tool1, setTool1] = useState(""); const [tool2, setTool2] = useState(""); const [dailyRevenue, setDailyRevenue] = useState("0"); const [accessCount, setAccessCount] = useState(0); const [downloadCount, setDownloadCount] = useState(0); const [userData, setUserData] = useState(null); const formatAmount = (value)=>{ const num = value.replace(/[^0-9]/g, ""); return num ? parseInt(num).toLocaleString() : ""; }; const handleWithdrawal = async (e)=>{ e.preventDefault(); setWithdrawalError(""); const amount = parseInt(withdrawalAmount.replace(/[^0-9]/g, "")); const confirmedRevenue = parseInt(userRevenue.replace(/[^0-9]/g, "")); const maxWithdrawal = parseInt(userRank) === 5 ? Infinity : 4500000; if (isNaN(amount) || amount <= 0) { setWithdrawalError("有効な金額を入力してください"); return; } if (amount > confirmedRevenue) { setWithdrawalError("確定済み収益を超える金額は出金できません"); return; } if (parseInt(userRank) !== 5 && amount > maxWithdrawal) { setWithdrawalError("出金上限額(450万円)を超える金額は出金できません"); return; } try { await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `revenue_history` (email, amount, date, withdrawal_date) VALUES (?, ?, ?, ?)", values: [ user.email, amount.toString(), new Date().toISOString(), new Date().toISOString() ] }) }); alert("出金申請が完了しました"); setShowWithdrawalModal(false); setWithdrawalAmount(""); window.location.reload(); } catch (error) { console.error("Error processing withdrawal:", error); setWithdrawalError("出金申請に失敗しました。もう一度お試しください。"); } }; useEffect(()=>{ const fetchProjects = async ()=>{ try { setProjectsLoading(true); const response = await fetch("/api/get-projects", { method: "POST" }); const data = await response.json(); if (Array.isArray(data)) { setProjects(data); } else { console.error("Invalid projects data format:", data); setProjects([]); } } catch (error) { console.error("Error fetching projects:", error); setProjects([]); } finally{ setProjectsLoading(false); } }; const checkUser = async ()=>{ try { if (user) { const [userAccountResponse, revenueResponse] = await Promise.all([ fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `user_accounts` WHERE email = ?", values: [ user.email ] }) }), fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: ` SELECT SUM(CASE WHEN status = 'confirmed' THEN CAST(amount AS DECIMAL(10,2)) ELSE 0 END) as confirmed_revenue, SUM(CASE WHEN status = 'pending' THEN CAST(amount AS DECIMAL(10,2)) ELSE 0 END) as pending_revenue FROM revenue_history WHERE email = ? `, values: [ user.email ] }) }) ]); const [userData, revenueData] = await Promise.all([ userAccountResponse.json(), revenueResponse.json() ]); if (userData && userData[0]) { setUserData(userData[0]); setUserRank(userData[0].rank || "1"); setUserEmail(userData[0].email); setUserName(userData[0].name || user.name || ""); setIsAdmin(userData[0].is_admin === 1); setTool1(userData[0].tool1 || ""); setTool2(userData[0].tool2 || ""); setDailyRevenue(userData[0].daily_revenue?.toLocaleString() || "0"); setAccessCount(userData[0].access_count || 0); setIsAdmin(userData[0].is_admin === 1); } if (revenueData && revenueData[0]) { setUserRevenue((revenueData[0].confirmed_revenue || 0).toLocaleString()); setPendingRevenue((revenueData[0].pending_revenue || 0).toLocaleString()); } } } catch (error) { console.error("User check error:", error); } }; fetchProjects(); checkUser(); if (user) { fetchNotifications(); fetchChatHistory(); } }, [ user ]); const fetchNotifications = async ()=>{ try { const [aspResponse, dmResponse] = await Promise.all([ fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `notifications` WHERE `user_id` = ? ORDER BY `created_at` DESC", values: [ user.id ] }) }), fetch("/api/db/dmsend", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `notification_history` WHERE `user_id` = ? ORDER BY `created_at` DESC", values: [ user.id ] }) }) ]); const [aspData, dmData] = await Promise.all([ aspResponse.json(), dmResponse.json() ]); const combinedNotifications = [ ...(aspData || []).map((n)=>({ ...n, type: "asp" })) || [], ...(dmData || []).map((n)=>({ ...n, type: "dm" })) || [] ].sort((a, b)=>new Date(b.created_at) - new Date(a.created_at)); setNotifications(combinedNotifications); setUnreadCount(combinedNotifications.filter((n)=>!n.read_at).length); } catch (error) { console.error("Error fetching notifications:", error); } }; const markAsRead = async (notificationId, type)=>{ try { const endpoint = type === "asp" ? "/api/db/asp-users" : "/api/db/dmsend"; const table = type === "asp" ? "notifications" : "notification_history"; await fetch(endpoint, { method: "POST", body: JSON.stringify({ query: `UPDATE \`${table}\` SET read_at = ? WHERE id = ? AND user_id = ?`, values: [ new Date().toISOString(), notificationId, user.id ] }) }); await fetchNotifications(); } catch (error) { console.error("Error marking notification as read:", error); } }; const markAllAsRead = async ()=>{ try { await Promise.all([ fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "UPDATE `notifications` SET read_at = ? WHERE user_id = ? AND read_at IS NULL", values: [ new Date().toISOString(), user.id ] }) }), fetch("/api/db/dmsend", { method: "POST", body: JSON.stringify({ query: "UPDATE `notification_history` SET read_at = ? WHERE user_id = ? AND read_at IS NULL", values: [ new Date().toISOString(), user.id ] }) }) ]); await fetchNotifications(); } catch (error) { console.error("Error marking all notifications as read:", error); } }; const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = { name: formData.get("name"), email: formData.get("email"), videoUrl: formData.get("videoUrl"), projectTitle: selectedProject.title }; try { await fetch("/api/db/runtopasp", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `applications` (name, email, video_url, project_title, agency_name) VALUES (?, ?, ?, ?, ?)", values: [ data.name, data.email, data.videoUrl, data.projectTitle, userData?.agency_name || "" ] }) }); alert("応募が送信されました！"); setShowApplyModal(false); } catch (error) { console.error("Error storing application:", error); alert("応募の送信に失敗しました。"); } }; const fetchChatHistory = async ()=>{ try { const response = await fetch("/api/db/runtopchat", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM chat_messages WHERE email = ? ORDER BY created_at ASC", values: [ user.email ] }) }); const data = await response.json(); if (Array.isArray(data)) { setMessages(data.map((msg)=>({ role: msg.is_user ? "user" : "assistant", content: msg.message, is_user: msg.is_user, agency_name: msg.agency_name }))); } } catch (error) { console.error("Error fetching chat history:", error); } }; const handleSendMessage = async ()=>{ if (!newMessage.trim() || !user?.email) return; try { setChatLoading(true); const userMessage = { role: "user", content: newMessage, is_user: true }; await fetch("/api/db/runtopchat", { method: "POST", body: JSON.stringify({ query: "INSERT INTO chat_messages (email, message, is_user, agency_name) VALUES (?, ?, true, ?)", values: [ user.email, newMessage, userData?.agency_name || "" ] }) }); setMessages((prev)=>[ ...prev, userMessage ]); if (!isBusinessHours()) { const autoResponse = { role: "assistant", content: "営業時間外のメッセージをいただき、ありがとうございます。\n営業時間（11:00-20:00）外のため、翌営業日に担当者より回答させていただきます。\n今しばらくお待ちくださいませ。", is_user: false }; await fetch("/api/db/runtopchat", { method: "POST", body: JSON.stringify({ query: "INSERT INTO chat_messages (email, message, is_user, agency_name) VALUES (?, ?, false, ?)", values: [ user.email, autoResponse.content, userData?.agency_name || "" ] }) }); setMessages((prev)=>[ ...prev, autoResponse ]); } else { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: `あなたは親切なカスタマーサポート担当者です。${userData?.agency_name || ""}の代理店様からの質問に丁寧に答えてください。` }, ...messages.map((msg)=>({ role: msg.is_user ? "user" : "assistant", content: msg.content })), { role: "user", content: newMessage } ], stream: true }) }); const handleStreamResponse = useHandleStreamResponse({ onChunk: (chunk)=>{ setStreamingMessage((prev)=>prev + chunk); }, onFinish: async (fullMessage)=>{ await fetch("/api/db/runtopchat", { method: "POST", body: JSON.stringify({ query: "INSERT INTO chat_messages (email, message, is_user, agency_name) VALUES (?, ?, false, ?)", values: [ user.email, fullMessage, userData?.agency_name || "" ] }) }); setMessages((prev)=>[ ...prev, { role: "assistant", content: fullMessage, is_user: false } ]); setStreamingMessage(""); } }); handleStreamResponse(response); } setNewMessage(""); } catch (error) { console.error("Error sending message:", error); } finally{ setChatLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] text-white font-roboto", __source: { fileName: "", lineNumber: 428, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 pb-24", __source: { fileName: "", lineNumber: 429, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/28b46a1b-bf69-4578-8b43-71c10e8d285e/-/format/auto/", alt: "EPICOLL", className: "h-8", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "bg-[#2d2d2d] px-4 py-2 rounded-full text-sm", __source: { fileName: "", lineNumber: 437, columnNumber: 13 }, __self: this }, "ログアウト") : /*#__PURE__*/ React.createElement("button", { className: "bg-[#5C5CFF] px-4 py-2 rounded-full text-sm", onClick: ()=>setShowLoginModal(true), __source: { fileName: "", lineNumber: 444, columnNumber: 13 }, __self: this }, "ログイン")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-4 mb-6", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 453, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 454, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-[#5C5CFF] text-4xl", __source: { fileName: "", lineNumber: 455, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 457, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#5C5CFF] font-bold text-xl", __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, "代理店名"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }, userData?.agency_name || "未設定")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 465, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#2d2d2d] to-[#1f3428] rounded-xl p-4", __source: { fileName: "", lineNumber: 466, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 467, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-[#FFD700] text-4xl", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-[#FFD700] text-4xl absolute -left-1 -top-1 opacity-50", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 472, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#FFD700] font-bold text-xl", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }, "確定済み収益"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 476, columnNumber: 17 }, __self: this }, "¥", userRevenue)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#2d2d2d] to-[#1f3428] rounded-xl p-4", __source: { fileName: "", lineNumber: 481, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 482, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 483, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#5C5CFF] text-4xl", __source: { fileName: "", lineNumber: 484, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#5C5CFF] text-4xl absolute -left-1 -top-1 opacity-50", __source: { fileName: "", lineNumber: 485, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 487, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#5C5CFF] font-bold text-xl", __source: { fileName: "", lineNumber: 488, columnNumber: 17 }, __self: this }, "未確定収益"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, "¥", pendingRevenue)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#2d2d2d] to-[#1f3428] rounded-xl p-4", __source: { fileName: "", lineNumber: 496, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 497, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-day text-[#4CAF50] text-4xl", __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-day text-[#4CAF50] text-4xl absolute -left-1 -top-1 opacity-50", __source: { fileName: "", lineNumber: 500, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 502, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#4CAF50] font-bold text-xl", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, "日間収益"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 504, columnNumber: 17 }, __self: this }, "¥", dailyRevenue)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#2d2d2d] to-[#1f3428] rounded-xl p-4", __source: { fileName: "", lineNumber: 509, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 510, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 511, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-[#FF9800] text-4xl", __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-[#FF9800] text-4xl absolute -left-1 -top-1 opacity-50", __source: { fileName: "", lineNumber: 513, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 515, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#FF9800] font-bold text-xl", __source: { fileName: "", lineNumber: 516, columnNumber: 17 }, __self: this }, "アクセス数"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 519, columnNumber: 17 }, __self: this }, accessCount.toLocaleString()))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 524, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-full text-sm ${selectedTab === "default" ? "bg-[#2d2d2d]" : "text-gray-400"}`, onClick: ()=>setSelectedTab("default"), __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sort-amount-down mr-2", __source: { fileName: "", lineNumber: 531, columnNumber: 13 }, __self: this }), "デフォルト"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-full text-sm ${selectedTab === "earnings" ? "bg-[#2d2d2d]" : "text-gray-400"}`, onClick: ()=>setSelectedTab("earnings"), __source: { fileName: "", lineNumber: 534, columnNumber: 11 }, __self: this }, "絞り込み")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 543, columnNumber: 9 }, __self: this }, projectsLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 545, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-2xl text-[#5C5CFF]", __source: { fileName: "", lineNumber: 546, columnNumber: 15 }, __self: this })) : projects.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-400", __source: { fileName: "", lineNumber: 549, columnNumber: 13 }, __self: this }, "現在、利用可能な案件はありません") : projects.map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: "bg-[#2d2d2d] rounded-xl overflow-hidden cursor-pointer transform hover:scale-[1.02] transition-transform", onClick: ()=>{ setSelectedProject(project); setShowDetailsModal(true); }, __source: { fileName: "", lineNumber: 554, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[160px] bg-[#3d3d3d] relative", __source: { fileName: "", lineNumber: 562, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: project.image || "https://placehold.co/600x400", alt: project.title, className: "w-full h-full object-cover", onError: (e)=>{ e.target.src = "https://placehold.co/600x400"; }, __source: { fileName: "", lineNumber: 563, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute top-2 left-2 bg-white/20 backdrop-blur-sm px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, "募集中"), /*#__PURE__*/ React.createElement("span", { className: "absolute top-2 right-2 bg-[#5C5CFF] px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, project.price)), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 578, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }, project.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 580, columnNumber: 19 }, __self: this }, project.period), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-sm text-gray-300 mb-3", __source: { fileName: "", lineNumber: 581, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 582, columnNumber: 21 }, __self: this }, "売上: ", project.revenue)), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#5C5CFF] hover:bg-[#4949cc] py-2 rounded-lg text-sm transition-colors", onClick: (e)=>{ e.stopPropagation(); if (user) { setSelectedProject(project); setShowApplyModal(true); } else { setShowLoginModal(true); } }, __source: { fileName: "", lineNumber: 584, columnNumber: 19 }, __self: this }, "応募する"))))), showLoginModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 604, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 605, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 606, columnNumber: 15 }, __self: this }, "ロ��イン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin?provider=google&callbackUrl=/dashboard", className: "w-full bg-white text-black py-2 rounded-lg text-sm flex items-center justify-center gap-2 mb-4", __source: { fileName: "", lineNumber: 607, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google", __source: { fileName: "", lineNumber: 611, columnNumber: 17 }, __self: this }), "Googleでログイン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin?provider=google&callbackUrl=/dashboard&connect=true", className: "w-full bg-[#5C5CFF] text-white py-2 rounded-lg text-sm flex items-center justify-center gap-2 mb-4", __source: { fileName: "", lineNumber: 614, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google", __source: { fileName: "", lineNumber: 618, columnNumber: 17 }, __self: this }), "Googleアカウントを連携"), /*#__PURE__*/ React.createElement("a", { href: "/account/settings/connections", className: "w-full bg-[#2d2d2d] text-white py-2 rounded-lg text-sm flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 621, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link", __source: { fileName: "", lineNumber: 625, columnNumber: 17 }, __self: this }), "アカウント連携設定"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLoginModal(false), className: "w-full mt-4 bg-gray-600 py-2 rounded-lg text-sm", __source: { fileName: "", lineNumber: 628, columnNumber: 15 }, __self: this }, "キャンセル"))), showDetailsModal && selectedProject && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 639, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 640, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 641, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedProject.image || "https://placehold.co/600x400", alt: selectedProject.title, className: "w-full h-48 object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 642, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 647, columnNumber: 17 }, __self: this }, selectedProject.title), /*#__PURE__*/ React.createElement("div", { className: "bg-[#5C5CFF] inline-block px-3 py-1 rounded-full text-sm mb-4", __source: { fileName: "", lineNumber: 650, columnNumber: 17 }, __self: this }, selectedProject.status || "募集中")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 655, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 656, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400 mb-1", __source: { fileName: "", lineNumber: 657, columnNumber: 19 }, __self: this }, "募集期間"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 658, columnNumber: 19 }, __self: this }, selectedProject.period || "指定なし")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 663, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400 mb-1", __source: { fileName: "", lineNumber: 664, columnNumber: 19 }, __self: this }, "報酬"), /*#__PURE__*/ React.createElement("p", { className: "text-[#5C5CFF] font-bold text-xl", __source: { fileName: "", lineNumber: 665, columnNumber: 19 }, __self: this }, selectedProject.price)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 670, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400 mb-1", __source: { fileName: "", lineNumber: 671, columnNumber: 19 }, __self: this }, "代理店単価"), /*#__PURE__*/ React.createElement("p", { className: "text-yellow-400 font-bold text-xl", __source: { fileName: "", lineNumber: 672, columnNumber: 19 }, __self: this }, "¥", selectedProject.agency_price?.toLocaleString() || "0")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 677, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400 mb-1", __source: { fileName: "", lineNumber: 678, columnNumber: 19 }, __self: this }, "案件詳細"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-lg p-4", __source: { fileName: "", lineNumber: 679, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white whitespace-pre-wrap", __source: { fileName: "", lineNumber: 680, columnNumber: 21 }, __self: this }, selectedProject.details || "詳細情報がありません"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 pt-4", __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-gray-600 hover:bg-gray-700 py-3 rounded-lg transition-colors", onClick: ()=>setShowDetailsModal(false), __source: { fileName: "", lineNumber: 687, columnNumber: 19 }, __self: this }, "閉じる"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-[#5C5CFF] hover:bg-[#4949cc] py-3 rounded-lg transition-colors", onClick: ()=>{ setShowDetailsModal(false); if (user) { setShowApplyModal(true); } else { setShowLoginModal(true); } }, __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this }, "応募する"))))), showApplyModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 713, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 714, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 715, columnNumber: 15 }, __self: this }, selectedProject.title), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 718, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 719, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 720, columnNumber: 19 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 721, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 729, columnNumber: 19 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 730, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 737, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 738, columnNumber: 19 }, __self: this }, "動画URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "videoUrl", placeholder: "YouTubeやTwitchなどの動画URLを入力", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 739, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "flex-1 bg-gray-600 py-2 rounded", onClick: ()=>setShowApplyModal(false), __source: { fileName: "", lineNumber: 748, columnNumber: 19 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#5C5CFF] py-2 rounded", __source: { fileName: "", lineNumber: 755, columnNumber: 19 }, __self: this }, "送信する"))))), showChatModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 768, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-2xl h-[80vh] flex flex-col", __source: { fileName: "", lineNumber: 769, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 770, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 771, columnNumber: 17 }, __self: this }, "チャット"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowChatModal(false), className: "text-gray-400", __source: { fileName: "", lineNumber: 772, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 776, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto space-y-4 mb-4", __source: { fileName: "", lineNumber: 780, columnNumber: 15 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.is_user ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 782, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[70%] rounded-lg p-3 ${message.is_user ? "bg-[#5C5CFF] text-white" : "bg-[#1a1a1a]"}`, __source: { fileName: "", lineNumber: 786, columnNumber: 21 }, __self: this }, message.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 798, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[70%] rounded-lg p-3 bg-[#1a1a1a]", __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, streamingMessage)), chatLoading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 805, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-[#5C5CFF]", __source: { fileName: "", lineNumber: 806, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 811, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), placeholder: "メッセージを入力...", className: "flex-1 bg-[#1a1a1a] rounded-lg px-4 py-2 text-white", onKeyPress: (e)=>{ if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); handleSendMessage(); } }, __source: { fileName: "", lineNumber: 812, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, className: "bg-[#5C5CFF] px-6 py-2 rounded-lg", disabled: chatLoading, __source: { fileName: "", lineNumber: 825, columnNumber: 17 }, __self: this }, "送信")))), showNotifications && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 838, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-2xl h-[80vh] flex flex-col", __source: { fileName: "", lineNumber: 839, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 840, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 841, columnNumber: 17 }, __self: this }, "通知"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotifications(false), className: "text-gray-400", __source: { fileName: "", lineNumber: 842, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 846, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 850, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 851, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedNotificationTypes([ "all" ]), className: `px-3 py-1 rounded-full text-sm ${selectedNotificationTypes.includes("all") ? "bg-[#5C5CFF]" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 852, columnNumber: 19 }, __self: this }, "すべて"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedNotificationTypes([ "asp" ]), className: `px-3 py-1 rounded-full text-sm ${selectedNotificationTypes.includes("asp") ? "bg-[#5C5CFF]" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 862, columnNumber: 19 }, __self: this }, "お知らせ"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedNotificationTypes([ "dm" ]), className: `px-3 py-1 rounded-full text-sm ${selectedNotificationTypes.includes("dm") ? "bg-[#5C5CFF]" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 872, columnNumber: 19 }, __self: this }, "メッ��ージ")), /*#__PURE__*/ React.createElement("button", { onClick: markAllAsRead, className: "text-sm text-[#5C5CFF]", __source: { fileName: "", lineNumber: 883, columnNumber: 17 }, __self: this }, "すべて既読にする")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto", __source: { fileName: "", lineNumber: 891, columnNumber: 15 }, __self: this }, notifications.filter((notification)=>selectedNotificationTypes.includes("all") || selectedNotificationTypes.includes(notification.type)).map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: `p-4 border-b border-[#1a1a1a] ${!notification.read_at ? "bg-[#1a1a1a]" : ""}`, onClick: ()=>markAsRead(notification.id, notification.type), __source: { fileName: "", lineNumber: 899, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 908, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 909, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 910, columnNumber: 27 }, __self: this }, notification.message), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 911, columnNumber: 27 }, __self: this }, new Date(notification.created_at).toLocaleString("ja-JP"))), !notification.read_at && /*#__PURE__*/ React.createElement("span", { className: "bg-[#5C5CFF] w-2 h-2 rounded-full", __source: { fileName: "", lineNumber: 918, columnNumber: 27 }, __self: this }))))))), showMyPage && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 929, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-2xl overflow-y-auto max-h-[90vh]", __source: { fileName: "", lineNumber: 930, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 931, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 932, columnNumber: 17 }, __self: this }, "マイページ"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMyPage(false), className: "bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-full text-sm flex items-center gap-2", __source: { fileName: "", lineNumber: 933, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 937, columnNumber: 19 }, __self: this }), "閉じる")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-6 overflow-x-auto", __source: { fileName: "", lineNumber: 941, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("profile"), className: `px-4 py-2 rounded-full text-sm whitespace-nowrap ${activeTab === "profile" ? "bg-[#5C5CFF] text-white" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 942, columnNumber: 17 }, __self: this }, "プロフィール"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("revenue"), className: `px-4 py-2 rounded-full text-sm whitespace-nowrap ${activeTab === "revenue" ? "bg-[#5C5CFF] text-white" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 952, columnNumber: 17 }, __self: this }, "収益情報"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("rank"), className: `px-4 py-2 rounded-full text-sm whitespace-nowrap ${activeTab === "rank" ? "bg-[#5C5CFF] text-white" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 962, columnNumber: 17 }, __self: this }, "ランク情報"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("terms"), className: `px-4 py-2 rounded-full text-sm whitespace-nowrap ${activeTab === "terms" ? "bg-[#5C5CFF] text-white" : "bg-[#1a1a1a] text-gray-400"}`, __source: { fileName: "", lineNumber: 972, columnNumber: 17 }, __self: this }, "各種規約")), activeTab === "profile" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 985, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 986, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 987, columnNumber: 21 }, __self: this }, "基本情報"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 988, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 989, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 990, columnNumber: 25 }, __self: this }, "代理店名"), userData?.agency_name ? /*#__PURE__*/ React.createElement("p", { className: "bg-[#2d2d2d] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 994, columnNumber: 27 }, __self: this }, userData.agency_name) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 998, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "代理店名を入力してください", className: "w-full bg-[#2d2d2d] rounded-lg p-3 text-white border border-gray-700 focus:border-[#5C5CFF] focus:ring-1 focus:ring-[#5C5CFF]", onBlur: async (e)=>{ if (!e.target.value.trim()) return; try { await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "UPDATE `user_accounts` SET `agency_name` = ? WHERE `email` = ? AND `agency_name` IS NULL", values: [ e.target.value.trim(), user.email ] }) }); alert("代理店名を登録しました。この情報は変更できません。"); window.location.reload(); } catch (error) { console.error("Error updating agency name:", error); alert("代理店名の登録に失敗しました"); } }, __source: { fileName: "", lineNumber: 999, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-xs text-red-500", __source: { fileName: "", lineNumber: 1030, columnNumber: 29 }, __self: this }, "※一度登録すると変更できません"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1036, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1037, columnNumber: 25 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("input", { type: "text", value: userName, onChange: (e)=>setUserName(e.target.value), className: "w-full bg-[#2d2d2d] rounded-lg p-3 text-white border border-gray-700 focus:border-[#5C5CFF] focus:ring-1 focus:ring-[#5C5CFF]", onBlur: async (e)=>{ try { await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "UPDATE `user_accounts` SET `name` = ? WHERE `email` = ?", values: [ e.target.value, user.email ] }) }); alert("名前を更新しました"); } catch (error) { console.error("Error updating name:", error); alert("名前の更新に失敗しました"); } }, __source: { fileName: "", lineNumber: 1040, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1063, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1064, columnNumber: 25 }, __self: this }, "��ールアドレス"), /*#__PURE__*/ React.createElement("p", { className: "bg-[#2d2d2d] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 1067, columnNumber: 25 }, __self: this }, userEmail)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1071, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1072, columnNumber: 25 }, __self: this }, "ツール1"), tool1 ? /*#__PURE__*/ React.createElement("p", { className: "bg-[#2d2d2d] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 1076, columnNumber: 27 }, __self: this }, tool1) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1080, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "ツール1のコードを入力してください", className: "w-full bg-[#2d2d2d] rounded-lg p-3 text-white border border-gray-700 focus:border-[#5C5CFF] focus:ring-1 focus:ring-[#5C5CFF]", onBlur: async (e)=>{ if (!e.target.value.trim()) return; try { await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "UPDATE `user_accounts` SET `tool1` = ? WHERE `email` = ? AND `tool1` IS NULL", values: [ e.target.value.trim(), user.email ] }) }); setTool1(e.target.value.trim()); alert("ツール1を登録しました。この情報は変更できません。"); } catch (error) { console.error("Error updating tool1:", error); alert("ツール1の登録に失敗しました"); } }, __source: { fileName: "", lineNumber: 1081, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-xs text-red-500", __source: { fileName: "", lineNumber: 1109, columnNumber: 29 }, __self: this }, "※一度登録すると変更できません"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1115, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1116, columnNumber: 25 }, __self: this }, "ツール2"), tool2 ? /*#__PURE__*/ React.createElement("p", { className: "bg-[#2d2d2d] rounded-lg p-3 text-white", __source: { fileName: "", lineNumber: 1120, columnNumber: 27 }, __self: this }, tool2) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1124, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "ツール2のコードを入力してください", className: "w-full bg-[#2d2d2d] rounded-lg p-3 text-white border border-gray-700 focus:border-[#5C5CFF] focus:ring-1 focus:ring-[#5C5CFF]", onBlur: async (e)=>{ if (!e.target.value.trim()) return; try { await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "UPDATE `user_accounts` SET `tool2` = ? WHERE `email` = ? AND `tool2` IS NULL", values: [ e.target.value.trim(), user.email ] }) }); setTool2(e.target.value.trim()); alert("ツール2を登録しました。この情報は変更できません。"); } catch (error) { console.error("Error updating tool2:", error); alert("ツール2の登録に失敗しました"); } }, __source: { fileName: "", lineNumber: 1125, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-xs text-red-500", __source: { fileName: "", lineNumber: 1153, columnNumber: 29 }, __self: this }, "※一度登録すると変更できません"))))), /*#__PURE__*/ React.createElement("a", { href: "/bank", target: "_self", className: "block w-full bg-[#5C5CFF] py-3 rounded-xl text-center font-bold hover:bg-[#4949cc] transition-colors", __source: { fileName: "", lineNumber: 1161, columnNumber: 19 }, __self: this }, "口座情報の登録・編集")), activeTab === "revenue" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1173, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1174, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1175, columnNumber: 23 }, __self: this }, "収益サマリー"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1176, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1177, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1178, columnNumber: 27 }, __self: this }, "確定済み収益"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#FFD700]", __source: { fileName: "", lineNumber: 1181, columnNumber: 27 }, __self: this }, "¥", userRevenue ? userRevenue : "0")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1185, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1186, columnNumber: 27 }, __self: this }, "未確定収益"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#5C5CFF]", __source: { fileName: "", lineNumber: 1189, columnNumber: 27 }, __self: this }, "¥", pendingRevenue ? pendingRevenue : "0")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1195, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1196, columnNumber: 23 }, __self: this }, "出金履歴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1197, columnNumber: 23 }, __self: this }, withdrawalHistory.length > 0 ? withdrawalHistory.map((withdrawal, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-3 bg-[#2d2d2d] rounded-lg", __source: { fileName: "", lineNumber: 1200, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1204, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1205, columnNumber: 33 }, __self: this }, new Date(withdrawal.date).toLocaleDateString("ja-JP")), /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 1210, columnNumber: 33 }, __self: this }, "¥", parseInt(withdrawal.amount).toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "text-[#5C5CFF]", __source: { fileName: "", lineNumber: 1215, columnNumber: 31 }, __self: this }, "出金完了"))) : /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 py-4", __source: { fileName: "", lineNumber: 1219, columnNumber: 27 }, __self: this }, "出金履歴はありません")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1226, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1227, columnNumber: 21 }, __self: this }, "出金申請"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1228, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWithdrawalModal(true), className: "inline-block bg-[#5C5CFF] px-6 py-3 rounded-xl text-center font-bold hover:bg-[#4949cc] transition-colors", __source: { fileName: "", lineNumber: 1229, columnNumber: 23 }, __self: this }, "出金申請を行う"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-gray-400 space-y-2", __source: { fileName: "", lineNumber: 1235, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1236, columnNumber: 25 }, __self: this }, parseInt(userRank) === 5 ? "※確定済み収益から全額出金可能です" : "※確定済み収益から最大450万円まで出金可能です"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1241, columnNumber: 25 }, __self: this }, "※出金上限額はランクによって異なります："), /*#__PURE__*/ React.createElement("ul", { className: "space-y-1 text-left ml-4", __source: { fileName: "", lineNumber: 1242, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1243, columnNumber: 27 }, __self: this }, "・ブロンズ〜プラチナ：450万円まで"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1244, columnNumber: 27 }, __self: this }, "・ダイヤモンド：上限なし"))))), showWithdrawalModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1250, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 1251, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 1252, columnNumber: 25 }, __self: this }, "出金申請"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleWithdrawal, className: "space-y-4", __source: { fileName: "", lineNumber: 1253, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1254, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 1255, columnNumber: 29 }, __self: this }, "出金金額", " ", parseInt(userRank) !== 5 && "(上限: 450万円)"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1259, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "absolute left-3 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 1260, columnNumber: 31 }, __self: this }, "¥"), /*#__PURE__*/ React.createElement("input", { type: "text", value: withdrawalAmount, onChange: (e)=>{ setWithdrawalAmount(formatAmount(e.target.value)); setWithdrawalError(""); }, className: "w-full bg-[#1a1a1a] rounded-lg p-3 pl-8 text-white", placeholder: "0", __source: { fileName: "", lineNumber: 1263, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 1276, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1277, columnNumber: 31 }, __self: this }, "確定済み収益:", " "), /*#__PURE__*/ React.createElement("span", { className: "text-[#FFD700]", __source: { fileName: "", lineNumber: 1280, columnNumber: 31 }, __self: this }, "¥", userRevenue)), withdrawalError && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-red-500", __source: { fileName: "", lineNumber: 1285, columnNumber: 31 }, __self: this }, withdrawalError)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 1290, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowWithdrawalModal(false); setWithdrawalAmount(""); setWithdrawalError(""); }, className: "flex-1 bg-gray-600 py-2 rounded", __source: { fileName: "", lineNumber: 1291, columnNumber: 29 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#5C5CFF] py-2 rounded", __source: { fileName: "", lineNumber: 1302, columnNumber: 29 }, __self: this }, "申請する")))))), activeTab === "rank" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1317, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1318, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1319, columnNumber: 21 }, __self: this }, "現在のランク"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-6", __source: { fileName: "", lineNumber: 1320, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-full w-16 h-16 flex items-center justify-center", __source: { fileName: "", lineNumber: 1321, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-[#FFD700]", __source: { fileName: "", lineNumber: 1322, columnNumber: 25 }, __self: this }, userRank || 1)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1326, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1327, columnNumber: 25 }, __self: this }, "ランクステータス"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 1330, columnNumber: 25 }, __self: this }, (()=>{ const rank = parseInt(userRank || "1"); switch(rank){ case 1: return "ブロンズ"; case 2: return "シルバー"; case 3: return "ゴールド"; case 4: return "プラチナ"; case 5: return "ダイヤモンド"; default: return "ブロンズ"; } })()))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 1351, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 1352, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1353, columnNumber: 25 }, __self: this }, "ランク進捗"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1354, columnNumber: 25 }, __self: this }, rankProgress, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full h-2 bg-[#2d2d2d] rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 1356, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#5C5CFF]", style: { width: `${rankProgress}%` }, __source: { fileName: "", lineNumber: 1357, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1364, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1365, columnNumber: 21 }, __self: this }, "ランク特典"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1366, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${parseInt(userRank || "1") >= 1 ? "bg-[#2d2d2d]" : "bg-[#2d2d2d]/50"}`, __source: { fileName: "", lineNumber: 1367, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1370, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1371, columnNumber: 27 }, __self: this }, "ブロンズ特典"), parseInt(userRank || "1") >= 1 && /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#5C5CFF] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1373, columnNumber: 29 }, __self: this }, "達成済み")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1378, columnNumber: 25 }, __self: this }, "基本報酬")), /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${parseInt(userRank || "1") >= 2 ? "bg-[#2d2d2d]" : "bg-[#2d2d2d]/50"}`, __source: { fileName: "", lineNumber: 1380, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1383, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1384, columnNumber: 27 }, __self: this }, "シルバー特典"), parseInt(userRank || "1") >= 2 && /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#5C5CFF] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1386, columnNumber: 29 }, __self: this }, "達成済み")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1391, columnNumber: 25 }, __self: this }, "報酬 1.2倍")), /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${parseInt(userRank || "1") >= 3 ? "bg-[#2d2d2d]" : "bg-[#2d2d2d]/50"}`, __source: { fileName: "", lineNumber: 1393, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1396, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1397, columnNumber: 27 }, __self: this }, "ゴールド特典"), parseInt(userRank || "1") >= 3 && /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#5C5CFF] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1399, columnNumber: 29 }, __self: this }, "達成済み")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1404, columnNumber: 25 }, __self: this }, "報酬 1.5倍")), /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${parseInt(userRank || "1") >= 4 ? "bg-[#2d2d2d]" : "bg-[#2d2d2d]/50"}`, __source: { fileName: "", lineNumber: 1406, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1409, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1410, columnNumber: 27 }, __self: this }, "プラチナ特典"), parseInt(userRank || "1") >= 4 && /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#5C5CFF] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1412, columnNumber: 29 }, __self: this }, "達成済み")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1417, columnNumber: 25 }, __self: this }, "報酬 2.0倍 + 優先案件紹介")), /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg ${parseInt(userRank || "1") >= 5 ? "bg-[#2d2d2d]" : "bg-[#2d2d2d]/50"}`, __source: { fileName: "", lineNumber: 1421, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1424, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1425, columnNumber: 27 }, __self: this }, "ダイヤモンド特典"), parseInt(userRank || "1") >= 5 && /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-[#5C5CFF] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1427, columnNumber: 29 }, __self: this }, "達成済み")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1432, columnNumber: 25 }, __self: this }, "報酬 3.0倍 + 専属マネージャー配属"))))), activeTab === "terms" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1442, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] p-6 rounded-xl", __source: { fileName: "", lineNumber: 1443, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 1444, columnNumber: 21 }, __self: this }, "各種規約"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1445, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/kiyaku", target: "_blank", rel: "noopener noreferrer", className: "block w-full bg-[#2d2d2d] p-4 rounded-xl text-left font-bold hover:bg-[#3d3d3d] transition-colors", __source: { fileName: "", lineNumber: 1446, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1452, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1453, columnNumber: 27 }, __self: this }, "利用規約"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-gray-400", __source: { fileName: "", lineNumber: 1454, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "/pc", target: "_blank", rel: "noopener noreferrer", className: "block w-full bg-[#2d2d2d] p-4 rounded-xl text-left font-bold hover:bg-[#3d3d3d] transition-colors", __source: { fileName: "", lineNumber: 1457, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1463, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1464, columnNumber: 27 }, __self: this }, "プライバシーポリシー"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-gray-400", __source: { fileName: "", lineNumber: 1465, columnNumber: 27 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-[#1a1a1a] border-t border-[#2d2d2d] p-4", __source: { fileName: "", lineNumber: 1476, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-around", __source: { fileName: "", lineNumber: 1477, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMyPage(true), className: "flex flex-col items-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 1478, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mb-1", __source: { fileName: "", lineNumber: 1482, columnNumber: 15 }, __self: this }), "マイページ"), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ if (!user?.email) { setShowLoginModal(true); return; } try { await fetch("/api/db/runtopchat", { method: "POST", body: JSON.stringify({ query: "INSERT INTO chat_messages (email, message, is_user, agency_name) VALUES (?, ?, true, ?)", values: [ user.email, "チャットを開始しました", userData?.agency_name || "" ] }) }); setShowChatModal(true); fetchChatHistory(); } catch (error) { console.error("Error starting chat:", error); } }, className: "flex flex-col items-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 1485, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments mb-1", __source: { fileName: "", lineNumber: 1512, columnNumber: 15 }, __self: this }), "チャット"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotifications(true), className: "flex flex-col items-center text-sm text-gray-400 relative", __source: { fileName: "", lineNumber: 1515, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell mb-1", __source: { fileName: "", lineNumber: 1519, columnNumber: 15 }, __self: this }), unreadCount > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs w-4 h-4 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 1521, columnNumber: 17 }, __self: this }, unreadCount), "通知"))))); }