https://static.jumptoon.com/_next/static/chunks/1961-743b7122a1a0cdf6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1961],{5423:(e,s,t)=>{t.d(s,{Z:()=>r});let a={5:1e5,6:1e6,7:1e7},r=(e,s=7)=>{if(e>=1e8){let s=Math.floor(e/1e8),t=Math.floor(e%1e8/1e4),a=t>0?`${t}万`:"";return`${s}億${a}`}return e>=a[s]?`${Math.floor(e/1e4)}万`:e.toLocaleString()}},8946:(e,s,t)=>{t.d(s,{Qr:()=>I,nZ:()=>S,kg:()=>y,bR:()=>w,Kx:()=>v});var a=t(95155),r=t(30747),i=t(12115),n=t(59763),o=t(12720),l=t(73004),c=t(58228),d=t(28883),u=t(48775),m=t(87405),p=t(83281),h=t(85676),C=t(6722),x=t(23413),f=t(49030),b=t(54011),g=t(56893),E=t(87929);t(38076),t(26669);var j=(0,t(60380).c)({defaultClassName:"o256qr0",variantClassNames:{isViewed:{true:"o256qr1"}},defaultVariants:{},compoundVariants:[]});let S=r.B2H,y=r.ac4,w=r.Dvf,k=r.gmz,N=r.yGg,v=r.Ixx,I=({open:e,seriesFragment:s,userCoinBalanceFragment:t,userPointBalanceFragment:r,userFreeCoinBalanceFragment:I,userCoinCashbackFragment:L,userSeriesFragment:M,seriesEpisode:P,userSeriesEpisode:R,hasUserMissionFinishViewingSeries:_,onClose:U,onPurchase:D,onRental:O})=>{let F=(0,i.useId)(),B=(0,E.ni)(S,s),H=(0,E.ni)(v,M),V=(0,E.ni)(y,t),T=(0,E.ni)(w,r),A=(0,E.ni)(k,I),z=(0,E.ni)(N,L),[$,Z]=(0,i.useState)(H);(0,i.useEffect)(()=>{Z(e=>e?.isPointConfirmPass===H.isPointConfirmPass&&e?.isWaitfreeConfirmPass===H.isWaitfreeConfirmPass?e:H)},[H]);let W=P.purchasePrice,J=P.rentalPrice,Y=(0,b.q)(R),K=Number.parseInt(V.paid,10),q=Number.parseInt(V.free,10),G=Number.parseInt(A.freeCoin,10),X=q-G,Q=Number.parseInt(T.point,10),ee=z?(0,d.M)({coinCashback:B.coinCashback,userCoinCashback:z,price:Number.parseInt(W.discountedCoin??W.coin,10),paidCoinBalance:K,timeLimitedFreeCoinBalance:G,unlimitedFreeCoinBalance:X}):void 0,es=z?(0,d.d)({coinCashback:B.coinCashback,userCoinCashback:z,price:Number.parseInt(J?.discountedCoin??J?.coin??"0",10),paidCoinBalance:K,pointBalance:Q,timeLimitedFreeCoinBalance:G,unlimitedFreeCoinBalance:X}):void 0,et={coin:K+q,point:Q},ea=!!z,er=(0,f.K)({hasUserMissionFinishViewingSeries:_,isPointConsumable:B.isPointConsumable,rentalPrice:J});return(0,a.jsxs)(n.l,{open:e,"aria-describedby":F,onClose:U,position:"relative",fixedWidth:!0,children:[(0,a.jsx)(C.U,{dialogTitle:"この話を読みますか?",series:B,seriesEpisode:P,isEpisodeViewed:Y}),(0,a.jsx)(h.L,{id:F,className:j({isViewed:Y}),children:(0,a.jsx)(u.G,{coin:et.coin,point:et.point})}),(0,a.jsxs)(l.B,{m:24,gap:16,children:[(0,a.jsx)(m.I,{purchasePrice:W,cashbackCoin:ee,onPurchase:D}),J&&(0,a.jsx)(p.j,{rentalPrice:J,rentalDay:B.rentalDay,cashbackCoin:es,point:et.point,onRental:O}),er&&(0,a.jsx)(g.H,{series:B,seriesEpisode:P}),(0,a.jsx)(x.l,{series:B,userSeries:$,onUserSeriesChange:e=>{Z(s=>({...s,...e}))}})]}),(0,a.jsxs)(o.Y,{display:"flex",direction:"row",gap:24,items:"center",children:[(0,a.jsx)(c.Y,{href:"/sct",target:"_blank",underline:"always",textLinkColor:"inverse",weight:"bold",fontSize:12,children:"支払い ・ 提供 ・ 返品について"}),ea&&(0,a.jsx)(c.Y,{href:"https://help.jumptoon.com/hc/ja/articles/46184541308825",target:"_blank",textLinkColor:"inverse",underline:"always",fontSize:12,weight:"bold",children:"コイン還元について"})]}),(0,a.jsx)("button",{className:"o256qr2",type:"button",onClick:U,children:"キャンセル"})]})}},19208:(e,s,t)=>{t.d(s,{O:()=>l});var a=t(95155),r=t(10834),i=t(48550),n=t(73004),o=t(5512);let l=({onRetry:e})=>(0,a.jsxs)(n.B,{gapY:16,items:"center",justify:"center",mx:16,my:32,children:[(0,a.jsx)(o.E,{color:"text.base.primary.weak",fontSize:{base:12,md:14},children:"エラーが発生しました。もう一度お試しください。"}),(0,a.jsxs)(r.$,{gap:4,size:"sm",variant:"secondary",pill:!0,onClick:e,children:[(0,a.jsx)(i.L,{w:20,h:20,"aria-hidden":!0}),(0,a.jsx)(o.E,{as:"span",fontSize:14,lineHeight:1,children:"リトライ"})]})]})},19347:(e,s,t)=>{t.d(s,{n:()=>l});var a=t(95155),r=t(59763),i=t(98084),n=t(18730);t(8564),t(38076),t(31222);var o=(0,t(60380).c)({defaultClassName:"rdont30",variantClassNames:{title:{true:"rdont31"}},defaultVariants:{},compoundVariants:[]});let l=({children:e,className:s,disableOnClose:t=!0,id:l,onClose:c,actionDialogTitle:d,...u})=>{let m=(0,n.cx)(o({title:!!d}),s);return(0,a.jsxs)(r.l,{className:m,disableOnClose:t,fixedWidth:!0,onClose:c,...u,children:[!!d&&(0,a.jsx)(i.D,{as:"p",fontSize:14,id:l,mb:16,pt:32,px:16,weight:"normal",children:d}),e,(0,a.jsx)("button",{type:"button",className:"rdont32",onClick:c,children:"キャンセル"})]})}},19664:(e,s,t)=>{t.d(s,{O:()=>r});var a=t(66564);let r=e=>Array.from(e.replace((0,a.A)(),"$")).length},32694:(e,s,t)=>{t.d(s,{_:()=>eh,d:()=>ep});var a=t(95155),r=t(30747),i=t(39318),n=t(12115),o=t(31360),l=t(53054),c=t(6009),d=t(93385),u=t(40446),m=t(81811),p=t(87929),h=t(96489),C=t(22012),x=t(25512),f=t(56685),b=t(48512),g=t(73004),E=t(5512),j=t(27930),S=t(8188),y=t(23876);let w=e=>(0,a.jsx)(y.I,{...e,children:(0,a.jsx)("path",{d:"M20.4793 9.64005L5.78934 2.21005C4.73934 1.68005 3.49934 1.90005 2.68934 2.78005C1.96934 3.57005 1.85934 4.75005 2.29934 5.72005L4.15934 9.82005C4.47934 10.5401 5.19934 10.9901 5.97934 10.9901H11.9993C12.5493 10.9901 12.9993 11.4401 12.9993 11.9901C12.9993 12.5401 12.5493 12.9901 11.9993 12.9901H5.97934C5.18934 12.9901 4.47934 13.4501 4.15934 14.1601L2.29934 18.2601C1.83934 19.2901 1.98934 20.5301 2.78934 21.3201C3.28934 21.8101 3.93934 22.0701 4.59934 22.0701C4.99934 22.0701 5.39934 21.9801 5.77934 21.7801L20.5493 14.3101C21.6093 13.7701 22.1893 12.5801 21.8993 11.3601C21.7193 10.6 21.1693 9.99005 20.4793 9.63005V9.64005Z",fill:"currentColor"})}),k=e=>(0,a.jsx)(y.I,{...e,children:(0,a.jsx)("path",{d:"M20.5607 9.67999L5.79066 2.20999C4.79066 1.70999 3.63066 1.87999 2.82066 2.64999C2.01066 3.41999 1.79066 4.57999 2.25066 5.59999L5.15066 12L2.25066 18.4C1.79066 19.42 2.01066 20.58 2.82066 21.35C3.32066 21.83 3.96066 22.08 4.61066 22.08C5.01066 22.08 5.41066 21.99 5.79066 21.79L20.5607 14.32C21.4407 13.87 21.9907 12.99 21.9907 12C21.9907 11.01 21.4407 10.12 20.5607 9.67999ZM19.6607 12.54L4.89066 20.01C4.54066 20.18 4.30066 20 4.20066 19.91C4.11066 19.82 3.91066 19.58 4.07066 19.23L6.89066 13.01H12.0007C12.5507 13.01 13.0007 12.56 13.0007 12.01C13.0007 11.46 12.5507 11.01 12.0007 11.01H6.89066L4.07066 4.78999C3.91066 4.43999 4.11066 4.19999 4.20066 4.10999C4.29066 4.01999 4.54066 3.82999 4.89066 4.00999L19.6607 11.48C19.9607 11.63 19.9907 11.9 19.9907 12.02C19.9907 12.14 19.9607 12.4 19.6607 12.56V12.54Z",fill:"currentColor"})});var N=t(8108),v=t(71788);let I=(0,v.createServerReference)("401a3777dab99debbc0f3081b436e65ba5f244b767",v.callServer,void 0,v.findSourceMapURL,"createSeriesEpisodeComment");var L=t(19664),M=t(82301);t(38076),t(62056);var P=t(60380),R=(0,P.c)({defaultClassName:"gnng56",variantClassNames:{disabled:{true:"gnng57"}},defaultVariants:{},compoundVariants:[]}),_=(0,P.c)({defaultClassName:"gnng54",variantClassNames:{multipleRows:{true:"gnng55"}},defaultVariants:{},compoundVariants:[]}),U=t(54687),D=t(52704),O=t(29705);let F=({disabled:e})=>(0,a.jsx)("button",{type:"submit","aria-label":"コメントを投稿する",className:R({disabled:e}),children:e?(0,a.jsx)(k,{size:24}):(0,a.jsx)(w,{size:24})}),B=({userIcon:e,episodeId:s,disabled:t,placeholder:r="応援コメントを書く",onUserIconClick:o,onFocus:m,onBlur:p,onDirtyChange:h,onSubmit:x})=>{let f=(0,c.w)(),b=(0,d.A)(),y=(0,i.useRouter)(),w=(0,i.usePathname)(),k=(0,n.useRef)(null),{showErrorMessageIfNeeded:v}=(0,D.b)(),P=(0,n.useId)(),[R,B]=(0,n.useTransition)(),H=(0,u.S)(),{register:V,handleSubmit:T,control:A,formState:{errors:z,isDirty:$},reset:Z}=(0,j.mN)({defaultValues:{text:""}}

