https://www.hoopladigital.com/_next/static/chunks/1326.2a04232db069f399.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1326],{9721:function(e,t,i){i.d(t,{h:function(){return a}});var n=i(76777);let a={clearPatronHistory:()=>n.hooplaClient.put("/v2/borrowed/history/clear"),hideHistoryItem:e=>n.hooplaClient.put("/v2/borrowed/history/".concat(e,"/hide")),hideHistory:e=>n.hooplaClient.put("/users/hide-history",{hideHistory:e},{headers:{"Content-Type":"application/json"}})}},17714:function(e,t,i){i.d(t,{Z:function(){return h}});var n=i(59950),a=i(57437),s=i(85073),r=i(2265),l=i(77577),o=i(89543),c=i(23732),d=i(95390);function h(e){return function(t){let[i]=(0,l.Kx)({ebookKey:l.Zp,authToken:l.Zp,userId:l.Zp}),h=(0,s.jl)(),u=(0,o.a)(e=>e.isLoadingUser),m=(0,c.s0)(),x=(0,c.TH)(),p=void 0!==i.ebookKey||void 0!==i.authToken||void 0!==i.userId;return((0,r.useEffect)(()=>{u||h||p||m("/login",{replace:!0,state:{prevLocation:x}})},[]),u)?(0,a.jsx)(d.gb,{delay:250}):h||p?(0,a.jsx)(e,(0,n._)({},t)):null}}},5289:function(e,t,i){i.d(t,{Z:function(){return m}});var n=i(57437),a=i(15338),s=i(10357),r=i(90933),l=i(17731),o=i(23732),c=i(65972);function d(e){let{children:t,role:i,to:a,onClick:s}=e;return(0,n.jsxs)(o.rU,{className:"next-icon-animation flex items-center",to:a,role:i,onClick:e=>s&&s(e),children:[(0,n.jsx)("div",{children:t}),(0,n.jsx)(c._Q,{className:"ease-in-out",size:20,weight:c.xW.light})]})}function h(e){let{children:t,role:i,to:a,onClick:s}=e;return(0,n.jsxs)(o.rU,{className:"previous-icon-animation flex items-center",to:a,role:i,onClick:e=>s&&s(e),children:[(0,n.jsx)(c.s$,{className:"ease-in-out",size:20,weight:c.xW.light}),(0,n.jsx)("div",{children:t})]})}let u=(0,a.vU)({paging:{id:"pagination.paging",defaultMessage:"Showing {begin} through {end},"}});var m=function(e){let{begin:t,end:i,page:a,hasMoreResults:c=!0,labelText:m,labelId:x}=e,{formatMessage:p}=(0,s.Z)(),[g]=(0,o.lr)(),y=a-1;g.set("page",y.toString());let f=g.toString(),j=a+1;g.set("page",j.toString());let b=g.toString(),v=window.location;return(0,n.jsxs)("nav",{className:"my-1 flex flex-row items-center","aria-labelledby":x,children:[(0,n.jsx)("span",{className:"sr-only",id:x,children:m}),(0,n.jsxs)("ul",{className:"flex w-full flex-row justify-between",children:[(0,n.jsx)("li",{className:"min-w-16",children:a>1&&(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(h,{role:"link",onClick:()=>{},to:{pathname:v.pathname,search:f},children:[(0,n.jsx)(l.q,{link:[{rel:"prev",href:"".concat(v.origin).concat(v.pathname,"?page=").concat(y)},{rel:"canonical",href:"".concat(v.origin).concat(v.pathname,"?page=").concat(a)}]}),(0,n.jsx)(r.Z,{id:"pagination.label.previous",defaultMessage:"Previous",description:"allows patron to go back to the previous page"})]})})}),(0,n.jsx)("li",{children:(0,n.jsx)("p",{"aria-label":p(u.paging,{begin:t,end:i}),children:(0,n.jsx)(r.Z,{id:"pagination.label.showing",defaultMessage:"Showing {begin} - {end}",description:"label for number of items shown",values:{begin:t,end:i}})})}),(0,n.jsx)("li",{className:"min-w-16",children:c&&(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(d,{role:"link",to:{pathname:v.pathname,search:b},children:[(0,n.jsx)(l.q,{link:[{rel:"next",href:"".concat(v.origin).concat(v.pathname,"?page=").concat(j)},{rel:"canonical",href:"".concat(v.origin).concat(v.pathname,"?page=").concat(a)}]}),(0,n.jsx)(r.Z,{id:"pagination.label.next",defaultMessage:"Next",description:"allows patron to go to the next page"})]})})})]})]})}},44724:function(e,t,i){var n=i(2265),a=i(13561),s=i(26396);t.Z=e=>{let{items:t,toProduct:i,resetKey:r}=e,{getFlag:l}=(0,s.g)(),o=(0,n.useMemo)(()=>l("killSwitchMonetate"),[l]),c=(0,n.useRef)(!1);(0,n.useEffect)(()=>{o&&(null==t?void 0:t.length)&&!c.current&&((0,a.bX)({products:t.map(i),replaceProducts:!0}),c.current=!0)},[t,o,i]),(0,n.useEffect)(()=>{c.current=!1},[r])}},72608:function(e,t,i){var n=i(57437),a=i(84772),s=i.n(a);let r=e=>s()("flex items-center justify-center rounded-full py-8 px-4 bg-hoopla-transparent-gray",{"h-40 w-40":!e},{"h-36 w-36":e});t.Z=e=>{let{icon:t,header:i,subtext:a,isMobile:l,screenReaderHeader:o}=e,c=s()("text-center font-semibold text-text-2-light",{"mt-4 w-48 text-2xl":l,"mt-4 w-72 text-4xl":!l}),d=s()("text-sm text-center pt-1 text-text-2-light",{"mt-1 w-48 pt-1":l,"mt-2 w-64 pt-2":!l});return(0,n.jsxs)("div",{className:"".concat(l?"mt-20 mb-60":"mt-36 mb-60"," flex flex-col items-center justify-center pb-4 pt-8"),children:[(0,n.jsx)("h1",{className:"sr-only",children:o}),(0,n.jsx)("div",{className:"".concat(r(l)),children:t}),(0,n.jsx)("p",{className:c,children:i}),(0,n.jsx)("p",{className:d,children:a})]})}},51326:function(e,t,i){i.r(t),i.d(t,{default:function(){return X}});var n=i(57437),a=i(96997),s=i(92748),r=i(2265),l=i(15338),o=i(10357),c=i(90933),d=i(9721),h=i(17731),u=i(5289),m=i(77778),x=i(13500),p=i(44269),g=i(23512),y=i(11777);function f(e){let{onClose:t,onAccept:i,open:a}=e,[s,l]=(0,r.useState)(!1);return(0,n.jsx)(x.Z,{onClose:t,open:a,header:(0,n.jsx)(c.Z,{id:"confirm.hide.history.all.header",defaultMessage:"Clear History"}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{children:(0,n.jsx)(c.Z,{id:"confirm.hide.history.all.msg",defaultMessage:"Are you sure you want to clear your borrow history?"})}),(0,n.jsx)("p",{children:(0,n.jsx)(c.Z,{id:"confirm.hide.history.all.msg.2",defaultMessage:"This will permanently prevent you from viewing your previous borrowing history."})}),(0,n.jsxs)("div",{className:p.S.buttonWrapper,children:[(0,n.jsx)(y.Z,{onConfirm:()=>{l(!0),i(),l(!1)},isLoading:s,actionButtonText:(0,n.jsx)(c.Z,{id:"confirm.clear.history.all.button",defaultMessage:"Clear History"})}),(0,n.jsx)(g.Z,{onCloseAction:t,isLoading:s})]})]})})}var j=i(23732),b=i(17075),v=i(19478),w=i(24026),N=i(11536);function Z(e){let{onClose:t,onAccept:i,open:a}=e,[s,l]=(0,r.useState)(!1);return(0,n.jsx)(x.Z,{onClose:t,open:a,header:(0,n.jsx)(c.Z,{id:"confirm.hide.history.item.header",defaultMessage:"Hide History"}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{children:(0,n.jsx)(c.Z,{id:"confirm.hide.history.item.msg",defaultMessage:"Are you sure you want to remove this title from your borrow history?"})}),(0,n.jsx)("p",{children:(0,n.jsx)(c.Z,{id:"confirm.hide.history.item.msg.2",defaultMessage:"This will permanently remove this title from your previous borrowing history."})}),(0,n.jsxs)("div",{className:p.S.buttonWrapper,children:[(0,n.jsx)(y.Z,{onConfirm:()=>{l(!0),i(),l(!1)},isLoading:s,actionButtonText:(0,n.jsx)(c.Z,{id:"confirm.hide.history.all.button",defaultMessage:"Hide History"})}),(0,n.jsx)(g.Z,{onCloseAction:t})]})]})})}var M=i(68890),k=i(11057);let H=(0,l.vU)({hideButtonAriaLabel:{id:"my.hoopla.history.hide.label",defaultMessage:"Hide {title} from my borrow history"},borrowedDate:{id:"historyCard.borrowedDate",defaultMessage:"Last Borrowed {borrowedOn}"},titleDetailsLink:{id:"thumb.titleDetailsLink",defaultMessage:"View details for {title}"}}),S=navigator.languages?navigator.languages[0]:navigator.language;var C=e=>{let{circulation:t,handleHide:i}=e,{formatMessage:a}=(0,o.Z)(),[s,l]=(0,r.useState)(!1),{title:c,episode:d,borrowedDate:h}=t,{primaryArtist:u,kind:m,issueNumberDescription:x,artKey:p,status:g}=c,y=(0,v.Z)(m.name,null==u?void 0:u.name,x),f=(null==d?void 0:d.title)?d.title:c.title,C={pathname:(0,M.kE)(c.id,c.kind.name,f,null==u?void 0:u.name),state:{includeDeleted:!0}

