function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function ShareButtons({ pollId, pollQuestion, variant = "default" }) { if (variant === "dropdown") { const [showShareOptions, setShowShareOptions] = useState(false); const [shareSuccess, setShareSuccess] = useState(false); const [shareError, setShareError] = useState(null); const [isSharing, setIsSharing] = useState(false); const shareOptionsRef = useRef(null); useEffect(()=>{ function handleClickOutside(event) { if (shareOptionsRef.current && !shareOptionsRef.current.contains(event.target)) { setShowShareOptions(false); } } document.addEventListener("mousedown", handleClickOutside); return ()=>{ document.removeEventListener("mousedown", handleClickOutside); }; }, []); const getShareUrl = ()=>{ if (typeof window === 'undefined') return ''; const baseUrl = window.location.origin; return `${baseUrl}/poll-detail?id=${pollId}`; }; const handleShare = async (platform)=>{ setIsSharing(true); setShareError(null); try { const shareUrl = getShareUrl(); let fullShareUrl = ''; switch(platform){ case 'twitter': fullShareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(`${pollQuestion} - 投票に参加してください！`)}&url=${encodeURIComponent(shareUrl)}`; break; case 'facebook': fullShareUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`; break; case 'line': fullShareUrl = `https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(shareUrl)}`; break; default: fullShareUrl = shareUrl; } const response = await fetch('/api/share-poll', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ pollId, platform, shareUrl: fullShareUrl }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } if (platform !== 'copy') { window.open(fullShareUrl, '_blank'); } else { await navigator.clipboard.writeText(shareUrl); } setShareSuccess(true); setTimeout(()=>setShareSuccess(false), 3000); } catch (err) { console.error('共有エラー:', err); setShareError(err.message || '共有中にエラーが発生しました'); } finally{ setIsSharing(false); setShowShareOptions(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "relative inline-block", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowShareOptions(!showShareOptions), className: "flex items-center text-[#46536D] hover:text-[#004838] transition-colors", "aria-label": "共有", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-1", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "font-hanken-grotesk", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "共有")), showShareOptions && /*#__PURE__*/ React.createElement("div", { ref: shareOptionsRef, className: "absolute z-10 mt-2 w-48 bg-white rounded-md shadow-lg py-1 right-0 border border-[#CBDCD8]", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('twitter'), className: "flex items-center w-full px-4 py-2 text-sm text-[#46536D] hover:bg-[#F8F9FA] font-hanken-grotesk", disabled: isSharing, __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 mr-2 text-[#1DA1F2]", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723 10.054 10.054 0 01-3.127 1.184 4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this })), "Twitter"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('facebook'), className: "flex items-center w-full px-4 py-2 text-sm text-[#46536D] hover:bg-[#F8F9FA] font-hanken-grotesk", disabled: isSharing, __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 mr-2 text-[#1877F2]", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this })), "Facebook"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('line'), className: "flex items-center w-full px-4 py-2 text-sm text-[#46536D] hover:bg-[#F8F9FA] font-hanken-grotesk", disabled: isSharing, __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 mr-2 text-[#06C755]", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 4.269 8.846 10.036 9.608.391.084.922.258 1.057.592.121.303.079.778.039 1.085l-.171 1.027c-.053.303-.242 1.186 1.039.647 1.281-.54 6.911-4.069 9.428-6.967 1.739-1.907 2.572-3.843 2.572-5.992zm-18.988-2.595c.129 0 .234.105.234.234v4.153h2.287c.129 0 .233.104.233.233v.842c0 .129-.104.234-.233.234h-3.363c-.063 0-.119-.025-.161-.065l-.001-.001-.002-.002-.001-.001-.003-.003c-.04-.042-.065-.099-.065-.161v-5.229c0-.129.104-.234.234-.234h.841zm14.992 0c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-2.287v.883h2.287c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-2.287v.884h2.287c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-3.363c-.063 0-.12-.025-.162-.065l-.003-.004-.003-.003c-.04-.042-.066-.099-.066-.161v-5.229c0-.062.025-.119.065-.161l.004-.004.003-.003c.042-.04.099-.066.162-.066h3.363zm-10.026.001c.129 0 .234.104.234.233v5.229c0 .128-.105.233-.234.233h-.84c-.129 0-.234-.105-.234-.233v-5.229c0-.129.105-.233.234-.233h.84zm2.445 0c.129 0 .234.104.234.233v5.229c0 .128-.105.233-.234.233h-.841c-.129 0-.233-.105-.233-.233v-2.688l-1.774 2.405-.017.02-.017.02c-.26.028-.056.043-.091.043h-.003-.003c-.035 0-.065-.015-.091-.043l-.017-.02-.017-.02-1.712-2.426v2.709c0 .128-.104.233-.233.233h-.841c-.129 0-.234-.105-.234-.233v-5.229c0-.129.105-.233.234-.233h.841c.06 0 .119.026.161.066l.009.01.003.003 1.852 2.596 1.841-2.585.004-.005.01-.011c.042-.04.101-.066.16-.066h.842z", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this })), "LINE"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('copy'), className: "flex items-center w-full px-4 py-2 text-sm text-[#46536D] hover:bg-[#F8F9FA] font-hanken-grotesk", disabled: isSharing, __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 mr-2 text-[#46536D]", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this })), "URLをコピー")), shareSuccess && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 px-3 py-2 bg-green-100 text-[#004838] text-sm rounded shadow-md font-hanken-grotesk", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, "共有しました"), shareError && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 px-3 py-2 bg-red-100 text-red-800 text-sm rounded shadow-md font-hanken-grotesk", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, shareError)); } const [copied, setCopied] = useState(false); const [isSharing, setIsSharing] = useState(false); const [shareUrl, setShareUrl] = useState(''); useEffect(()=>{ if (typeof window !== 'undefined') { setShareUrl(`${window.location.origin}/poll-detail?id=${pollId}`); } }, [ pollId ]); const handleShare = async (platform)=>{ if (isSharing) return; setIsSharing(true); try { await fetch('/api/share-poll', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ pollId, platform, shareUrl }) }); switch(platform){ case 'copy': await navigator.clipboard.writeText(shareUrl); setCopied(true); setTimeout(()=>setCopied(false), 2000); break; case 'twitter': window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(`「${pollQuestion}」について投票してみませんか？`)}&url=${encodeURIComponent(shareUrl)}`, '_blank'); break; case 'facebook': window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank'); break; case 'line': window.open(`https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(shareUrl)}`, '_blank'); break; } } catch (error) { console.error('共有エラー:', error); } finally{ setIsSharing(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border border-[#CBDCD8] p-4", __source: { fileName: "", lineNumber: 212, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk mb-3", __source: { fileName: "", lineNumber: 213, columnNumber: 7 }, __self: this }, "この投票を共有する"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 214, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('copy'), className: "flex items-center px-3 py-2 bg-[#F8F9FA] text-[#46536D] rounded-lg hover:bg-[#CBDCD8] transition-colors", disabled: isSharing, __source: { fileName: "", lineNumber: 216, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 221, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this })), copied ? "コピーしました！" : "リンクをコピー")), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('twitter'), className: "flex items-center px-3 py-2 bg-[#1DA1F2] text-white rounded-lg hover:bg-[#0d8bd9] transition-colors", disabled: isSharing, __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723 10.054 10.054 0 01-3.127 1.184 4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this })), "Twitter")), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('facebook'), className: "flex items-center px-3 py-2 bg-[#1877F2] text-white rounded-lg hover:bg-[#0d66d0] transition-colors", disabled: isSharing, __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 247, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z", __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this })), "Facebook")), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, __source: { fileName: "", lineNumber: 254, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleShare('line'), className: "flex items-center px-3 py-2 bg-[#06C755] text-white rounded-lg hover:bg-[#05a748] transition-colors", disabled: isSharing, __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2", viewBox: "0 0 24 24", fill: "currentColor", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M24 10.304c0-5.369-5.383-9.738-12-9.738-6.616 0-12 4.369-12 9.738 0 4.814 4.269 8.846 10.036 9.608.391.084.922.258 1.057.592.121.303.079.778.039 1.085l-.171 1.027c-.053.303-.242 1.186 1.039.647 1.281-.54 6.911-4.069 9.428-6.967 1.739-1.907 2.572-3.843 2.572-5.992zm-18.988-2.595c.129 0 .234.105.234.234v4.153h2.287c.129 0 .233.104.233.233v.842c0 .129-.104.234-.233.234h-3.363c-.063 0-.119-.025-.161-.065l-.001-.001-.002-.002-.001-.001-.003-.003c-.04-.042-.065-.099-.065-.161v-5.229c0-.129.104-.234.234-.234h.841zm14.992 0c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-2.287v.883h2.287c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-2.287v.884h2.287c.129 0 .233.105.233.234v.842c0 .129-.104.234-.233.234h-3.363c-.063 0-.12-.025-.162-.065l-.003-.004-.003-.003c-.04-.042-.066-.099-.066-.161v-5.229c0-.062.025-.119.065-.161l.004-.004.003-.003c.042-.04.099-.066.162-.066h3.363zm-10.026.001c.129 0 .234.104.234.233v5.229c0 .128-.105.233-.234.233h-.84c-.129 0-.234-.105-.234-.233v-5.229c0-.129.105-.233.234-.233h.84zm2.445 0c.129 0 .234.104.234.233v5.229c0 .128-.105.233-.234.233h-.841c-.129 0-.233-.105-.233-.233v-2.688l-1.774 2.405-.017.02-.017.02c-.26.028-.056.043-.091.043h-.003-.003c-.035 0-.065-.015-.091-.043l-.017-.02-.017-.02-1.712-2.426v2.709c0 .128-.104.233-.233.233h-.841c-.129 0-.234-.105-.234-.233v-5.229c0-.129.105-.233.234-.233h.841c.06 0 .119.026.161.066l.009.01.003.003 1.852 2.596 1.841-2.585.004-.005.01-.011c.042-.04.101-.066.16-.066h.842z", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this })), "LINE")))); } function ShareButtonsStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 273, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#0D0F2B] font-hanken-grotesk mb-6", __source: { fileName: "", lineNumber: 274, columnNumber: 7 }, __self: this }, "共有ボタンコンポーネント"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 276, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 277, columnNumber: 9 }, __self: this }, "基本的な使用例"), /*#__PURE__*/ React.createElement(ShareButtons, { pollId: "12345", pollQuestion: "あなたの好きな季節はいつですか？", __source: { fileName: "", lineNumber: 278, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 284, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 285, columnNumber: 9 }, __self: this }, "長い質問文の例"), /*#__PURE__*/ React.createElement(ShareButtons, { pollId: "67890", pollQuestion: "コロナ禍で最も影響を受けた生活習慣や行動の変化について、あなたはどのように感じていますか？", __source: { fileName: "", lineNumber: 286, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 292, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 293, columnNumber: 9 }, __self: this }, "ドロップダウン型の共有ボタン"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 294, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ShareButtons, { pollId: "12345", pollQuestion: "あなたの好きな季節はいつですか？", variant: "dropdown", __source: { fileName: "", lineNumber: 295, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 303, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 304, columnNumber: 9 }, __self: this }, "投票詳細ページでの使用例"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border border-[#CBDCD8] p-4", __source: { fileName: "", lineNumber: 305, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 306, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium text-[#0D0F2B] font-hanken-grotesk", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, "投票詳細"), /*#__PURE__*/ React.createElement(ShareButtons, { pollId: "12345", pollQuestion: "あなたの好きな季節はいつですか？", variant: "dropdown", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 314, columnNumber: 11 }, __self: this }, "この投票は2025年1月15日に作成されました。")))); } function MainComponent() { const [searchQuery, setSearchQuery] = useState(""); const [selectedCategory, setSelectedCategory] = useState(""); const [sortBy, setSortBy] = useState("newest"); const [showEnded, setShowEnded] = useState(false); const [currentPage, setCurrentPage] = useState(1); const [polls, setPolls] = useState([]); const [categories, setCategories] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [pagination, setPagination] = useState({ total: 0, page: 1, limit: 10, totalPages: 0 }); const { data: user } = useUser(); const hasSearchedRef = useRef(false); const [isReportModalOpen, setIsReportModalOpen] = useState(false); const [reportReason, setReportReason] = useState(""); const [reportDetails, setReportDetails] = useState(""); const [reportingPollId, setReportingPollId] = useState(null); const [reportingPollQuestion, setReportingPollQuestion] = useState(""); const [reportSubmitting, setReportSubmitting] = useState(false); const [reportSuccess, setReportSuccess] = useState(false); const [reportError, setReportError] = useState(null); const lastRequestTimeRef = useRef({}); const requestInProgressRef = useRef({}); const categoriesLoadedRef = useRef(false); const initialSearchDoneRef = useRef(false); const sortOptions = [ { value: "newest", label: "新着順" }, { value: "oldest", label: "古い順" }, { value: "most_voted", label: "投票数順" }, { value: "most_discussed", label: "コメント数順" } ]; const reportReasons = [ { value: "inappropriate", label: "不適切なコンテンツ" }, { value: "spam", label: "スパム" }, { value: "offensive", label: "攻撃的または差別的" }, { value: "misinformation", label: "誤情報" }, { value: "other", label: "その他" } ]; const searchParams = useMemo(()=>({ query: searchQuery, category: selectedCategory, sortBy, showEnded }), [ searchQuery, selectedCategory, sortBy, showEnded ]); const throttleRequest = useCallback((key, minInterval = 2000)=>{ const now = Date.now(); const lastRequestTime = lastRequestTimeRef.current[key] || 0; const timeSinceLastRequest = now - lastRequestTime; if (requestInProgressRef.current[key]) { return false; // 同じリクエストが進行中 } if (timeSinceLastRequest < minInterval) { return false; // 前回のリクエストから十分な時間が経過していない } lastRequestTimeRef.current[key] = now; requestInProgressRef.current[key] = true; return true; }, []); const markRequestComplete = useCallback((key)=>{ requestInProgressRef.current[key] = false; }, []); const fetchCategories = useCallback(async ()=>{ if (categoriesLoadedRef.current && categories.length > 0) { return categories; } if (!throttleRequest("categories")) { console.log("カテゴリ取得をスキップ: 制限中"); return categories; } try { const response = await fetch("/api/get-categories", { method: "POST", headers: { "Content-Type": "application/json", "Cache-Control": "max-age=3600" }, body: JSON.stringify({}) }); if (!response.ok) { throw new Error(`カテゴリの取得に失敗しました: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } const newCategories = data.categories || []; setCategories(newCategories); categoriesLoadedRef.current = true; return newCategories; } catch (err) { console.error("カテゴリ取得エラー:", err); throw err; } finally{ markRequestComplete("categories"); } }, [ categories, throttleRequest, markRequestComplete ]); const searchPolls = useCallback(async (query = searchQuery, category = selectedCategory, page = currentPage)=>{ if (loading && page !== 1) return; if (!throttleRequest("searchPolls")) { console.log("投票検索をスキップ: �制限中"); return; } setLoading(true); setError(null); try { const controller = new AbortController(); const timeoutId = setTimeout(()=>controller.abort(), 8000); const response = await fetch("/api/searchPolls", { method: "POST", headers: { "Content-Type": "application/json", "Cache-Control": "no-cache" }, body: JSON.stringify({ query, category, page, limit: 10, sortBy, showEnded }), signal: controller.signal }); clearTimeout(timeoutId); if (!response.ok) { throw new Error(`投票の取得に失敗しました: ${response.status}`); } let data; try { data = await response.json(); } catch (jsonError) { console.error("JSONパースエラー:", jsonError); throw new Error("サーバーからの応答を解析できませんでした"); } if (!data) { throw new Error("サーバーからのレスポンスが空です"); } if (data.error) { throw new Error(data.error); } setPolls(data.polls || []); setPagination(data.pagination || { total: 0, page, limit: 10, totalPages: 0 }); if (data.categories && data.categories.length > 0) { setCategories(data.categories); categoriesLoadedRef.current = true; } if (page !== currentPage) { setCurrentPage(page); } hasSearchedRef.current = true; initialSearchDoneRef.current = true; } catch (err) { console.error("投票取得エラー:", err); if (err.name === "AbortError") { setError("リクエストがタイムアウトしました。再度お試しください。"); } else { setError(err.message || "投票の取得中にエラーが発生しました"); } setPolls([]); setPagination({ total: 0, page: 1, limit: 10, totalPages: 0 }); } finally{ setLoading(false); markRequestComplete("searchPolls"); } }, [ searchQuery, selectedCategory, currentPage, sortBy, showEnded, loading, throttleRequest, markRequestComplete ]); const updateUrl = useCallback(()=>{ if (typeof window === "undefined") return; const params = new URLSearchParams(); if (searchQuery) params.set("query", searchQuery); if (selectedCategory) params.set("category", selectedCategory); const newUrl = `${window.location.pathname}?${params.toString()}`; window.history.pushState({ path: newUrl }, "", newUrl); }, [ searchQuery, selectedCategory ]); useEffect(()=>{ let isMounted = true; const controller = new AbortController(); const loadInitialData = async ()=>{ try { if (typeof window !== "undefined") { const params = new URLSearchParams(window.location.search); const paramCategory = params.get("category") || ""; const paramQuery = params.get("query") || ""; if (paramCategory) { setSelectedCategory(paramCategory); } if (paramQuery) { setSearchQuery(paramQuery); } if (paramCategory || paramQuery) { hasSearchedRef.current = true; } } try { await fetchCategories(); } catch (err) { console.error("カテゴリ取得エラー:", err); } await searchPolls(searchQuery, selectedCategory, 1); } catch (err) { console.error("初期化エラー:", err); if (isMounted) { setError("データの読み込みに失敗しました。再読み込みしてください。"); } } finally{ if (isMounted) { setLoading(false); } } }; const initTimer = setTimeout(()=>{ loadInitialData(); }, 500); return ()=>{ isMounted = false; controller.abort(); clearTimeout(initTimer); }; }, [ fetchCategories, searchPolls, searchQuery, selectedCategory ]); const handleSearch = (e)=>{ if (e) e.preventDefault(); searchPolls(searchQuery, selectedCategory, 1); updateUrl(); }; const handleCategoryChange = (e)=>{ setSelectedCategory(e.target.value); }; const handleSortChange = (e)=>{ setSortBy(e.target.value); }; const handleShowEndedChange = (e)=>{ setShowEnded(e.target.checked); }; const handlePageChange = (newPage)=>{ if (loading || newPage === currentPage) return; searchPolls(searchQuery, selectedCategory, newPage); if (typeof window !== "undefined") { window.scrollTo({ top: 0, behavior: "smooth" }); } }; const handleReportPoll = (pollId, question)=>{ setReportingPollId(pollId); setReportingPollQuestion(question); setReportReason(""); setReportDetails(""); setReportError(null); setReportSuccess(false); setIsReportModalOpen(true); }; const submitReport = async ()=>{ if (!reportReason || reportSubmitting) return; setReportSubmitting(true); setReportError(null); try { const response = await fetch("/api/report-poll", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ pollId: reportingPollId, reason: reportReason, details: reportDetails }) }); if (!response.ok) { throw new Error(`通報の送信に失敗しました: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setReportSuccess(true); setReportReason(""); setReportDetails(""); } catch (err) { console.error("通報エラー:", err); setReportError(err.message || "通報の送信中にエラーが発生しました"); } finally{ setReportSubmitting(false); } }; const handleRetry = ()=>{ setError(null); setTimeout(()=>{ searchPolls(searchQuery, selectedCategory, currentPage); }, 1000); }; const renderSearchForm = ()=>/*#__PURE__*/ React.createElement("form", { onSubmit: handleSearch, className: "mb-4 bg-white p-4 rounded-lg border border-[#CBDCD8]", __source: { fileName: "", lineNumber: 386, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-3 mb-3", __source: { fileName: "", lineNumber: 390, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 391, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "search-query", className: "block text-sm font-medium text-[#46536D] mb-1", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }, "キーワード"), /*#__PURE__*/ React.createElement("input", { id: "search-query", name: "search-query", type: "text", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), placeholder: "投票のキーワードを入力", className: "w-full px-3 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838]", __source: { fileName: "", lineNumber: 398, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 409, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "category", className: "block text-sm font-medium text-[#46536D] mb-1", __source: { fileName: "", lineNumber: 410, columnNumber: 11 }, __self: this }, "カテゴリ"), /*#__PURE__*/ React.createElement("select", { id: "category", name: "category", value: selectedCategory, onChange: handleCategoryChange, className: "w-full px-3 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838]", disabled: !Array.isArray(categories) || categories.length === 0, __source: { fileName: "", lineNumber: 416, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 424, columnNumber: 13 }, __self: this }, "すべてのカテゴリ"), Array.isArray(categories) && categories.map((category)=>/*#__PURE__*/ React.createElement("option", { key: category.name, value: category.name, __source: { fileName: "", lineNumber: 427, columnNumber: 17 }, __self: this }, category.name)))), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/3", __source: { fileName: "", lineNumber: 434, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "sort-by", className: "block text-sm font-medium text-[#46536D] mb-1", __source: { fileName: "", lineNumber: 435, columnNumber: 11 }, __self: this }, "並び替え"), /*#__PURE__*/ React.createElement("select", { id: "sort-by", name: "sort-by", value: sortBy, onChange: handleSortChange, className: "w-full px-3 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838]", __source: { fileName: "", lineNumber: 441, columnNumber: 11 }, __self: this }, sortOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option.value, value: option.value, __source: { fileName: "", lineNumber: 449, columnNumber: 15 }, __self: this }, option.label))))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 457, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 458, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "show-ended", name: "show-ended", type: "checkbox", checked: showEnded, onChange: handleShowEndedChange, className: "h-4 w-4 text-[#004838] focus:ring-[#004838] border-[#CBDCD8] rounded", __source: { fileName: "", lineNumber: 459, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "show-ended", className: "ml-2 block text-sm text-[#46536D]", __source: { fileName: "", lineNumber: 467, columnNumber: 11 }, __self: this }, "終了した投票も表示")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#004838] text-[#FFFF00] rounded-full hover:bg-[#FFFF00] hover:text-[#004838] transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 475, columnNumber: 9 }, __self: this }, loading ? "検索中..." : "検索"))); const renderPollList = ()=>{ if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center", __source: { fileName: "", lineNumber: 489, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-spin rounded-full h-6 w-6 border-b-2 border-[#004838] mb-2", __source: { fileName: "", lineNumber: 490, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D]", __source: { fileName: "", lineNumber: 491, columnNumber: 11 }, __self: this }, "データを読み込み中..."), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#46536D] mt-2", __source: { fileName: "", lineNumber: 492, columnNumber: 11 }, __self: this }, "長時間表示される場合は、", /*#__PURE__*/ React.createElement("button", { onClick: handleRetry, className: "text-[#004838] underline", __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }, "再試行"), "してください")); } if (!Array.isArray(polls) || polls.length === 0) { return hasSearchedRef.current ? /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center text-[#46536D]", __source: { fileName: "", lineNumber: 505, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 506, columnNumber: 11 }, __self: this }, "検索条件に一致する投票が見つかりませんでした"), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 507, columnNumber: 11 }, __self: this }, "検索条件を変更するか、", /*#__PURE__*/ React.createElement("a", { href: "/統合投票作成ページ", className: "text-[#004838]", __source: { fileName: "", lineNumber: 509, columnNumber: 13 }, __self: this }, "新しい投票を作成"), "してください")) : /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center text-[#46536D]", __source: { fileName: "", lineNumber: 516, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 517, columnNumber: 11 }, __self: this }, "検索条件を入力して「検索」ボタンをクリックしてください")); } return /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-[#CBDCD8]", __source: { fileName: "", lineNumber: 523, columnNumber: 7 }, __self: this }, polls.map((poll)=>/*#__PURE__*/ React.createElement("div", { key: poll.id, className: "p-3 hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 525, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/poll-detail?id=${poll.id}`, className: "block", __source: { fileName: "", lineNumber: 526, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start gap-3", __source: { fileName: "", lineNumber: 527, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 528, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] mb-1 hover:text-[#004838]", __source: { fileName: "", lineNumber: 529, columnNumber: 19 }, __self: this }, poll.question), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 text-sm text-[#46536D]", __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-[#CBDCD8] text-[#004838] px-2 py-0.5 rounded-full", __source: { fileName: "", lineNumber: 533, columnNumber: 21 }, __self: this }, poll.category || "未分類"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 536, columnNumber: 21 }, __self: this }, new Date(poll.created_at).toLocaleDateString("ja-JP")), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 539, columnNumber: 21 }, __self: this }, "作成者: ", poll.creator_name || "匿名"), poll.end_datetime && /*#__PURE__*/ React.createElement("span", { className: `${new Date(poll.end_datetime) < new Date() ? "text-red-500" : "text-green-500"}`, __source: { fileName: "", lineNumber: 541, columnNumber: 23 }, __self: this }, new Date(poll.end_datetime) < new Date() ? "終了" : "実施中"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 text-sm", __source: { fileName: "", lineNumber: 551, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 552, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "block font-semibold text-[#004838]", __source: { fileName: "", lineNumber: 553, columnNumber: 21 }, __self: this }, poll.vote_count || 0), /*#__PURE__*/ React.createElement("span", { className: "text-[#46536D]", __source: { fileName: "", lineNumber: 556, columnNumber: 21 }, __self: this }, "投票")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 558, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "block font-semibold text-[#004838]", __source: { fileName: "", lineNumber: 559, columnNumber: 21 }, __self: this }, poll.comment_count || 0), /*#__PURE__*/ React.createElement("span", { className: "text-[#46536D]", __source: { fileName: "", lineNumber: 562, columnNumber: 21 }, __self: this }, "コメント"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-3 flex justify-between", __source: { fileName: "", lineNumber: 567, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.preventDefault(); e.stopPropagation(); handleReportPoll(poll.id, poll.question); }, className: "text-[#46536D] hover:text-red-500 flex items-center", "aria-label": "投票を通報", __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-flag mr-1", __source: { fileName: "", lineNumber: 578, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#46536D] text-xs", __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }, "通報"))), /*#__PURE__*/ React.createElement(ShareButtons, { pollId: poll.id, pollQuestion: poll.question, variant: "dropdown", __source: { fileName: "", lineNumber: 582, columnNumber: 15 }, __self: this }))))); }; const renderPagination = ()=>{ if (!Array.isArray(polls) || polls.length === 0 || pagination.totalPages <= 1) return null; return /*#__PURE__*/ React.createElement("div", { className: "p-3 bg-gray-50 border-t border-[#CBDCD8] flex flex-col sm:flex-row items-center justify-between gap-3", __source: { fileName: "", lineNumber: 603, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#46536D]", __source: { fileName: "", lineNumber: 604, columnNumber: 9 }, __self: this }, "全 ", /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 605, columnNumber: 13 }, __self: this }, pagination.total), " 件中", /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 606, columnNumber: 11 }, __self: this }, " ", (pagination.page - 1) * pagination.limit + 1, " "), "から", /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 611, columnNumber: 11 }, __self: this }, " ", Math.min(pagination.page * pagination.limit, pagination.total), " "), "件を表示"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 620, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePageChange(pagination.page - 1), disabled: pagination.page === 1 || loading, className: `px-3 py-1 rounded-full ${pagination.page === 1 || loading ? "bg-gray-200 text-gray-500 cursor-not-allowed" : "border border-[#004838] text-[#004838] hover:bg-[#004838] hover:text-white transition-colors"}`, __source: { fileName: "", lineNumber: 621, columnNumber: 11 }, __self: this }, "前へ"), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1", __source: { fileName: "", lineNumber: 632, columnNumber: 11 }, __self: this }, pagination.page, " / ", pagination.totalPages), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePageChange(pagination.page + 1), disabled: pagination.page === pagination.totalPages || loading, className: `px-3 py-1 rounded-full ${pagination.page === pagination.totalPages || loading ? "bg-gray-200 text-gray-500 cursor-not-allowed" : "border border-[#004838] text-[#004838] hover:bg-[#004838] hover:text-white transition-colors"}`, __source: { fileName: "", lineNumber: 635, columnNumber: 11 }, __self: this }, "次へ"))); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6 font-hanken-grotesk", __source: { fileName: "", lineNumber: 652, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-medium text-[#0D0F2B] mb-4", __source: { fileName: "", lineNumber: 653, columnNumber: 7 }, __self: this }, "投票を検索"), renderSearchForm(), error && !loading && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-red-50 border border-[#CBDCD8] rounded-lg text-red-700", __source: { fileName: "", lineNumber: 658, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 659, columnNumber: 11 }, __self: this }, "エラーが発生しました"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-1", __source: { fileName: "", lineNumber: 660, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: handleRetry, className: "mt-2 text-sm text-red-700 underline", __source: { fileName: "", lineNumber: 661, columnNumber: 11 }, __self: this }, "再試行する")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border border-[#CBDCD8] overflow-hidden", __source: { fileName: "", lineNumber: 670, columnNumber: 7 }, __self: this }, renderPollList(), renderPagination()), isReportModalOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 676, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border border-[#CBDCD8] max-w-md w-full p-6 max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 677, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-[#0D0F2B] mb-4", __source: { fileName: "", lineNumber: 678, columnNumber: 13 }, __self: this }, "投票を通報"), /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] mb-4", __source: { fileName: "", lineNumber: 681, columnNumber: 13 }, __self: this }, "投票: ", reportingPollQuestion), reportSuccess ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 684, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-green-500 text-xl mb-2", __source: { fileName: "", lineNumber: 685, columnNumber: 17 }, __self: this }, "✓"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-[#0D0F2B]", __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this }, "通報を受け付けました"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#46536D] mt-2", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, "ご報告ありがとうございます。内容を確認いたします。"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsReportModalOpen(false); setReportSuccess(false); }, className: "mt-4 px-4 py-2 bg-[#004838] text-[#FFFF00] rounded-full hover:bg-[#FFFF00] hover:text-[#004838] transition-colors", __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }, "閉じる")) : /*#__PURE__*/ React.createElement(React.Fragment, null, reportError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded text-red-700 text-sm", __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }, reportError), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 710, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#46536D] mb-1", __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, "通報理由"), /*#__PURE__*/ React.createElement("select", { value: reportReason, onChange: (e)=>setReportReason(e.target.value), className: "w-full px-3 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838]", required: true, name: "report-reason", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 721, columnNumber: 21 }, __self: this }, "理由を選択してください"), reportReasons.map((reason)=>/*#__PURE__*/ React.createElement("option", { key: reason.value, value: reason.value, __source: { fileName: "", lineNumber: 723, columnNumber: 23 }, __self: this }, reason.label)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 730, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#46536D] mb-1", __source: { fileName: "", lineNumber: 731, columnNumber: 19 }, __self: this }, "詳細（任意）"), /*#__PURE__*/ React.createElement("textarea", { value: reportDetails, onChange: (e)=>setReportDetails(e.target.value), placeholder: "問題の詳細を記入してください", className: "w-full px-3 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838] min-h-[100px]", name: "report-details", __source: { fileName: "", lineNumber: 734, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-3", __source: { fileName: "", lineNumber: 743, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsReportModalOpen(false), className: "px-4 py-2 border border-[#004838] rounded-full text-[#004838] hover:bg-[#004838] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 744, columnNumber: 19 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: submitReport, disabled: !reportReason || reportSubmitting, className: `px-4 py-2 rounded-full text-[#FFFF00] ${!reportReason || reportSubmitting ? "bg-[#46536D] cursor-not-allowed" : "bg-[#004838] hover:bg-[#FFFF00] hover:text-[#004838] transition-colors"}`, __source: { fileName: "", lineNumber: 751, columnNumber: 19 }, __self: this }, reportSubmitting ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 762, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2", __source: { fileName: "", lineNumber: 763, columnNumber: 25 }, __self: this }), "送信中...") : "通報する")))))); }