https://www.hoopladigital.co.nz/_next/static/chunks/1082.77f3d840788de9ae.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1082],{81858:function(e,t,a){"use strict";var r=a(57437),l=a(2265),n=a(26396);t.Z=e=>{let{kind:t}=e,{getFlag:a}=(0,n.g)();return(0,l.useMemo)(()=>a("killSwitchMonetate"),[a])?(0,r.jsx)("div",{id:"monetate-kind-banner","data-kind":t.slug,className:"flex justify-center gap-4 py-3 empty:py-0"}):null}},89922:function(e,t,a){"use strict";a.d(t,{Z:function(){return c}});var r=a(57437),l=a(92748),n=a(26342),o=a.n(n),s=a(31678),i=a(41986),d=a(51720);let u=(0,a(15228).BX)("\n  query GetMarqueeQuery(\n    $isManga: Boolean\n    $kindId: ID!\n    $audience: PromotionAudience!\n  ) {\n    carouselPromos: promotions(\n      criteria: {\n        marquee: true\n        kindId: $kindId\n        audience: $audience\n        isManga: $isManga\n      }\n    ) {\n      ...PromoFragment\n    }\n  }\n");function c(e){let{isManga:t=!1,kind:a,ordinal:n}=e,c=(0,d.ER)(e=>e.audience),{loading:m,error:g,data:p}=(0,l.a)(u,{variables:{audience:null!=c?c:i.x43.Any,isManga:t,kindId:a.id},skip:!a});return g&&o().leaveBreadcrumb("Failed to load KindMarquee carousel"),(0,r.jsx)(s.Z,{ordinal:n,promos:null==p?void 0:p.carouselPromos,loading:m})}},78715:function(e,t,a){"use strict";a.d(t,{w:function(){return n}});var r=a(57437),l=a(70475);function n(){return(0,r.jsx)("div",{className:"my-4",children:(0,r.jsx)("img",{src:l.default.src,alt:"Kids Mode Banner",className:"mx-auto mb-4"})})}},51043:function(e,t,a){"use strict";a.d(t,{F:function(){return b}});var r=a(57437),l=a(2265),n=a(15338),o=a(90933),s=a(10357),i=a(23732),d=a(13500),u=a(54071),c=a(95905),m=a(68890);let g=(0,n.vU)({marqueeItem:{id:"promo.marqueeItem",defaultMessage:"hoopla marquee item"}}),p=e=>{switch(e.target){case"ARTIST":return{typeId:e.targetId,linkUrl:(0,m.gD)(e.targetId,e.targetName)};case"COLLECTION":return{typeId:e.targetId,linkUrl:(0,m.yV)(e.targetId,e.targetName)};case"TITLE":return{typeId:e.targetId,linkUrl:"/title/".concat(e.targetId)};case"GENRE":return{typeId:e.targetId,linkUrl:(0,m.z7)({genreName:e.target,genreId:e.targetId,kindName:e.targetName})};case"PUBLISHER":return{typeId:e.targetId,linkUrl:"/publisher/".concat(e.targetId)};case"SERIES":return{typeId:e.targetId,linkUrl:"/series/".concat(e.targetId)};case"TAG":return{typeId:e.targetId,linkUrl:"/tag/".concat(e.targetId)};default:return{typeId:"#no type id",linkUrl:"#"}}};function b(e){let{onClick:t=()=>{},promo:a,selectedIndex:n,index:o}=e,s=(0,l.useRef)(null),[i,d]=(0,l.useState)(!1),u=o===n,c=i?-1:u?0:-1,m=i?"true":u?"false":"true";return(0,l.useEffect)(()=>{s.current&&d(!!s.current.closest(".slick-cloned"))},[a.targetName]),(0,r.jsx)("div",{ref:s,children:"EXTERNAL"===a.target?(0,r.jsx)(x,{onClick:t,promo:a,index:o,tabIndex:c,ariaHidden:m}):(0,r.jsx)(f,{onClick:t,promo:a,index:o,tabIndex:c,ariaHidden:m})})}function x(e){let{onClick:t=()=>{},promo:a,index:n,tabIndex:s,ariaHidden:i}=e,[m,g]=(0,l.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.Z,{onClose:()=>g(!1),open:m,header:(0,r.jsx)(o.Z,{id:"promo.leaving.hoopla.header",defaultMessage:"You are now leaving hoopla"}),children:(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)("p",{className:"text-lg",children:(0,r.jsx)(o.Z,{id:"promo.leaving.hoopla.body",defaultMessage:"You are being directed to an external site. Would you like to continue?"})}),(0,r.jsxs)("div",{className:"flex justify-center space-x-4 pt-2",children:[(0,r.jsx)("a",{href:a.targetId,rel:"noreferrer",target:"_blank",children:(0,r.jsx)(u.KM,{onClick:t,children:(0,r.jsx)(o.Z,{id:"modal.button.continue",defaultMessage:"Continue"})})}),(0,r.jsx)(c.kq,{onClick:()=>g(!1),children:(0,r.jsx)(o.Z,{id:"modal.button.cancel",defaultMessage:"Cancel"})})]})]})}),(0,r.jsx)("button",{className:"relative block flex-1 p-2 sm:p-4",id:"carousel-panel-".concat(n),"aria-roledescription":"slide","aria-labelledby":"carousel-tab-".concat(n),"aria-hidden":i,tabIndex:s,onClick:()=>g(!0),style:{outline:"none"},children:(0,r.jsx)(v,{promo:a})},"promo-".concat(a.targetId))]})}function f(e){let{onClick:t=()=>{},promo:a,index:l,tabIndex:n,ariaHidden:o}=e,{linkUrl:s}=p(a);return(0,r.jsx)(i.rU,{className:"relative m-2 block flex-1 sm:m-4",id:"carousel-panel-".concat(l),"aria-roledescription":"slide","aria-labelledby":"