1},T=()=>a(H.borrowedDate,{borrowedOn:new Date(h).toLocaleDateString("en-US"===S?"en-US":"en-GB")}),L=async()=>{await i(t.id),l(!1)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(w.Zb,{children:[(0,n.jsx)(w.Aq,{"aria-label":"",src:"".concat(k.Z.titleArtUrl,"/").concat(p,"_270.jpeg")}),(0,n.jsxs)(j.rU,{to:C,"aria-label":(0,N.Ts)({title:f,artistName:null==u?void 0:u.name,issueNumberDescription:x,kind:m.name,formatMessage:a,transactionText:T(),licenseType:c.licenseType,status:g,linkToTitleDetails:c.title}),className:"relative m-1.5 box-border flex w-full flex-row items-start justify-start text-gray-900",children:[(0,n.jsx)(w.sq,{src:"".concat(k.Z.titleArtUrl,"/").concat(p,"_270.jpeg")}),(0,n.jsxs)("div",{className:"relative ml-1 box-border flex h-full w-full flex-col items-start justify-start",style:{width:"calc(100% - 110px)"},children:[(0,n.jsxs)(w.N8,{children:[(0,b.Z)(c.licenseType,16),(0,n.jsx)(w.qD,{"aria-label":a(H.borrowedDate,{borrowedOn:T()}),children:T()}),(0,n.jsx)(w.vI,{kindName:m.name,size:16})]}),(0,n.jsxs)(w.lU,{children:[(0,n.jsx)(w.Dx,{title:f,"aria-label":f}),(0,n.jsx)("p",{children:y})]})]})]}),(0,n.jsx)(w.eX,{ariaLabel:a(H.hideButtonAriaLabel,{title:c.title}),onClick:e=>{e.preventDefault(),e.stopPropagation(),l(!0)}})]}),(0,n.jsx)(Z,{onClose:()=>l(!1),onAccept:L,open:s})]})},T=i(2049),L=i(70080),A=i(70764),U=i.n(A),D=i(51720),I=i(95905),z=i(95875),B=i(1404),F=i(81508),_=i(60771),q=i(63657),E=i(41986),P=i(17714),$=i(15462),O=i(72608),K=i(44724),Q=i(53768);let R=(0,i(15228).BX)("\n  query GetPatronHistoryQuery(\n    $historyAudience: HistoryAudience!\n    $page: ConstrainNumberMIN1\n    $pageSize: ConstrainNumberMIN1\n  ) {\n    history(\n      criteria: {\n        pagination: { page: $page, pageSize: $pageSize }\n        audience: $historyAudience\n      }\n    ) {\n      id\n      borrowedDate\n      episode {\n        title\n      }\n      title {\n        ...TitleListItemFragment\n      }\n      licenseType\n    }\n  }\n"),W=(0,l.vU)({history:{id:"header.nav.history",defaultMessage:"History"},emptyHeader:{id:"history.empty.header",defaultMessage:"Looking for your borrow history?"},emptySubtext:{id:"history.empty.subheader",defaultMessage:"Titles will appear here once they have been returned."}});var X=(0,P.Z)(function(){var e,t;let[i,l]=(0,m.Z)(),{formatMessage:x}=(0,o.Z)(),{historyGridLoaded:p}=(0,q.d)(),g=(0,a.tq)();(0,L.my)({name:"HISTORY"});let y=(0,D.ER)(e=>e.audience),[j,b]=(0,r.useState)(!1),{data:v,loading:w,refetch:N}=(0,s.a)(R,{variables:{historyAudience:null!=y?y:E.bd2.Any,page:i,pageSize:25},fetchPolicy:"cache-and-network"}),Z=null!==(t=null==v?void 0:null===(e=v.history)||void 0===e?void 0:e.map(e=>e.title).filter(e=>!!e))&&void 0!==t?t:[];(0,K.Z)({items:Z,toProduct:Q.cM,resetKey:"".concat(i,"-").concat(y)}),(0,r.useEffect)(()=>{i>1&&l(1)},[y]);let M=async e=>(await d.h.hideHistoryItem(e),N()),k=async()=>{await d.h.clearPatronHistory(),N(),b(!1)},H=null==v?void 0:v.history,S=e=>{let t=H.length;return(0,n.jsx)(u.Z,{page:i,hasMoreResults:t>24,begin:(i-1)*24+1,end:(i-1)*24+(t>24?24:t),labelId:"history-pagination-".concat(e),labelText:"History pagination ".concat(e)})},A="History | hoopla",P=[{property:"title",content:A}],X=U()(null==v?void 0:v.history);return w?(0,n.jsx)(T.Sv,{}):(0,n.jsxs)("div",{children:[(0,n.jsx)(h.q,{meta:P,title:A}),(0,n.jsx)(_.Z,{items:[{label:x(W.history),to:"/my/history"}]}),X&&(0,n.jsx)(O.Z,{icon:(0,n.jsx)($.a,{className:"m-auto fill-hoopla-gray",size:g?72:96}),header:x(W.emptyHeader),subtext:x(W.emptySubtext),isMobile:g,screenReaderHeader:x(W.history)}),!X&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(B.m,{children:[(0,n.jsx)(F.V,{children:(0,n.jsx)(c.Z,{id:"my.history.heading",defaultMessage:"History"})}),(0,n.jsx)(I.kq,{onClick:()=>b(!0),isOutline:!0,children:(0,n.jsx)(c.Z,{id:"my.history.clear",defaultMessage:"clear history"})})]}),(p(H),(0,n.jsxs)(n.Fragment,{children:[S("top"),(0,n.jsx)(z.gy,{children:H.slice(0,24).map((e,t)=>(0,n.jsx)(C,{circulation:e,handleHide:M},t))}),S("bottom")]})),(0,n.jsx)(f,{onClose:()=>b(!1),onAccept:k,open:j})]})]})})},60771:function(e,t,i){i.d(t,{Z:function(){return f}});var n=i(57437),a=i(85073),s=i(23732),r=i(15338),l=i(10357),o=i(98092),c=i(45926),d=i(84772),h=i.n(d),u=i(65972),m=i(17731);let x=(0,r.vU)({breadcrumb:{id:"breadcrumb",defaultMessage:"Breadcrumb"},menuButton:{id:"breadcrumb.menuButton",defaultMessage:". . ."}}),p=e=>{let{item:t}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.rU,{to:t.to,children:t.label}),(0,n.jsx)(u._Q,{size:20,className:"mx-1"})]})},g=e=>{let{items:t}=e,{formatMessage:i}=(0,l.Z)();return(0,n.jsx)("div",{className:"relative",children:(0,n.jsxs)(o.Menu,{children:[(0,n.jsx)(o.MenuButton,{className:"text-hoopla-blue",children:i(x.menuButton)}),(0,n.jsx)(c.Transition,{as:"div",className:"absolute -left-6 z-30 transform rounded-md border border-gray-200 bg-white p-2 shadow-lg md:hidden",enter:"transition ease-out duration-300",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-300",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,n.jsx)(o.MenuItems,{className:"flex min-w-32 flex-col space-y-2",children:t.map((e,t)=>(0,n.jsx)(o.MenuItem,{children:t=>{let{active:i}=t;return(0,n.jsx)(s.rU,{className:h()("cursor-pointer relative flex w-full items-center rounded p-1 px-3 border-none text-black transition-colors duration-300 ease-in-out hover:bg-hoopla-blue/20 active:bg-hoopla-blue/10",{"bg-hoopla-blue/20":i}),to:e.to,children:e.label})}},t))})})]})})},y=e=>JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:window.location.origin+"/my/hoopla"},...e.map((e,t)=>({"@type":"ListItem",position:t+2,name:e.label,item:window.location.origin+e.to}))]});function f(e){var t;let{items:i}=e,r=i.slice(0,i.length-1),o=(0,a.jl)(),{formatMessage:c}=(0,l.Z)();return(0,n.jsxs)("nav",{className:"mb-4 flex text-sm md:mx-0","aria-label":c(x.breadcrumb),children:[(0,n.jsx)(m.q,{children:(0,n.jsx)("script",{type:"application/ld+json",children:y(i)})}),(0,n.jsxs)("ol",{className:"flex items-center",children:[(0,n.jsx)("li",{children:(0,n.jsxs)("div",{className:"flex items-center",children:[(0,n.jsx)(s.rU,{to:o?"/my/hoopla":"/home",children:(0,n.jsx)(u.SK,{title:"Navigate Home",size:20})}),(0,n.jsx)(u._Q,{size:20,className:"mx-1"})]})}),i.length>=2&&(0,n.jsx)("li",{children:(0,n.jsxs)("div",{className:"flex items-center md:hidden",children:[(0,n.jsx)(g,{items:r}),(0,n.jsx)(u._Q,{size:20,className:"mx-1"})]})}),r.map((e,t)=>(0,n.jsx)("li",{children:(0,n.jsx)("div",{className:"hidden flex-row items-center md:flex",children:(0,n.jsx)(p,{item:e})})},t)),(0,n.jsx)("li",{children:(0,n.jsxs)("p",{"aria-current":"page",children:[null===(t=i[i.length-1])||void 0===t?void 0:t.label," "]})})]})]})}}}]);