1),W=(0,j.FH)({control:A,name:"text"}),{ref:J,...Y}=V("text",{validate:{maxLength:e=>(0,L.O)(e)>140?"文字数が超過しています":void 0,maxNewLines:e=>{if(e.split("\n").length>15)return"改行は14回までです"},whitespace:e=>(0,M.Y)(e)?"テキストを入力してコメントしてください":void 0}});(0,n.useImperativeHandle)(J,()=>k.current),(0,n.useEffect)(()=>{h(W)},[$,h]);let K=(0,L.O)(W),q=K>140,G=`${P}-error-message`,X=(0,n.useCallback)(e=>{if(!f){e.preventDefault(),b.open(l.EN.COMMENT);return}if(!f.isProfileRegistered){e.preventDefault(),y.push(`/me/create?callbackUrl=${w}`);return}},[w,y,f,b]),Q=(0,n.useCallback)(e=>{let s=e.currentTarget;s.rows=1;let t=s.scrollHeight-24,a=Number.parseFloat(getComputedStyle(s).lineHeight);if(t<a)return;let r=Math.floor(t/a);s.rows=r<5?r:5},[]),ee=T(({text:e})=>{B(async()=>{let t=await I({input:{seriesEpisodeId:s,text:e}});if(t.errors)return void v(t);if(t.data?.createSeriesEpisodeComment?.inputError&&t.data.createSeriesEpisodeComment.inputError.text.length>0){let e=t.data.createSeriesEpisodeComment.inputError.text[0];await H(N.h_[e]);return}Z(),k?.current?.rows&&(k.current.rows=1),x?.()})});return(0,a.jsx)(C.a,{as:"form",onSubmit:ee,children:(0,a.jsxs)(g.B,{direction:"row",gapX:8,children:[(0,a.jsxs)("button",{type:"button",className:"gnng50",onClick:o,"aria-label":"アイコン変更",children:[(0,a.jsx)(O.n,{className:"gnng51",src:e?.imageUrl,alt:e?.characterName,isExpired:e?.isExpired,imageWidth:40}),(0,a.jsx)(g.B,{className:"gnng52",children:(0,a.jsx)(U._,{"aria-hidden":!0,w:12,h:12})})]}),(0,a.jsxs)(C.a,{flexGrow:1,children:[(0,a.jsxs)(C.a,{position:"relative",width:"full",mb:12,children:[(0,a.jsx)("textarea",{ref:k,id:P,value:W,disabled:t||R,rows:1,placeholder:r,"aria-label":"コメント入力","aria-describedby":G,"aria-invalid":!!z.text,className:"gnng53",...Y,onKeyDown:X,onPaste:X,onInput:Q,onFocus:m,onBlur:p}),(0,a.jsx)(C.a,{className:_({multipleRows:(k.current?.rows??1)>1}),children:R?(0,a.jsx)(g.B,{width:"full",height:"full",justify:"center",items:"center",children:(0,a.jsx)(S.P,{indeterminate:!0,color:"text.base.primary.weak",trackColor:"transparent",size:24})}):(0,a.jsx)(F,{disabled:0===K||q})})]}),(0,a.jsxs)(g.B,{direction:"row",justify:"flex-end",children:[z.text&&(0,a.jsx)(C.a,{id:G,color:"status.caution.primary.default",flexGrow:1,fontSize:12,children:(0,a.jsx)(E.E,{"aria-live":"polite",whiteSpace:"preLine",children:z.text.message})}),(0,a.jsxs)(E.E,{color:q?"status.caution.primary.default":"text.base.primary.default",fontSize:12,children:[K,"/",140]})]})]})]})})};var H=t(19208),V=t(19347),T=t(37233),A=t(96820),z=t(34281),$=t(49430);