1carousel-tab-".concat(l),"aria-hidden":o,tabIndex:n,to:"".concat(s,"?utm_marquee=yes&utm_content=homepage_Marquee1"),onClick:t,style:{outline:"none"},children:(0,r.jsx)(v,{promo:a})},"promo-".concat(a.targetId))}function v(e){var t,a;let{promo:n}=e,{formatMessage:o}=(0,s.Z)();return(0,r.jsxs)(l.Fragment,{children:[(0,r.jsx)("img",{className:"aspect-[7/3] w-full rounded bg-slate-400 object-cover object-center drop-shadow-md filter transition",src:"".concat("https://marvel-b1-cdn.bc0a.com/f00000000280066/promo-images.hoopladigital.com","/").concat(n.image,".jpg"),alt:null!==(t=null==n?void 0:n.altText)&&void 0!==t?t:o(g.marqueeItem)}),n.overlayText&&(0,r.jsx)("p",{className:"absolute left-0 right-0 text-center text-xl",style:{color:null!==(a=null==n?void 0:n.overlayColor)&&void 0!==a?a:"",bottom:"10%",textShadow:"0 0 10px black"},children:n.overlayText})]})}},31678:function(e,t,a){"use strict";var r=a(59950),l=a(72371),n=a(57437),o=a(2265),s=a(6406),i=a(15338),d=a(10357),u=a(65972),c=a(51043),m=a(70764),g=a.n(m),p=a(70080);a(97425),a(49608),a(73125);var b=a(52516);let x=(0,i.vU)({sliderLabel:{id:"slider.promos.label",defaultMessage:"Promotional Items"},skeletonLabel:{id:"slider.promos.skeletonLabel",defaultMessage:"Loading Promotional Items"},pauseMarquee:{id:"button.pauseMarquee",defaultMessage:"Pause Marquee"},playMarquee:{id:"button.playMarquee",defaultMessage:"Play Marquee"},goToSlide:{id:"promo.goToSlide",defaultMessage:"Go to slide {number}"},youAreOnSlide:{id:"promo.youAreOnSlide",defaultMessage:"You are on slide {number}"}}),f={responsive:[{breakpoint:800,settings:{centerPadding:"100px"}},{breakpoint:650,settings:{centerPadding:"100px"}},{breakpoint:550,settings:{centerMode:!1}}],autoplay:!0,className:"center",infinite:!0,centerMode:!0,centerPadding:"200px",slidesToShow:1,slidesToScroll:1,speed:1e3,accessibility:!0,dots:!0,dotsClass:"slick-dots slick-dots-custom",pauseOnDotsHover:!0,pauseOnFocus:!0,pauseOnHover:!0,focusOnSelect:!0},v=(0,o.memo)(e=>{let{algorithm:t,ordinal:a,promos:i,loading:m}=e,{sendCarouselEvent:v}=(0,p.ZP)(),{formatMessage:h}=(0,d.Z)(),y=(0,o.useMemo)(()=>(null==i?void 0:i.map(e=>{let{target:t,targetId:a}=e;return{type:t.toLowerCase(),id:a}}))||[],[JSON.stringify(i)]),k=(0,o.useRef)(null),j=(0,o.useRef)(null),[I,M]=(0,o.useState)(f.autoplay),[N,S]=(0,o.useState)(0),q=(0,o.useRef)(null),C=(0,o.useCallback)(()=>{if(I){var e;M(!1),null===(e=k.current)||void 0===e||e.slickPause()}},[I]),A=(0,o.useMemo)(()=>(0,l._)((0,r._)({},f),{beforeChange:(e,t)=>

