import{E as j,F as h,b as l,j as e,T as b,J as o}from"./index-D_dwqv5X.js";import{A as m}from"./AdsBanner-BgPJ8Ox4.js";import{H as v}from"./HilltopAd-BAeNxKis.js";import{O as N}from"./OverlaySlot-D4uyjW7Z.js";import{V as g}from"./viewport-BKMA6tFZ.js";import"./runtime-omRR9KF1.js";const y=j({method:"POST"}).handler(h("fe0dfd3aa3754070bfb3540a3aa0e26f9c5627ce11bb14d82e90642b146e5f81")),P=j({method:"POST"}).handler(h("7485599f06252e3dc168dc3a7c6550c7b021a2eff6a2aa14d2a5d770603b54f5"));function O({bookId:a,chapterId:s,userId:t,ind:i,sourceIP:r}){const n=l.useRef(!1);return l.useEffect(()=>{const d=setTimeout(()=>{n.current||(t&&y({data:{bookId:a,userId:t,chapterId:s,ind:i}}),P({data:{bookId:a,ind:i.toString(),sourceIP:r}}),n.current=!0)},6e3);return()=>clearTimeout(d)},[a,s,t,i,r]),null}function x({book_id:a,current:s,total:t}){return e.jsxs("nav",{className:"site-reader-nav","aria-label":"章節導覽",children:[s>0?e.jsx("a",{className:"site-button",href:`/books/${a}/${s-1}`,children:"← 上一話"}):e.jsx("button",{type:"button",className:"site-button",disabled:!0,children:"← 上一話"}),e.jsxs("div",{className:"site-reader-center",children:[e.jsx("a",{className:"site-button",href:`/books/${a}`,children:"目錄"}),e.jsx(b,{})]}),s<t-1?e.jsx("a",{className:"site-button site-button-primary",href:`/books/${a}/${s+1}`,children:"下一話 →"}):e.jsx("button",{type:"button",className:"site-button",disabled:!0,children:"已到最新"})]})}function A(){const{bookId:a}=o.useParams(),{ads:s,book:t,chapter:i,current:r,total:n,imagePaths:d,userId:u,cfClientIP:f}=o.useLoaderData();return e.jsxs("div",{children:[e.jsx(O,{bookId:t.id,chapterId:i.id,userId:u,ind:i.ind,sourceIP:f}),e.jsxs("div",{className:"px-1",children:[e.jsxs("header",{className:"site-reader-heading",children:[e.jsx("p",{className:"site-eyebrow",children:"READING ROOM"}),e.jsx("h1",{children:t.name}),e.jsxs("p",{children:[i.name," · ",r+1," / ",n]})]}),e.jsx("div",{className:"my-2",children:e.jsx(x,{book_id:a,current:r,total:n})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 md:gap-8 my-2",children:[e.jsx("div",{className:"flex justify-center",children:e.jsx(m,{bundle:s,name:"chapterBanner",eager:!0})}),e.jsx("div",{className:"flex justify-center",children:e.jsx(m,{bundle:s,name:"listBanner"})})]}),e.jsx("div",{className:"site-reader-canvas",children:d?.map((p,c)=>e.jsx("div",{className:"flex justify-center",children:e.jsx(g,{imageUrl:p,ind:c})},c))}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 md:gap-8 my-2 sm:my-6",children:[e.jsxs("div",{className:"flex flex-col items-center space-y-2",children:[e.jsx("ins",{className:"eas6a97888e","data-zoneid":"4454466"}),e.jsx("div",{"data-cl-spot":"1854687"})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx(v,{zone:"hilltop"})})]}),e.jsx("div",{className:"px-1",children:e.jsx("div",{className:"my-2",children:e.jsx(x,{book_id:a,current:r,total:n})})}),e.jsx(N,{bundle:s,name:"bookOverlay"})]})}export{A as component};