1let Z=(0,v.createServerReference)("40a0a8f537b776a953e48becb8ac2c10415c458c07",v.callServer,void 0,v.findSourceMapURL,"reportSeriesEpisodeComment");t(56626);let W=({comment:e,seriesEpisodeId:s,currentUserId:t,onReport:r})=>{let o=(0,i.useRouter)(),m=(0,c.w)(),p=(0,i.usePathname)(),x=(0,d.A)(),f=(0,u.S)(),[b,j]=(0,n.useState)(!1),S=(0,n.useCallback)(()=>{j(!1)},[]),y=(0,n.useCallback)(()=>{m?m.isProfileRegistered?j(!0):o.push(`/me/create?callbackUrl=${p}`):x.open(l.EN.REPORT)},[m,x,o,p]),w=(0,n.useCallback)(async()=>{j(!1),await f({title:"コメントを通報します",content:"誹謗中傷や不適切なコメントの通報を受け付けています。通報内容の確認後に対応を検討いたします。通報後、このコメントは非表示になります。",confirm:"通報する"},{closeButton:!0})&&(await Z({input:{commentId:e.id,seriesEpisodeId:s}}),r?.(),(0,h.Ay)("コメントを通報して非表示にしました"))},[f,e,s,r]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(g.B,{className:"_1o7fhlj0",children:[(0,a.jsx)(E.E,{as:"span",className:"_1o7fhlj1",children:e.text}),(0,a.jsxs)(g.B,{direction:"row",items:"center",gap:8,children:[(0,a.jsx)(E.E,{as:"span",fontSize:12,color:"text.base.primary.weak",children:(0,a.jsx)($.Time,{type:"datetime",dateTime:Number(e.createdAt),formatType:"yearMonthDayMinutes"})}),e.userId!==t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(A.c,{w:1,h:12,bg:"text.base.primary.weak"}),(0,a.jsx)(C.a,{as:"button",type:"button","aria-label":"メニューを開く",className:"_1o7fhlj2",onClick:y,children:(0,a.jsx)(z.g,{size:16,color:"text.base.primary.weak"})})]})]})]}),(0,a.jsx)(V.n,{open:b,onClose:S,children:(0,a.jsx)(T.M,{className:"_1o7fhlj3",onClick:w,children:"通報する"})},`dialog-${e.id}-${b}`)]})};var J=t(34387),Y=t(89847),K=t(78106);let q=(0,v.createServerReference)("40fa1809bea0d4aaa80bc6b0a90887daa3b39edcd6",v.callServer,void 0,v.findSourceMapURL,"addSeriesEpisodeCommentLike"),G=(0,v.createServerReference)("40a6f3cba810d061080709e5d63b7ff27c5ae88ce8",v.callServer,void 0,v.findSourceMapURL,"removeSeriesEpisodeCommentLike");var X=t(5423);t(80529);var Q=(0,P.c)({defaultClassName:"_1m9fcc61",variantClassNames:{type:{liked:"_1m9fcc62",unLiked:"_1m9fcc63"},animation:{true:"_1m9fcc64"}},defaultVariants:{},compoundVariants:[]});let ee="link.accent.primary.default",es="text.base.secondary.default",et="link.base.primary.disabled",ea=({initialLiked:e,initialLikedCount:s,disabled:t,seriesEpisodeId:r,commentId:o})=>{let u=(0,i.useRouter)(),m=(0,c.w)(),p=(0,i.usePathname)(),h=(0,d.A)(),[C,x]=(0,n.useState)(!1),[f,b]=(0,n.useState)(e),[j,S]=(0,n.useState)(Number(s)),y=(0,n.useCallback)(()=>{x(!0)},[]),w=(0,n.useCallback)(()=>{x(!1)},[]),k=(0,n.useCallback)(async()=>{y();let e=!f;if(b(e),e){S(e=>e+1);let{errors:s}=await q({input:{seriesEpisodeId:r,commentId:o}});s&&(b(!e),S(e=>e-1))}else{S(e=>e-1);let{errors:s}=await G({input:{seriesEpisodeId:r,commentId:o}});s&&(b(!e),S(e=>e+1))}},[f,r,o,y]),N=(0,J.YQ)(async()=>{m?m.isProfileRegistered?await k():u.push(`/me/create?callbackUrl=${p}`):h.open(l.EN.IIJAN)},300,{maxWait:300});return(0,a.jsxs)(g.B,{justify:"center",gap:4,w:36,h:36,children:[(0,a.jsx)("button",{type:"button",disabled:t,"aria-label":f?"いいね解除":"いいね",className:Q({type:f?"liked":"unLiked",animation:C}),onAnimationEnd:w,onClick:N,children:f?(0,a.jsx)(Y.s,{color:ee,size:20}):(0,a.jsx)(K.n,{color:t?et:es,size:20})}),(0,a.jsx)(E.E,{as:"span",weight:"bold",fontSize:12,color:f?ee:t?et:es,textAlign:"center",children:(0,X.Z)(j)})]})};t(19935);var er=(0,P.c)({defaultClassName:"_1vw7ta20",variantClassNames:{hide:{true:"_1vw7ta21"}},defaultVariants:{},compoundVariants:[]});let ei=({ref:e,comment:s,seriesEpisodeId:t})=>{let r=(0,c.w)(),[i,o]=(0,n.useState)(!1),l=(0,n.useCallback)(()=>{o(!0)},[]);return(0,a.jsxs)(g.B,{ref:e,as:"li",width:"full",px:{base:16,md:32},py:8,className:er({hide:i}),children:[(0,a.jsxs)(g.B,{direction:"row",items:"center",gapX:8,children:[(0,a.jsx)(g.B,{width:40,height:40,children:(0,a.jsx)(O.n,{imageWidth:40,src:s.seriesEpisodeCommentUser.icon?.imageUrl,isExpired:s.seriesEpisodeCommentUser.icon?.isExpired})}),(0,a.jsx)(g.B,{gap:4,py:4,children:(0,a.jsxs)(g.B,{direction:"row",gap:8,items:"center",children:[(0,a.jsx)(E.E,{as:"span",weight:"bold",fontSize:12,lineHeight:1,color:"text.base.primary.weak",children:s.seriesEpisodeCommentUser.nickname??"ゲストさん"}),s.seriesEpisodeCommentUser.userId===r?.userId&&(0,a.jsx)(E.E,{as:"span",className:"_1vw7ta22",children:"あなた"})]})})]}),(0,a.jsxs)(g.B,{direction:"row",gap:8,items:"center",marginLeft:48,children:[(0,a.jsx)(W,{comment:{id:s.id,userId:s.seriesEpisodeCommentUser.userId,text:s.text,createdAt:s.createdAt},seriesEpisodeId:t,currentUserId:r?.userId,onReport:l}),(0,a.jsx)(ea,{initialLiked:s.isLiked,initialLikedCount:s.likeCount,disabled:s.seriesEpisodeCommentUser.userId===r?.userId,seriesEpisodeId:t,commentId:s.id})]})]})};t(84929);let en=()=>(0,a.jsxs)(g.B,{w:"full",h:144,gapY:8,px:{base:16,md:32},py:8,children:[(0,a.jsxs)(g.B,{direction:"row",items:"center",gapX:8,children:[(0,a.jsx)(x.E,{w:40,h:40,borderRadius:"full"}),(0,a.jsx)(x.E,{w:128,minHeight:16})]}),(0,a.jsxs)(g.B,{px:20,py:12,marginLeft:48,bg:"surface.base.secondary.default",className:"_2md5r0",children:[(0,a.jsx)(x.E,{w:"3/4",minHeight:16,mb:8}),(0,a.jsx)(x.E,{w:"full",minHeight:16,mb:20}),(0,a.jsx)(x.E,{w:"2/5",minHeight:12})]})]});var eo=t(54653);let el=({children:e})=>(0,a.jsx)(g.B,{as:"ul",id:(0,eo.$)("commentList"),children:e}),ec=(0,v.createServerReference)("40532389daa11cfa7867369e30795c5df85f177490",v.callServer,void 0,v.findSourceMapURL,"fetchSeriesEpisodeCommentList"),ed=({seriesEpisodeId:e,directionType:s,currentCommentData:t})=>{let{seriesEpisodeCommentList:r,fetchNext:i,isNextError:o,hasNextPage:l,updateSeriesEpisodeCommentList:d}=((e,s)=>

1{let[t,a]=(0,n.useState)(!1),[r,i]=(0,n.useState)({...s.pageInfo}),{current:o}=(0,n.useRef)(new Set),[l,c]=(0,n.useState)(s.edges.map(e=>({...e.node,seriesEpisodeCommentUser:{...e.node.seriesEpisodeCommentUser,icon:e.node.seriesEpisodeCommentUser.icon}}))),d=(0,n.useCallback)(e=>{i(s=>({...s,...e.pageInfo})),c(e.edges.map(e=>({...e.node,seriesEpisodeCommentUser:{...e.node.seriesEpisodeCommentUser,icon:e.node.seriesEpisodeCommentUser.icon}}))),o.clear()},[o]);return{seriesEpisodeCommentList:l,isNextError:t,fetchNext:(0,n.useCallback)(()=>{if(!r.hasNextPage)return;let s={first:30,after:r.endCursor};o.has(JSON.stringify(s))||(o.add(JSON.stringify(s)),(async()=>{let t=await ec({...e,...s});if(t.errors){a(!0),o.delete(JSON.stringify(s));return}t.errors||(i(e=>({...e,endCursor:t.data.seriesEpisodeCommentList.pageInfo.endCursor,hasNextPage:t.data.seriesEpisodeCommentList.pageInfo.hasNextPage})),c(e=>[...e,...t.data.seriesEpisodeCommentList.edges.map(e=>({...e.node,seriesEpisodeCommentUser:{...e.node.seriesEpisodeCommentUser,icon:e.node.seriesEpisodeCommentUser.icon}}))]))})())},[r.endCursor,r.hasNextPage,o,e]),hasNextPage:r.hasNextPage,updateSeriesEpisodeCommentList:d}})({seriesEpisodeId:e,seriesEpisodeCommentOrderField:s,hasSession:!!(0,c.w)()},t);(0,n.useEffect)(()=>{d(t)},[d,t]);let u=(0,n.useRef)(null),m=r.at(-15)?.id;(0,n.useEffect)(()=>{let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&i()});return u.current&&e.observe(u.current),()=>{e.disconnect()}},[i]);let p=async()=>{i()};return(0,a.jsxs)(el,{children:[r.map((t,r)=>(0,a.jsx)(ei,{ref:m===t.id?u:null,seriesEpisodeId:e,comment:t},[s,t.id,r].join("-"))),l&&(0,a.jsx)(a.Fragment,{children:o?(0,a.jsx)(H.O,{onRetry:p}):(0,a.jsx)("li",{ref:u,children:(0,a.jsx)(en,{})})})]})};var eu=t(34178);let em=({episodeId:e,userIcon:s,isEpisodeViewed:t,onUserIconClick:r,onInputFocusChange:i,onDirtyChange:o})=>{let l=(0,c.w)(),[d,u]=(0,n.useTransition)(),[m,p]=(0,n.useState)(),[j,S]=(0,n.useState)("SERIES_EPISODE_COMMENT_LIKE_COUNT"),[y,w]=(0,n.useState)(!0),k=m?.seriesEpisodeCommentList.edges.length===0,N=(0,n.useCallback)(()=>{S("SERIES_EPISODE_COMMENT_LIKE_COUNT")},[]),v=(0,n.useCallback)(()=>{S("SERIES_EPISODE_COMMENT_CREATED_AT")},[]),I=(0,n.useCallback)(()=>{S("SERIES_EPISODE_COMMENT_CREATED_AT"),w(!1),(0,h.Ay)("投稿しました")},[w]),L=(0,n.useCallback)(()=>{i(!0)},[i]),M=(0,n.useCallback)(()=>{i(!1)},[i]);return(0,eu.Z)(()=>{w(!0)},y?null:1e3),(0,n.useEffect)(()=>{u(async()=>{let{data:s,errors:t}=await ec({seriesEpisodeId:e,seriesEpisodeCommentOrderField:j,hasSession:!!l});if(t)throw t;p(s)})},[e,j,l]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(C.a,{px:{base:16,md:32},py:12,children:!l||t?(0,a.jsx)(B,{userIcon:s,episodeId:e,disabled:!y,placeholder:"応援コメントを書く",onUserIconClick:r,onFocus:L,onBlur:M,onSubmit:I,onDirtyChange:o}):(0,a.jsx)(E.E,{fontSize:14,lineHeight:1.2,py:16,color:"text.base.primary.weak",textAlign:"center",children:"読んだあとにコメントできます"})}),!k&&(0,a.jsx)(g.B,{direction:"row",justify:"space-between",items:"center",px:{base:16,md:32},h:48,children:d?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(x.E,{w:112,minHeight:24}),(0,a.jsx)(x.E,{w:160,minHeight:32,rounded:20})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(E.E,{weight:"bold",fontSize:14,children:["全",(0,X.Z)(Number(m?.seriesEpisode.seriesEpisodeStats.totalCommentCount??"0")),"コメント"]}),(0,a.jsxs)(b.o,{children:[(0,a.jsx)(f.n,{selected:"SERIES_EPISODE_COMMENT_LIKE_COUNT"===j,onClick:N,children:"いいジャン！順"}),(0,a.jsx)(f.n,{selected:"SERIES_EPISODE_COMMENT_CREATED_AT"===j,onClick:v,children:"投稿順"})]})]})}),!d&&k&&(0,a.jsxs)(g.B,{items:"center",gap:16,pt:{base:32,md:64},children:[(0,a.jsx)(E.E,{weight:"bold",fontSize:18,color:"text.base.primary.weak",children:"コメントはまだありません"}),(0,a.jsx)(E.E,{fontSize:14,color:"text.base.primary.weak",children:"コメントして作品を応援しよう！"})]}),d?Array.from({length:3}).map((e,s)=>(0,a.jsx)(en,{},s)):m&&(0,a.jsx)(ed,{currentCommentData:{edges:m.seriesEpisodeCommentList.edges,pageInfo:{endCursor:m.seriesEpisodeCommentList.pageInfo.endCursor,hasNextPage:m.seriesEpisodeCommentList.pageInfo.hasNextPage}},seriesEpisodeId:e,directionType:j})]})},ep=r.lmR,eh=({open:e,episodeId:s,me:t,isEpisodeViewed:r,onClose:h})=>{let C=(0,i.useRouter)(),x=(0,i.usePathname)(),f=(0,c.w)(),b=(0,d.A)(),g=(0,u.S)(),[E,j]=(0,n.use

1State)(""),[S,y]=(0,n.useState)(!1),[w,k]=(0,n.useState)(!1),N=(0,p.ni)(ep,t),[v,I]=(0,n.useState)(N?.userProfile?.icon),L=(0,n.useCallback)(e=>{k(e)},[]),M=(0,n.useCallback)(e=>{j(e)},[]),P=(0,n.useCallback)(async()=>{(!(E.length>0)||await g({title:"入力したコメントが削除されますが、よろしいですか？",cancel:"キャンセル"}))&&(j(""),h?.())},[E.length,g,h]),R=(0,n.useCallback)(()=>{f?f.isProfileRegistered?y(!0):C.push(`/me/create?callbackUrl=${x}`):b.open(l.EN.USER_ICON_EDIT)},[x,C,f,b]),_=(0,n.useCallback)(()=>{y(!1)},[]),U=(0,n.useCallback)(e=>{I(e),_()},[_]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.X,{open:e,header:"コメント",isContentOverflowHidden:w,onClose:P,children:(0,a.jsx)(em,{userIcon:v,onUserIconClick:R,episodeId:s,isEpisodeViewed:r,onInputFocusChange:L,onDirtyChange:M})}),(0,a.jsx)(m.P,{open:S,onClose:_,userIcon:v,onComplete:U})]})}},37233:(e,s,t)=>{t.d(s,{M:()=>o});var a=t(95155),r=t(22012),i=t(18730);t(8564),t(38076),t(51660);let n="button",o=({as:e,className:s,...t})=>{let o=e??n,l=(0,i.cx)("b2kvxl0",s);return o===n?(0,a.jsx)(r.a,{as:n,className:l,type:"button",...t}):(0,a.jsx)(r.a,{as:o,className:l,...t})}},49430:(e,s,t)=>{t.r(s),t.d(s,{Time:()=>d});var a=t(95155),r=t(12115),i=t(22012),n=t(78570),o=t(51579),l=t(18730);t(8564),t(80809);let c={hourMinutes:"00:00",dayOfWeekJaShort:"-",monthDay:"00/00",monthDayJa:"0月0日",monthDayShort:"0/0",monthDayOfWeekJa:"0月0日(-)",monthDayOfWeekJaShort:"0/0(-)",yearMonth:"0000/00",yearMonthDay:"0000/00/00",yearMonthDayOfWeekJa:"0000/00/00(-)",yearMonthDayMinutes:"0000/00/00 00:00",yearMonthDayMinutesDate:"0000/00/00 00:00 （-）",iso8601:"0000-00-00 00:00:00"},d=({type:e,dateTime:s,formatType:t="yearMonthDayMinutesDate",distanceDefaultFormat:d,className:u,...m})=>{let p=(0,n.q)(),h=(0,l.cx)("_4s6uv40",u),{dateTimeAttribute:C,displayDate:x}=(0,r.useMemo)(()=>({dateTimeAttribute:(0,o.r6)(s,"iso8601"),displayDate:((e,s,t)=>{switch(s){case"distance":return(0,o.mo)(e,{addSuffix:!1});case"timestamp":return(0,o.Ey)(e);case"datetime":return(0,o.r6)(e,t)}})(s,e,t)}),[s,e,t]);return(0,a.jsx)(i.a,{as:"time",dateTime:p?C:void 0,className:h,...m,children:p?x:((e,s,t)=>{switch(e){case"distance":return t??"0時間前";case"timestamp":return"0000/00/00 00:00";case"datetime":return c[s]}})(e,t,d)})}},72138:(e,s,t)=>{t.d(s,{EpisodeActionFreeFirstReadDialogProvider:()=>d,d:()=>u});var a=t(95155),r=t(39318),i=t(12115),n=t(79749),o=t(95672),l=t(8946);let c=(0,n.vt)()(e=>({open:!1,setState:s=>e(e=>({...e,...s}))})),d=({children:e})=>{let{open:s,props:t,setState:n,onPurchase:o,onRental:d,onClose:u}=c(),m=(0,r.usePathname)();return(0,i.useEffect)(()=>(n({open:!1}),()=>{n({open:!1})}),[m]),(0,a.jsxs)(a.Fragment,{children:[e,t&&(0,a.jsx)(l.Qr,{open:s,seriesFragment:t.seriesFragment,seriesEpisode:t.seriesEpisode,userCoinBalanceFragment:t.userCoinBalanceFragment,userPointBalanceFragment:t.userPointBalanceFragment,userFreeCoinBalanceFragment:t.userFreeCoinBalanceFragment,userCoinCashbackFragment:t.userCoinCashbackFragment,userSeriesFragment:t.userSeriesFragment,userSeriesEpisode:t.userSeriesEpisode,hasUserMissionFinishViewingSeries:t.hasUserMissionFinishViewingSeries,onPurchase:o,onRental:d,onClose:u})]})},u=()=>{let e=c(({setState:e})=>e),s=(0,o.r)(({setState:e})=>e);return(0,i.useCallback)(t=>{e({open:!0,props:t,onPurchase:()=>{e({open:!1}),t.onPurchase?.()},onRental:()=>{e({open:!1}),t.onRental?.()},onClose:()=>{e({open:!1})}}),s({open:!1,onComplete:()=>{t.onComplete?.()}})},[s,e])}},78106:(e,s,t)=>{t.d(s,{n:()=>i});var a=t(95155),r=t(23876);let i=e=>(0,a.jsx)(r.I,{...e,children:(0,a.jsx)("path",{d:"M5.50129 7.99798H3.00057C1.90026 7.99798 1 8.89824 1 9.99855V19.0011C1 20.1014 1.90026 21.0017 3.00057 21.0017H5.50129C6.6016 21.0017 7.50186 20.1014 7.50186 19.0011V9.99855C7.50186 8.89824 6.6016 7.99798 5.50129 7.99798ZM3.00057 19.0011V9.99855H5.50129V19.0011H3.00057ZM22.2961 9.06829C21.7259 8.38809 20.8857 7.99798 20.0054 7.99798H17.7548L17.9549 6.19747C18.1049 4.86709 17.3747 3.59672 16.1943 3.11659C15.4441 2.8165 14.6339 2.8265 13.9037 3.1566C13.1835 3.47669 12.6333 4.09687 12.3733 4.83708L11.613 7.0177L9.66248 10.4987C9.22235 11.2489 8.99229 12.1192 8.99229 12.9994V18.0008C8.99229 19.6513 10.3427 21.0017 11.9931 21.0017H18.7951C20.2155 21.0017 21.4559 19.9914 21.7459 18.561L22.9563 11.509C23.1063 10.6387 22.8663 9.74848 22.2961 9.06829ZM19.7854 18.2009C19.6954 18.671 19.2752 19.0011 18.8051 19.0011H12.0031C11.453 19.0011 11.0029 18.551 11.0029 18.0008V12.9994C11.0029 12.4593 11.1329 11.9591 11.403 11.499L13.3635 8.00799L14.2638 5.49727C14.3438 5.2672 14.5139 5.08715 14.7339 4.97712C14.854 4.9271 14.974 4.8971 15.094 4.8971C15.2141 4.8971 15.3341 4.9171 15.4441 4.96712C15.7942 5.10716 16.0143 5.52728 15.9643 5.9674L15.5142 9.98855H19.9954C20.2955 9.98855 20.5656 10.1186 20.7557 10.3487C20.9457 10.5787 21.0257 10.8688 20.9757 11.1589L19.7654 18.1909L19.7854 18.2009Z",fill:"currentColor"})})},82301:(e,s,t)=>{t.d(s,{Y:()=>r});let a=/^\s+$/,r=e=>a.test(e)},89847:(e,s,t)=>{t.d(s,{s:()=>i});var a=t(95155),r=t(23876);let i=e=>(0,a.jsx)(r.I,{...e,children:(0,a.jsx)("path",{d:"M7.5 9.99995V19C7.5 20.1 6.6 21 5.5 21H3C1.9 21 1 20.1 1 19V9.99995C1 8.89995 1.9 7.99995 3 7.99995H5.5C6.6 7.99995 7.5 8.89995 7.5 9.99995ZM20 8.50995H16.56L16.87 5.31995C17.01 3.98995 15.92 2.75995 14.5 2.85995C13.58 2.91995 12.81 3.58995 12.5 4.45995L11.57 7.11995L9.48 10.98V11C9.18 11.61 9 12.28 9 13.01V18C9 19.66 10.34 21 12 21H18.75C20.2 21 21.44 19.96 21.7 18.55L22.94 12.08C23.29 10.23 21.88 8.51995 19.99 8.51995L20 8.50995Z",fill:"currentColor"})})}}]);
2//# sourceMappingURL=1961-743b7122a1a0cdf6.js.map