1{var a,r,l,n;S(t);let o=document.querySelectorAll(".slick-dots button");o[e]&&(null===(a=o[e])||void 0===a||a.setAttribute("aria-label",h(x.goToSlide,{number:e+1})),null===(r=o[e])||void 0===r||r.setAttribute("title",h(x.goToSlide,{number:e+1}))),o[t]&&(null===(l=o[t])||void 0===l||l.setAttribute("aria-label",h(x.youAreOnSlide,{number:t+1})),null===(n=o[t])||void 0===n||n.setAttribute("title",h(x.youAreOnSlide,{number:t+1})))},afterChange:e=>{S(e);let t=i.length;q.current&&(q.current.textContent="Slide ".concat(e+1," of ").concat(t))},customPaging:e=>0===e?(0,n.jsx)("button",{"aria-label":h(x.youAreOnSlide,{number:e+1}),title:h(x.youAreOnSlide,{number:e+1}),children:(0,n.jsx)("span",{id:"dot-".concat(e),className:"sr-only",children:h(x.youAreOnSlide,{number:e+1})})}):(0,n.jsx)("button",{"aria-label":h(x.goToSlide,{number:e+1}),title:h(x.goToSlide,{number:e+1}),children:(0,n.jsx)("span",{id:"dot-".concat(e),className:"sr-only",children:h(x.goToSlide,{number:e+1})})})}),[h,i]);if((0,o.useEffect)(()=>{var e;let t=window.matchMedia("(prefers-reduced-motion: reduce)");t.matches&&M(!1);let a=e=>M(t=>!e.matches&&t);return null===(e=t.addEventListener)||void 0===e||e.call(t,"change",a),()=>{var e;return null===(e=t.removeEventListener)||void 0===e?void 0:e.call(t,"change",a)}},[]),(0,o.useEffect)(()=>{var e;if((null==y?void 0:y.length)&&(void 0!==a||m)&&(v({label:"carousel_loaded",value:y,sectionHeader:"Marquee",ordinal:a}),null===(e=document.querySelectorAll(".slick-dots-custom")[0])||void 0===e||e.setAttribute("aria-label",h(x.sliderLabel)),!m)){let e=j.current;if(!e)return;let t=()=>{C()};return e.addEventListener("focusin",t,!0),()=>e.removeEventListener("focusin",t,!0)}},[v,a,y,m,h,C]),m)return(0,n.jsx)("section",{role:"region","aria-roledescription":"carousel","aria-label":h(x.skeletonLabel),id:"carousel-skeleton",className:"mb-6 relative",children:(0,n.jsxs)(s.Z,(0,l._)((0,r._)({},A),{autoplay:!1,children:[(0,n.jsx)(b.gb,{}),(0,n.jsx)(b.gb,{}),(0,n.jsx)(b.gb,{})]}))});if(!g()(i)){let e=i.map((e,a)=>(0,n.jsx)(c.F,{promo:e,index:a,selectedIndex:N,onClick:()=>v({label:"carousel_item_clicked",value:{type:e.target.toLowerCase(),id:e.targetId},sectionHeader:"Marquee",ordinal:a,eventSource:t})},"".concat(e.image,"-").concat(e.targetId)));return(0,n.jsxs)("section",{ref:j,className:"group relative mb-6",role:"region","aria-roledescription":"carousel","aria-label":h(x.sliderLabel),id:"carousel",children:[(0,n.jsx)("div",{ref:q,"aria-live":"polite","aria-atomic":"true",className:"sr-only"}),(0,n.jsxs)("button",{className:"absolute right-3 bottom-3 z-10 rounded-full bg-black/70 p-1.5 shadow hover:bg-black/80 hover:shadow-lg sm:right-2 sm:bottom-5",onClick:function(){var e,t;I?null===(e=k.current)||void 0===e||e.slickPause():null===(t=k.current)||void 0===t||t.slickPlay(),M(e=>!e)},"aria-pressed":I,"aria-label":I?h(x.pauseMarquee):h(x.playMarquee),children:[I?(0,n.jsx)(u.dz,{className:"text-white"}):(0,n.jsx)(u.u7,{className:"text-white"}),(0,n.jsx)("span",{className:"sr-only",children:I?h(x.pauseMarquee):h(x.playMarquee)})]}),(0,n.jsx)(s.Z,(0,l._)((0,r._)({},A),{ref:k,children:e}))]})}return null});v.displayName="PromoCarousel",t.Z=v},73125:function(){}}]);