1import{a as F,b as D}from"/wp-web-assets/build/_shared/chunk-JJJE2CMX.js";import{a as k}from"/wp-web-assets/build/_shared/chunk-BH6G3JBD.js";import{a as E}from"/wp-web-assets/build/_shared/chunk-7N4NWAXX.js";import{c as x}from"/wp-web-assets/build/_shared/chunk-FAVLMCSO.js";import{Q as I,Z as A}from"/wp-web-assets/build/_shared/chunk-OJGQNC6W.js";import{b as P}from"/wp-web-assets/build/_shared/chunk-WRFPJY3T.js";import{d as c}from"/wp-web-assets/build/_shared/chunk-QU6HUKB6.js";import{o as N,p as G}from"/wp-web-assets/build/_shared/chunk-BEEYMAMZ.js";import{a as O,b as f}from"/wp-web-assets/build/_shared/chunk-NFQRDOF2.js";import{e as g}from"/wp-web-assets/build/_shared/chunk-H535LSQH.js";var n={"library-menu":"tl9FC","done-button":"I7VGO","add-button":"fm6Xk","input-row":"d1Spa","input-field":"H7ivO","input-field-container":"afznE","library-menu-error":"_49T4E"};G();var e=g(f()),X=({closePopover:l,readingLists:y,toggleStoryInReadingList:t,createReadingList:a,error:m})=>{let{t:s}=c(),u=r=>{r.preventDefault();let d=r.target,v=d["new-reading-list"].value;a(v),d.reset()},R=N();return(0,e.jsxs)("div",{className:n["library-menu"],children:[(0,e.jsx)("h3",{children:s("Add to")}),(0,e.jsx)("button",{className:n["done-button"],onClick:l,"data-testid":"done-button",children:s("Done")}),(0,e.jsx)("ul",{children:y.map((r,d)=>(0,e.jsx)("li",{"data-testid":r.id,children:(0,e.jsx)(D,{...r,isPrivate:d===0,toggleStoryInReadingList:()=>t(r.id)})},r.id))}),(0,e.jsx)(R.Form,{onSubmit:u,children:(0,e.jsxs)("div",{className:n["input-row"],children:[(0,e.jsx)(x,{customLabel:!0,label:"",id:"new-reading-list",name:"new-reading-list",className:n["input-field"],containerClassName:n["input-field-container"],placeholder:s("Add new reading list..."),required:!0}),(0,e.jsx)("button",{className:n["add-button"],"aria-label":s("Add new reading list..."),"data-testid":"add-button",type:"submit",children:(0,e.jsx)(A,{name:"add",height:"18",strokeColor:"black"})})]})}),m&&(0,e.jsx)("div",{className:n["library-menu-error"],children:m})]})},T=X;var L={"popover-container":"pgq4C","set-default-popover-width":"rzXAQ",modal:"HqCnK"};var i=g(O());var b=g(f()),K=({closePopover:l,triggerRef:y,storyId:t,page:a,className:m,isMobile:s,error:u=""})=>{let{t:R}=c(),[r,d]=(0,i.useState)(!0),v=(0,i.useRef)(null),[h,H]=(0,i.useState)([]),{readingLists:_,collections:p,fetchStoryCollection:q,createReadingList:M,toggleStoryInReadingList:w}=(0,i.useContext)(F),z=(o,C)=>{let B=o.map(S=>({id:S.id,name:S.name,hasStory:C[S.id]}));H([{id:I,name:R("My Library (Private)"),hasStory:C.library},...B])};return(0,i.useEffect)(()=>{p[t]&&z(_,p[t])},[p]),(0,i.useEffect)(()=>{p[t]||q(t)},[]),h.length===0?null:s?(0,b.jsx)(E,{open:r,modalTriggerRef:v,closeModal:()=>d(!1),customStyles:L,children:(0,b.jsx)(T,{closePopover:l,readingLists:h,toggleStoryInReadingList:o=>w(t,o,a),createReadingList:o=>M({name:o,storyId:t,page:a}),error:u})}):(0,b.jsx)(k,{className:P(L["popover-container"],m||L["set-default-popover-width"]),contentComponent:()=>T({closePopover:l,readingLists:h,toggleStoryInReadingList:o=>w(t,o,a),createReadingList:o=>M({name:o,storyId:t,page:a}),error:u}),showArrow:!0,triggerRef:y,closePopover:l})},de=K;export{de as a};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.