@serifpersia/dango 3.3.6 → 3.3.7

package/client/dist/assets/Watchlist-BHLshSPX.js

@@ -1 +0,0 @@
-import{h as he,n as je,a as qe,o as Ke,d as u,A as pe,T as j,u as t,S as Ve}from"./vendor-core-8R2fFbyN.js";import{u as Qe,a as ge}from"./vendor-query-BXRECSI6.js";import{u as He,d as Je,r as Ze,t as ve,v as fe,z as Xe,q as ye,i as et,w as tt,x as at,y as nt,A as st,C as lt,B,M as ae}from"./index-lo-bz7f2.js";import{I as h}from"./vendor-icons-CDMuNDeL.js";import{A as rt}from"./AnimeCard-OKU7LaSN.js";import{S as it}from"./SkeletonGrid-Du10CNfq.js";import{E as ct}from"./ErrorMessage-z4f4WGgP.js";import{s as a}from"./Watchlist.module-XGtVQr1d.js";import"./useAnimeInfoData-CbNnHRj8.js";import"./QueueOptionsButton-DKWi-9kd.js";import"./vendor-ui-CUDCvRS_.js";import"./MediaCard-DszKDA4s.js";import"./useIsMobile-Dm_b6Ob3.js";const ot=(d,v)=>{const l=new URLSearchParams(v);return l.delete("page"),l.sort(),`${d}|${l.toString()}`},dt=(d,v)=>{const l=new Set(d);return v.forEach(A=>l.add(A)),l},mt=(d,v)=>{const l=new Set(d);return v.forEach(A=>l.delete(A)),l},Se=["All","Continue Watching","Watching","Completed","On-Hold","Dropped","Planned"],be=Se.slice(2),ut=[{value:"ALL",label:"All Types"},{value:"TV",label:"TV Series"},{value:"Movie",label:"Movie"},{value:"OVA",label:"OVA"},{value:"ONA",label:"ONA"},{value:"TV_SHORT",label:"TV Short"},{value:"SPECIAL",label:"Special"},{value:"ADULT",label:"Adult (18+)"}],ht=[{value:"ALL",label:"All Seasons"},{value:"WINTER",label:"Winter"},{value:"SPRING",label:"Spring"},{value:"SUMMER",label:"Summer"},{value:"FALL",label:"Fall"}],xt=()=>{he(()=>{document.title="Watchlist - dango"},[]);const{filter:d="All"}=je(),v=qe(),[l,A]=Ke(),ne=Qe(),[m,R]=u(parseInt(l.get("page")||"1")),[f,T]=u(l.get("query")||""),[C,q]=u(l.get("sortBy")||"last_added"),[y,P]=u(l.get("type")||"ALL"),[b,W]=u(l.get("season")||"ALL"),[S,I]=u(l.get("year")||"ALL"),[k,$]=u(()=>{const e={},n=l.get("genres")?.split(",").map(r=>r.trim()).filter(Boolean)||[],s=l.get("excludeGenres")?.split(",").map(r=>r.trim()).filter(Boolean)||[];return n.forEach(r=>r&&(e[r]="include")),s.forEach(r=>r&&(e[r]="exclude")),e}),[O,Ne]=u(()=>["type","season","year","genres","excludeGenres"].some(e=>l.has(e))),{lowEndMode:Le}=He(),{titlePreference:F}=Je(),{data:Ae}=Ze(),se=Ae?.genres||[],K=pe(null),[c,w]=u(null),[V,z]=u(!1),[le,D]=u(!1),[M,Ce]=u(!1),[g,N]=u(new Set),Q=pe(null),i=d==="Continue Watching",E=j(()=>{const e=new URLSearchParams(l);return e.delete("page"),e.set("titlePreference",F),e.toString()},[l,F]),{data:G,isLoading:ke,error:we}=ve(E,m,14),{data:_,isLoading:xe,error:Be}=fe(d,E,m,14),{data:Re}=ve(E,m+1,14),{data:Te}=fe(d,E,m+1,14),H=j(()=>(i?G?.data:_?.data)||[],[i,G,_]),J=j(()=>(i?G?.total:_?.total)||0,[i,G,_]),x=i?ke:xe,re=i?we:Be,ie=i?Re:Te;he(()=>{T(l.get("query")||""),q(l.get("sortBy")||"last_added"),P(l.get("type")||"ALL"),W(l.get("season")||"ALL"),I(l.get("year")||"ALL");const e={},n=l.get("genres")?.split(",").map(o=>o.trim()).filter(Boolean)||[],s=l.get("excludeGenres")?.split(",").map(o=>o.trim()).filter(Boolean)||[];n.forEach(o=>o&&(e[o]="include")),s.forEach(o=>o&&(e[o]="exclude")),$(e),R(parseInt(l.get("page")||"1"));const r=ot(d,l);Q.current!==null&&Q.current!==r&&N(new Set),Q.current=r},[l,d]);const Pe=ge({mutationFn:async({id:e,status:n})=>{await ye("/api/watchlist/status",{method:"POST",body:JSON.stringify({id:e,status:n})})},onSuccess:()=>{ne.invalidateQueries({queryKey:["watchlist"]}),Xe.success("Status updated")}}),We=ge({mutationFn:async e=>{await ye("/api/continue-watching/remove",{method:"POST",body:JSON.stringify({showId:e})})},onSuccess:()=>ne.invalidateQueries({queryKey:["allContinueWatching"]})}),Z=et(),{data:ce}=tt("skipRemoveConfirmation"),Ie=at(),X=j(()=>{const e=n=>n[F]||n.name||"";return[...H].sort((n,s)=>C==="name_asc"?e(n).localeCompare(e(s)):C==="name_desc"?e(s).localeCompare(e(n)):0)},[H,C,F]),ee=new Date().getFullYear(),$e=[{value:"ALL",label:"All Years"},...Array.from({length:ee-1980+1},(e,n)=>({value:String(ee-n),label:String(ee-n)}))],p=(e=C,n=1)=>{const s=new URLSearchParams;f.trim()&&s.set("query",f.trim()),e!=="last_added"&&s.set("sortBy",e),y!=="ALL"&&s.set("type",y),b!=="ALL"&&s.set("season",b),S!=="ALL"&&s.set("year",S);const r=Object.entries(k).filter(([,L])=>L==="include").map(([L])=>L),o=Object.entries(k).filter(([,L])=>L==="exclude").map(([L])=>L);r.length>0&&s.set("genres",r.join(",")),o.length>0&&s.set("excludeGenres",o.join(",")),n>1&&s.set("page",n.toString()),A(s),n!==m&&R(n)},U=e=>{if(p(C,e),K.current){const n=K.current.getBoundingClientRect().top+window.scrollY-100;window.scrollTo({top:n,behavior:"smooth"})}},Oe=()=>{T(""),q("last_added"),P("ALL"),W("ALL"),I("ALL"),$({}),A(new URLSearchParams),R(1)},Fe=e=>{$(n=>{const s=n[e],r={...n};return s==="include"?r[e]="exclude":s==="exclude"?delete r[e]:r[e]="include",r})},oe=(e,n)=>{if(i){w({id:e,name:n});return}String(ce)==="true"||String(ce)==="1"?Z.mutate(e):w({id:e,name:n})},ze=()=>{if(c){if(c.ids){i?(De.mutate(c.ids),V&&me.mutate(c.ids)):me.mutate(c.ids),N(new Set),w(null),z(!1),D(!1);return}i?(We.mutate(c.id),V&&Z.mutate(c.id)):Z.mutate(c.id),le&&Ie.mutate({key:"skipRemoveConfirmation",value:!0}),w(null),z(!1),D(!1)}},de=()=>{w(null),z(!1),D(!1)},me=nt(),De=st(),Me=lt(),Ee=()=>{Ce(e=>{const n=!e;return n||N(new Set),n})},Ge=e=>{N(n=>{const s=new Set(n);return s.has(e)?s.delete(e):s.add(e),s})},Y=X.map(e=>e.id),te=Y.length>0&&Y.every(e=>g.has(e)),_e=()=>{N(te?e=>mt(e,Y):e=>dt(e,Y))},Ue=e=>{g.size!==0&&(Me.mutate({ids:[...g],status:e}),N(new Set))},Ye=()=>{g.size!==0&&w({ids:[...g]})},ue=H.length>=14&&ie&&ie.data.length>0;return t("div",{className:"page-container",children:[t("header",{className:a.header,children:[t("h2",{className:a.title,children:"My Watchlist"}),t("p",{className:a.subtitle,children:"Track and manage your anime collection"})]}),t("div",{className:a.controls,children:[t("div",{className:a.filters,children:Se.map(e=>t("button",{className:`${a.filterBtn} ${d===e?a.active:""}`,onClick:()=>{const n=new URLSearchParams(l);n.delete("page"),v({pathname:`/watchlist/${e}`,search:n.toString()}),R(1)},children:e},e))}),t("div",{children:t("select",{className:a.sortSelect,value:C,onChange:e=>{const n=e.currentTarget.value;q(n),p(n,m)},children:[t("option",{value:"last_added",children:"Recently Added"}),t("option",{value:"name_asc",children:"Name (A-Z)"}),t("option",{value:"name_desc",children:"Name (Z-A)"})]})})]}),t("div",{className:a.filterContainer,children:[t("div",{className:a.searchBarWrapper,children:[t("div",{className:a.inputIconWrapper,children:[t(h,{name:"search",className:a.searchIcon}),t("input",{className:a.searchInput,placeholder:"Search your watchlist by title...",value:f,onInput:e=>T(e.currentTarget.value),onKeyDown:e=>e.key==="Enter"&&p()})]}),t("div",{className:a.searchActions,children:[t(B,{onClick:()=>p(),className:a.searchBtn,children:"Search"}),t("button",{className:`${a.filterToggleBtn} ${O?a.active:""}`,onClick:()=>Ne(!O),children:[t(h,{name:"filter",size:14}),t("span",{children:"Filters"}),O?t(h,{name:"chevron-up",size:12}):t(h,{name:"chevron-down",size:12})]})]})]}),t("div",{className:`${a.advancedFilters} ${O?a.show:""}`,children:[t("div",{className:a.filterDivider}),t("div",{className:a.filterGrid,children:[t("div",{className:a.filterItem,children:[t("label",{children:"Type"}),t("select",{value:y,onChange:e=>P(e.currentTarget.value),children:ut.map(e=>t("option",{value:e.value,children:e.label},e.value))})]}),t("div",{className:a.filterItem,children:[t("label",{children:"Season"}),t("select",{value:b,onChange:e=>W(e.currentTarget.value),children:ht.map(e=>t("option",{value:e.value,children:e.label},e.value))})]}),t("div",{className:a.filterItem,children:[t("label",{children:"Year"}),t("select",{value:S,onChange:e=>I(e.currentTarget.value),children:$e.map(e=>t("option",{value:e.value,children:e.label},e.value))})]})]}),se.length>0&&t("div",{className:a.genreSection,children:[t("label",{className:a.genreLabel,children:"Genres"}),t("div",{className:a.genreContainer,children:se.map(e=>t("button",{className:`${a.genreButton} ${a[k[e]||""]}`,onClick:()=>Fe(e),children:e},e))})]}),t("div",{className:a.filterActions,children:[t(B,{variant:"secondary",onClick:Oe,children:"Reset All"}),t(B,{onClick:()=>p(),className:a.applyBtn,children:"Apply Filters"})]})]})]}),t("div",{className:a.resultsHeader,ref:K,children:[t("h3",{className:a.resultsTitle,children:[i?"Continue Watching":d,t("span",{className:a.itemCount,children:["(",J," items)"]})]}),t("div",{className:a.headerActions,children:[t("button",{className:`${a.manageBtn} ${M?a.active:""}`,onClick:Ee,children:[t(h,{name:"pencil-alt",size:13}),t("span",{children:"Bulk Manage"})]}),J>0&&t("div",{className:a.pagination,children:[t("button",{className:a.pageBtn,onClick:()=>U(m-1),disabled:m===1||x,"aria-label":"Previous page",children:t(h,{name:"chevron-left",size:14})}),t("span",{className:a.pageInfo,children:["Page ",t("strong",{children:m})]}),t("button",{className:a.pageBtn,onClick:()=>U(m+1),disabled:!ue||x,"aria-label":"Next page",children:t(h,{name:"chevron-right",size:14})})]})]})]}),M&&t("div",{className:a.manageBar,children:[t("button",{className:a.selectAllBtn,onClick:_e,children:[t("span",{className:`${a.selectAllBox} ${te?a.selectAllBoxChecked:""}`,"aria-hidden":"true"}),t("span",{children:te?"Clear Page":"Select All"})]}),t("span",{className:a.manageCount,children:[g.size," selected"]}),t("div",{className:a.manageSpacer}),!i&&t("select",{className:a.manageStatusSelect,value:"",onChange:e=>{e.currentTarget.value&&Ue(e.currentTarget.value)},disabled:g.size===0,title:"Set status for selected items",children:[t("option",{value:"",children:"Set status…"}),be.map(e=>t("option",{value:e,children:e},e))]}),t("button",{className:a.manageRemoveBtn,onClick:Ye,disabled:g.size===0,children:[t(h,{name:"trash",size:13}),t("span",{children:"Remove Selected"})]})]}),x?t(it,{}):re?t(ct,{message:re.message}):t(Ve,{children:[(y!=="ALL"||b!=="ALL"||S!=="ALL"||Object.keys(k).length>0||f.trim())&&t("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px",alignItems:"center",marginBottom:"1.5rem"},children:[t("span",{style:{fontSize:"0.8rem",color:"var(--text-muted)",fontWeight:600},children:"Active Filters:"}),f.trim()&&t("span",{className:"badge badge-secondary",style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:["Search: ",f,t("button",{onClick:e=>{e.stopPropagation(),e.preventDefault(),T(""),p()},style:{background:"none",border:"none",color:"inherit",cursor:"pointer"},children:"✕"})]}),y!=="ALL"&&t("span",{className:"badge badge-secondary",style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:["Type: ",y,t("button",{onClick:e=>{e.stopPropagation(),e.preventDefault(),P("ALL"),p()},style:{background:"none",border:"none",color:"inherit",cursor:"pointer"},children:"✕"})]}),b!=="ALL"&&t("span",{className:"badge badge-secondary",style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:["Season: ",b,t("button",{onClick:e=>{e.stopPropagation(),e.preventDefault(),W("ALL"),p()},style:{background:"none",border:"none",color:"inherit",cursor:"pointer"},children:"✕"})]}),S!=="ALL"&&t("span",{className:"badge badge-secondary",style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:["Year: ",S,t("button",{onClick:e=>{e.stopPropagation(),e.preventDefault(),I("ALL"),p()},style:{background:"none",border:"none",color:"inherit",cursor:"pointer"},children:"✕"})]}),Object.entries(k).map(([e,n])=>t("span",{className:`badge ${n==="include"?"badge-primary":"badge-danger"}`,style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:[n==="include"?`+ ${e}`:`- ${e}`,t("button",{onClick:s=>{s.stopPropagation(),s.preventDefault(),$(r=>{const o={...r};return delete o[e],o}),p()},style:{background:"none",border:"none",color:"inherit",cursor:"pointer"},children:"✕"})]},e))]}),t("div",{className:`${a.grid} ${Le?a.lowEnd:""}`,children:X.map(e=>{const n=g.has(e.id);return t("div",{className:`${a.itemWrapper} ${n?a.selected:""}`,children:[M&&t("div",{className:a.selectOverlay,onClick:()=>Ge(e.id),title:n?"Deselect":"Select",children:t("span",{className:a.selectBadge,children:n?t(h,{name:"check",size:12}):null})}),t(rt,{anime:e,continueWatching:i,onRemove:()=>oe(e.id,e.name),layout:"vertical"}),!i&&!M&&t("div",{className:a.cardActions,children:[t("select",{className:a.statusSelect,value:e.status,onChange:s=>Pe.mutate({id:e.id,status:s.currentTarget.value}),children:be.map(s=>t("option",{value:s,children:s},s))}),t("button",{className:a.removeBtn,onClick:()=>oe(e.id,e.name),title:"Remove from Watchlist","aria-label":"Remove from Watchlist",children:t(h,{name:"trash",size:12})})]})]},e._id)})})]}),!x&&X.length===0&&t("div",{className:a.emptyState,children:[t("h3",{className:a.emptyTitle,children:"Your watchlist is looking a bit lonely"}),t("p",{className:a.emptyText,children:d!=="All"||f||y!=="ALL"||b!=="ALL"||S!=="ALL"||Object.keys(k).length>0?"No anime match these filters. Try adjusting them to see more titles.":"Let's find something to watch!"}),t("button",{className:a.emptyBtn,onClick:()=>v("/search"),children:[t(h,{name:"search",size:14}),t("span",{children:"Browse Anime"})]})]}),J>0&&t("div",{className:a.bottomPagination,children:t("div",{className:a.pagination,children:[t("button",{className:a.pageBtn,onClick:()=>U(m-1),disabled:m===1||x,children:[t(h,{name:"chevron-left",size:14}),t("span",{children:"Previous"})]}),t("span",{className:a.pageInfo,children:["Page ",t("strong",{children:m})]}),t("button",{className:a.pageBtn,onClick:()=>U(m+1),disabled:!ue||x,children:[t("span",{children:"Next"}),t(h,{name:"chevron-right",size:14})]})]})}),t(ae,{isOpen:!!c,onClose:de,title:i?"Reset Progress":"Remove from Watchlist",children:[t(ae.Body,{children:[t("p",{children:c?.ids&&c.ids.length>1?i?`Are you sure you want to remove watch progress for ${c.ids.length} items?`:`Are you sure you want to remove ${c.ids.length} items from your watchlist?`:i?`Are you sure you want to remove your watch progress for "${c?.name}"?`:`Are you sure you want to remove "${c?.name}" from your watchlist?`}),i&&t("label",{children:[t("input",{type:"checkbox",checked:V,onChange:e=>z(e.target.checked)}),"Also remove from my watchlist"]}),!i&&!(c?.ids&&c.ids.length>1)&&t("label",{children:[t("input",{type:"checkbox",checked:le,onChange:e=>D(e.target.checked)}),"Remember my choice"]})]}),t(ae.Actions,{children:[t(B,{variant:"secondary",onClick:de,children:"No"}),t(B,{variant:"danger",onClick:ze,children:"Yes"})]})]})]})};export{xt as default};