https://www.dcthomsonshop.co.uk/_next/static/chunks/app/%5B...categorySlugParts%5D/page-9b057c743f4d09e2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[156],{1681:(e,t,l)=>{"use strict";l.d(t,{TrustpilotWidget:()=>i});var s=l(7834),r=l(2980),a=l(1426);function i(e){let{html:t,className:l}=e,i=(0,a.useRef)(null),[n,c]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=i.current;e&&(e.innerHTML=t)},[t]),(0,a.useEffect)(()=>{var e,t;if(!n)return;let l=null==(e=i.current)?void 0:e.querySelector(".trustpilot-widget");l&&(null==(t=window.Trustpilot)||t.loadFromElement(l))},[t,n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:i,className:l}),(0,s.jsx)(r.default,{src:"https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js",strategy:"afterInteractive",onReady:()=>c(!0)})]})}},2908:(e,t,l)=>{"use strict";l.d(t,{A:()=>a});var s=l(7834),r=l(1426);function a(e){let{className:t,defaultValue:l,value:a,name:i,label:n,sublabel:c,errors:d,warning:o,onChange:u,onBlur:m,onKeyDown:h,placeholder:x,type:f="text",inputMode:g,pattern:p,maxLength:b}=e,[v,j]=(0,r.useState)(!1);(0,r.useEffect)(()=>{d&&d.length&&j(!1)},[d]);let w=d&&!v,y=w||!!o,N="text-field-".concat(i);return(0,s.jsxs)("div",{className:t,children:[n&&(0,s.jsx)("label",{className:"block text-base\xa0leading-6 font-bold mb-2",htmlFor:N,children:n}),c&&(0,s.jsx)("label",{className:"block text-xs text-gray-500 my-1",htmlFor:N,children:c}),(0,s.jsx)("input",{id:N,className:"block border border-solid border-gray-400 rounded-lg mb-2 py-2 px-4 w-full ring-0 active:ring-0 focus:ring-0 outline-0 active:outline-0 focus:outline-0 transition-colors ".concat(y?"bg-red-100/30 border-red-400/70":"bg-white border-gray-400 focus:border-blue"),type:f,name:i,onChange:e=>{v||j(!0),u&&u(e)},onBlur:m,onKeyDown:h,defaultValue:l,value:a,placeholder:x,inputMode:g,pattern:p,maxLength:b}),(0,s.jsx)("div",{className:"min-h-[22px] mb-2",children:w&&d&&d.length?(0,s.jsx)("span",{className:"block text-sm text-red-700/80",children:d.join(", ")}):o?(0,s.jsx)("span",{className:"block text-sm text-red-700/80",children:o}):null})]})}},3319:(e,t,l)=>{"use strict";l.d(t,{default:()=>ei});var s=l(7834),r=l(8875),a=l(7040),i=l(6973),n=l(5156),c=l(393),d=l(5252),o=l(9563),u=l(7553),m=l(5048),h=l(3515),x=l(202),f=l(8561);function g(e){let{productVariant:t}=e;return(0,s.jsx)("div",{className:"flex ml-2 space-x-1",children:t.tags.map(e=>(0,s.jsx)("span",{id:"recommended",className:"bg-pink-300 font-bold px-5 py-1 rounded-full text-white text-sm",children:e},"product-variant-".concat(t.id,"-tag-").concat(e.toLowerCase().replace(/\s+/g,"-"))))})}function p(){return(0,s.jsx)("div",{className:"flex ml-2 space-x-1",children:(0,s.jsx)("span",{id:"promo-code-div",className:"bg-[#A0CA63] font-bold px-5 py-1 rounded-full text-white text-sm",children:"Promotional Offer"})})}function b(e){let{productVariant:t}=e;return(0,s.jsxs)("p",{children:[(0,s.jsx)("span",{className:"product-variant-initial-price font-bold text-3xl leading-[54px]",children:(0,m.PC)((0,h.$4)(t),t.currency)}),t.shippingCost>0&&(0,s.jsxs)("span",{className:"product-variant-shipping-cost",children:["\xa0+ ",(0,f.Gt)(t)]})]})}function v(e){let{productVariant:t}=e;return(0,s.jsxs)("ul",{className:"mb-6 md:mb-0 ml-6 list-image-[url('../../public/sellpoint-check.svg')] space-y-1",children:[(0,h.YI)(t)&&(0,s.jsxs)("li",{className:"pl-1 leading-6 text-base text-blue-grey-700",children:[(0,f.Ys)(t),"\xa0",(0,s.jsx)("span",{className:"text-green-300",children:(0,f.Hd)(t)})]}),t.benefits.map((e,t)=>(0,s.jsx)("li",{className:"pl-1 leading-6 text-base text-blue-grey-700",children:null==e?void 0:e.benefit},"benefit-".concat(t))),(0,h.bg)(t)&&(0,s.jsx)("li",{className:"pl-1 leading-6 text-base text-blue-grey-700",children:(0,f.FP)(t)})]})}function j(e){let{productVariant:t}=e,l=t.paymentProcessor===x.Go.ABSPaymentFrame,r=t.paymentProcessor===x.Go.ABSDirectDebit;return(0,s.jsxs)("div",{className:"mx-auto max-w-[180px] md:max-w-full flex justify-center items-center font-bold text-sm text-blue-grey-700 space-x-4",children:[l&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.default,{src:d.A,alt:"Visa",width:30}),(0,s.jsx)(n.default,{src:o.A,alt:"Mastercard",width:22})]}),r&&(0,s.jsx)(n.default,{src:u.A,alt:"Direct Debit",width:45})]})}function w(e){let{productVariant:t,onSelect:l}=e,r=null!==t.tags&&t.tags.length>

10,a=t.productType===x.ry.OneOffPurchase,i=[x.ry.OneOffPurchase,x.ry.PrePaidSubcription].includes(t.productType);return(0,s.jsxs)("div",{className:"product-variant-card border border-solid md:border-grey-200 rounded-lg shadow-lg overflow-hidden px-4 lg:px-6 py-6",children:[a?(0,s.jsx)("h2",{className:"hidden",children:"Pricing"}):(0,s.jsxs)("div",{className:"flex mb-5 items-center",children:[(0,s.jsx)("h2",{className:"text-base font-bold",children:(0,f.wx)(t)}),r&&(0,s.jsx)(g,{productVariant:t}),t.isPromoCode&&(0,s.jsx)(p,{})]}),(0,s.jsxs)("div",{className:"md:flex md:flex-row md:justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(b,{productVariant:t}),(0,s.jsx)(v,{productVariant:t})]}),(0,s.jsxs)("div",{className:"space-y-3 min-w-[209px] shrink-0 grow-0",children:[(0,s.jsx)("button",{id:"prodvar-sub-btn",className:"bg-blue hover:bg-blue/90 active:bg-blue/90 rounded-lg font-[700] text-center text-white p-3 shadow-lg w-full transition-colors",onClick:e=>l(e,t.id),"aria-label":i?"Buy '".concat(t.name,"'"):"Subscribe to '".concat(t.name,"'"),children:i?"Buy Now":"Subscribe"}),(0,s.jsx)(j,{productVariant:t})]})]})]},t.id)}let y={src:"/_next/static/media/open-external.5ba9ea3f.svg",height:20,width:20,blurWidth:0,blurHeight:0};var N=l(3424);function k(e){let{productVariant:t}=e;return(0,s.jsx)("div",{className:"border border-solid md:border-grey-200 rounded-lg shadow-lg overflow-hidden px-4 lg:px-6 py-6 md:py-8 lg:py-10",children:(0,s.jsxs)("div",{className:"md:flex md:flex-row md:justify-between md:items-center space-y-4 md:space-y-0",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-row space-x-4 items-center",children:[t.image&&(0,s.jsx)(n.default,{src:t.image,alt:"".concat(t.name," logo"),width:26,height:26}),(0,s.jsx)("h2",{className:"text-base font-bold leading-6",children:t.name})]}),(0,s.jsx)("p",{children:(0,s.jsxs)("span",{className:"font-bold text-4xl leading-[54px]",children:["From ",(0,m.PC)((0,h.$4)(t),t.currency)]})})]}),(0,s.jsx)("div",{className:"space-y-8 min-w-[210px] shrink-0 grow-0",children:(0,s.jsxs)(N.A,{className:"block bg-blue hover:bg-blue/90 active:bg-blue/90 rounded-lg font-[700] text-center text-white p-3 shadow-lg w-full transition-colors",href:t.externalLink,"aria-label":"Subscribe to '".concat(t.name,"'"),children:[t.externalLinkText,(0,s.jsx)(n.default,{className:"inline-block ml-1 -mt-1",src:y,alt:"External link",width:20,height:20})]})})]})},t.id)}function A(e){let{items:t}=e;return(0,s.jsx)("ul",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-y-8 md:gap-x-12 lg:gap-y-8 lg:gap-x-28",children:t.map((e,t)=>(0,s.jsxs)("li",{className:"flex flex-row items-center space-x-4",children:[(0,s.jsx)("div",{className:"bg-white border-2 border-solid border-teal-300 h-[39px] w-[39px] flex items-center justify-center rounded-full shadow-md shrink-0 grow-0",children:e.imageSrc&&(0,s.jsx)(n.default,{src:e.imageSrc,alt:e.imageAlt,width:20,height:20})}),(0,s.jsx)("p",{className:"text-base text-left leading-6",children:e.text})]},t))})}let C={src:"/_next/static/media/chevron-down.3420f469.svg",height:20,width:20,blurWidth:0,blurHeight:0};function S(e){let{summary:t,children:l}=e;return(0,s.jsxs)("details",{className:"collapsible-summary space-y-8 md:space-y-10 border-b-2 border-[#8DC044]",children:[(0,s.jsxs)("summary",{className:"summary bg-white hover:bg-[#8DC044] hover:bg-opacity-15 transition-colors cursor-pointer flex justify-between p-8 font-bold leading-6 list-none [&::-webkit-details-marker]:hidden",children:[(0,s.jsx)("h3",{children:t}),(0,s.jsx)(n.default,{src:C,alt:"Expand/Collapse indicator",className:"open:shadow-md"})]}),l]})}var P=l(1426),R=l(356);let E={src:"/_next/static/media/chevron-left.21998733.svg",height:20,width:20,blurWidth:0,blurHeight:0},_={src:"/_next/static/media/chevron-right.ef6c286c.svg",height:20,width:20,blurWidth:0,blurHeight:0};var W=l(3877),D=l(6917);let L={src:"/_next/static/media/low_res_preview.8dfb2964.png"};function M(e){let{kind:t,onClick:l}=e;return(0,s.jsx)("button",{className:"absolute flex items-center justify-center h-8 w-8 bg-black/50 ".concat("prev"===t?"left-2 md:left-4":"right-2 md:right-4"," top-1/2 z-20 rounded-full -translate-y-1/2 scale-100 hover:scale-110 transition-all"),onClick:l,children:(0,s.jsx)(n.default,{src:"prev"===t?E:_,alt:"prev"===t?"Previous image":"Next image",className:"rounded-lg"})})}function I(e){var t;let{width:l}=e,{animate:r,activeIndex:a,images:i}=(0,W.A)(e.images,e.activeImageIndex,300),c=(0,P.useRef)(null);return null==(t=c.current)||t.setAttribute("style","transform: translateX(calc(0px - (".concat(a," * (100% + 20px))));")),(0,s.jsx)("div",{className:"flex ".concat(r?"transition-transform duration-300":""," space-x-[20px]"),ref:c,style:{transform:"translateX(calc(0px - (".concat(a," * (100% + 20px))))")},children:i.map((e,t)=>(0,s.jsx)(n.default,{src:e.src,alt:e.alt,width:l,height:l,className:"shrink-0 rounded-md md:rounded-none",placeholder:"blur",blurDataURL:L.src,loading:t===a?"eager":"lazy",priority:t===a,quality:60,sizes:"(max-width: 768px) 300px, 583px"},t))})}function T(e){let{className:t,images:l,width:r}=e,[a,i]=(0,P.useState)(0),c=l.length>1,d=e=>{null==e||e.preventDefault(),i((0,D.V)(l.length,a-1))},o=e=>{null==e||e.preventDefault(),i((0,D.V)(l.length,a+1))},u=(0,R.uh)({onSwiped:e=>{"Left"===e.dir?o():"Right"===e.dir&&d()}});return(0,s.jsxs)("div",{className:"space-y-8 ".concat(t||""),children:[(0,s.jsxs)("div",{className:"relative md:overflow-hidden mx-7 md:mx-0 rounded-lg z-10",children:[c&&(0,s.jsx)(M,{kind:"prev",onClick:d}),(0,s.jsx)(I,{images:l,activeImageIndex:a,width:r}),c&&(0,s.jsx)(M,{kind:"next",onClick:o}),c&&(0,s.jsx)("div",{className:"absolute w-full h-full z-10 top-0 left-0",...u})]}),c&&(0,s.jsx)("div",{className:"hidden md:flex space-x-4 justify-between",children:l.map((e,t)=>{let r=t===(a%l.length+l.length)%l.length;return(0,s.jsx)("button",{className:"rounded-lg overflow-hidden ".concat(r?"outline outline-4 outline-blue-900":""),onClick:e=>{e.preventDefault(),i(t)},children:(0,s.jsx)(n.default,{src:e.src,alt:e.alt,width:92,height:92})},t)})})]})}function H(e){let{item:t}=e;return(0,s.jsxs)("div",{className:"flex flex-col text-left bg-white w-full h-[175px] p-10 justify-between rounded-sm",children:[(0,s.jsx)(n.default,{src:t.icon,alt:"".concat(t.label," icon"),width:40,height:40}),(0,s.jsxs)("span",{className:"text-2xl uppercase font-semibold",children:[t.heading," ",t.label]})]})}function V(e){let{className:t,items:l}=e;return(0,s.jsx)("ul",{className:"flex flex-col lg:flex-row ".concat(t||""),children:l.map((e,t)=>(0,s.jsx)("li",{className:"w-full basis-full justify-start m-1 flex shadow-md",children:(0,s.jsx)(H,{item:e})},t))})}function z(e){let{activeButton:t,onButtonClick:l,buttons:r,additionalClasses:a,disabled:i}=e;return(0,s.jsx)("div",{className:"region-toggle border border-solid divide-x flex text-sm rounded-lg w-full overflow-hidden ".concat(a||""," ").concat(i?"border-blue-900/70 divide-blue-900/70":"border-blue-900 divide-blue-900"," "),children:r.map(e=>(0,s.jsx)("button",{disabled:i,className:"block grow py-3 transition-colors ".concat(t===e?"active-region bg-blue text-white font-medium hover:bg-blue/90 active:bg-blue/90 disabled:bg-blue/70 disabled:hover:bg-blue/70":"bg-white text-blue hover:bg-blue/5 active:bg-blue/5 disabled:text-blue/70 disabled:hover:bg-white"),onClick:t=>{t.preventDefault(),l(e)},children:e},e))})}function B(e){let{question:t,children:l}=e;return(0,s.jsxs)("details",{className:"question h-full",children:[(0,s.jsxs)("summary",{className:"question transition-colors cursor-pointer flex justify-between items-center w-full font-bold leading-6 list-none py-8 [&::-webkit-details-marker]:hidden",children:[(0,s.jsx)("h3",{className:"pl-1",children:t}),(0,s.jsx)(n.default,{src:C,alt:"Expand/Collapse indicator",className:"open:sha

1dow-md"})]}),(0,s.jsx)("div",{className:"question pl-1 pb-8 space-y-6",children:l})]})}var F=l(5875);let O=(0,F.createServerReference)("7f6cbcd5bf63c40837f1d6d941488dba25a2dbc1e0",F.callServer,void 0,F.findSourceMapURL,"addCartItem");var q=l(5771),G=l(8573);let U={src:"/_next/static/media/cross.289a755b.svg",height:800,width:800,blurWidth:0,blurHeight:0};G.EA.workerSrc="//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(G.rE,"/pdf.worker.mjs");let J=async(e,t,l,s)=>{if(!t||!l||!s)throw Error("PDF Document, Canvas or Container are not present.");let r=await t.getPage(e),a=r.getViewport({scale:1}),i=Math.min(s.clientWidth/a.width,s.clientHeight/a.height),n=window.devicePixelRatio||1,c=r.getViewport({scale:i}),{width:d,height:o}=c;l.width=d*n,l.height=o*n,l.style.width="".concat(d,"px"),l.style.height="".concat(o,"px");let u=l.getContext("2d");if(u)return u.setTransform(n,0,0,n,0,0),r.render({canvasContext:u,viewport:c}).promise};function K(e){let{onClick:t,image:l,alt:r,disabled:a=!1,className:i}=e;return(0,s.jsx)("button",{onClick:t,disabled:a,className:"absolute bg-black/50 h-8 w-8 flex items-center justify-center rounded-full disabled:opacity-0 scale-100 hover:scale-110 transition-all ".concat(i),children:(0,s.jsx)(n.default,{src:l,alt:r,width:20,height:20})})}function X(e){let{onClose:t,pdfUrl:l}=e,r=(0,P.useRef)(null),a=(0,P.useRef)(null),i=function(e){let[t,l]=(0,P.useState)({width:0,height:0});return(0,P.useEffect)(()=>{let t=new ResizeObserver((e,t)=>{let s=e[0];l({width:s.contentRect.width,height:s.contentRect.height})});return e.current&&t.observe(e.current),()=>t.disconnect()},[e]),t}(a),[n,c]=(0,P.useState)(!1),[d,o]=(0,P.useState)({document:null,pageNum:0,numPages:0});(0,P.useEffect)(()=>{d.document||G.YE({url:l,withCredentials:!1}).promise.then(e=>{o({document:e,pageNum:1,numPages:e.numPages})}).catch(()=>t())},[t,d.document,l]),(0,P.useEffect)(()=>{let{document:e,pageNum:l}=d,s=r.current,i=a.current;!n&&e&&s&&i&&(c(!0),J(l,e,s,i).then(()=>c(!1)).catch(()=>t()))},[d.pageNum,i,t,d]);let u=e=>{e.target===e.currentTarget&&t()},m=d.pageNum<=1,h=d.pageNum>=d.numPages;return(0,s.jsx)("div",{className:"fixed bg-black/70 left-0 top-0 flex justify-center items-center w-full h-dvh z-40",onClick:u,children:(0,s.jsx)("div",{ref:a,className:"relative flex flex-col justify-center items-center h-full w-[722px] overflow-scroll",onClick:u,children:(0,s.jsxs)("div",{className:"relative ",children:[(0,s.jsx)(K,{className:"left-5 top-1/2 -translate-y-1/2",onClick:e=>{e.preventDefault();let t=Math.max(d.pageNum-1,1);o({...d,pageNum:t})},disabled:m,image:E,alt:"Previous page"}),(0,s.jsx)("canvas",{ref:r}),(0,s.jsx)(K,{className:"right-5 top-5",onClick:t,image:U,alt:"Close"}),(0,s.jsx)(K,{className:"right-5 top-1/2 -translate-y-1/2",onClick:e=>{e.preventDefault();let t=Math.min(d.pageNum+1,d.numPages);o({...d,pageNum:t})},disabled:h,image:_,alt:"Next page"})]})})})}var Y=l(8364),Q=l.n(Y),$=l(7064);function Z(e){let t=function(e){var t,l;let{items:s,product:r,category:a,parentCategory:i}=e,n=[{name:"Home",url:"/"}];if(i&&(!s||(null==(t=s[0])?void 0:t.link)!=="/".concat(i.slug))&&n.push({name:i.name,url:"/".concat(i.slug)}),null==s||s.forEach(e=>{n.find(t=>t.url===e.link)||n.push({name:e.label,url:e.link})}),a&&!n.find(e=>e.url==="/".concat(a.slug))&&n.push({name:a.name,url:"/".concat(a.slug)}),r){let e=r.slug||(null==(l=r.internalName)?void 0:l.toLowerCase().replace(/[.,\/#!$%\^&\*;:{}=\-_`~()']/g,"").replace(/ /g,"-"));n.find(t=>t.url==="/".concat(e))||n.push({name:r.displayName,url:"/".concat(e)})}return n}(e);return(0,s.jsx)("ul",{className:"flex flex-row mt-2 uppercase text-[#2F4017] text-[12px] tracking-wide",children:t.map((e,l)=>(0,s.jsxs)("li",{className:"flex flex-row items-center",children:[l>0&&(0,s.jsx)(n.default,{className:"mx-1",src:$.default,alt:"Breadcrumb arrow right",width:5,height:8}),(0,s.jsx)(Q(),{href:e.url,className:"breadcrumb ".concat(l===t.length-1?"font-[600]":""),children:e.name})]},"slug-".concat(l)))})}let ee=(0,F.createServerReference)("7fd195795eefbfd06c06874e5dd3adc6d1bda0d95f",F.callServer,void 0,F.findSourceMapURL,"validatePromoCode");var et=l(2908),el=l(8940),es=l(8599);function er(e){let{handleSelect:t,productId:l}=e,[r,a]=(0,P.useState)(""),[i,n]=(0,P.useState)(!1),[c,d]=(0,P.useState)(null),[o,u]=(0,P.useState)(!1),[m,h]=(0,P.useState)(!1),[x,f]=(0,P.useState)(null),g=async()=>

1{if(o)return;if(!r.trim())return void d("Please enter a promo code");u(!0);let e=await ee(r.trim(),l);u(!1),e?(n(!0),d(null),f(e)):(n(!1),d("Code not recognised or not valid on this product"))};return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"border border-solid border-[#1F2937] flex items-center justify-between uppercase font-semibold text-[12px] text-left rounded-full leading-5 mb-4 py-[10px] px-5 w-full lg:px-3 lg:py-1 lg:w-auto lg:cursor-default",onClick:()=>h(!m),id:"show-hide-promo-code",children:[(0,s.jsx)("p",{children:"Promo Code"}),m?(0,s.jsx)(es.A,{}):(0,s.jsx)(el.A,{})]}),m&&(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex flex-row space-x-3",children:[(0,s.jsx)(et.A,{className:"w-full",name:"_promoCodeInput",placeholder:"Add a promo code",value:r,errors:c?[c]:void 0,onChange:e=>{a(e.target.value),d(null),n(!1)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),g())}}),(0,s.jsx)("button",{type:"button",onClick:g,disabled:o,className:"bg-white hover:bg-blue/5 active:bg-blue/5 block border border-solid border-blue rounded-md font-bold text-center text-blue px-5 py-2 transition-colors mb-[30px] disabled:opacity-50",children:o?"Applying...":i?"Applied":"Apply"}),x&&(0,s.jsx)("button",{type:"button",onClick:()=>{a(""),n(!1),f(null)},disabled:o,className:"bg-red-100 hover:bg-red-200 block border border-solid border-blue rounded-md font-bold text-center text-black px-5 py-2 transition-colors mb-[30px] disabled:opacity-50",children:"Clear"})]}),(0,s.jsxs)("div",{children:[i&&(null==x?void 0:x.category)==="Digital"&&(0,s.jsx)(k,{productVariant:x},"variant-".concat(x.id)),i&&x&&(null==x?void 0:x.category)!=="Digital"&&(0,s.jsx)(w,{onSelect:t,productVariant:x},"variant-".concat(x.id))]})]})]})}var ea=l(1681);function ei(e){var t;let{product:l,brand:d,category:o,productVariants:u,initialFormState:m,site:x,parentCategory:f,hasPromoVariants:g}=e,[p,b]=(0,P.useActionState)(O,m),[v,j]=(0,P.useState)("UK"),[y,N]=(0,P.useState)(!1),C=(0,P.useRef)(null),R=(0,P.useRef)(null),E=(e,t)=>{C.current&&(C.current.value=t.toString())},_=l.benefits.map(e=>({imageSrc:e.benefitImage,imageAlt:'"'.concat(e.benefit,'" icon'),text:e.benefit})),W=u.reduce((e,t)=>(e.includes(t.category)||e.push(t.category),e),[]).sort((e,t)=>{let l=["UK","Europe","Rest of World","Digital"],s=l.indexOf(e),r=l.indexOf(t);return -1===s&&-1===r?0:-1===s?1:-1===r?-1:s-r}),D=u.filter(e=>e.category===v),L=g&&l.showPromoCodes;return(0,P.useEffect)(()=>{1===W.length&&j(W[0])},[W]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.default,{navigationItems:x.navigationItems,logoSrc:x.logo,logoAlt:"".concat(x.name," logo")}),(0,s.jsxs)(c.A,{additionalClasses:"overflow-hidden",maxWidth:"LARGE",flex:!1,horizontalPadding:!0,children:[(0,s.jsx)("div",{className:"hidden lg:block my-5",children:(0,s.jsx)(Z,{product:l,category:o,parentCategory:f})}),(0,s.jsxs)("form",{ref:R,className:"flex flex-col justify-center w-full",action:b,children:[(0,s.jsx)("input",{type:"hidden",name:"productId",value:l.id}),(0,s.jsx)("input",{type:"hidden",name:"productVariantId",ref:C}),(0,s.jsx)("input",{type:"hidden",name:"quantity",value:1}),(0,s.jsx)(i.A,{children:(0,s.jsx)(i.f,{className:"mb-8 md:mb-10 mt-10",children:(0,s.jsxs)("div",{className:"md:grid md:grid-cols-2 md:gap-8 lg:block",children:[(0,s.jsxs)("div",{className:"lg:py-0 lg:w-[48%] lg:float-left",children:[(0,s.jsx)(T,{className:"mb-4",images:l.images.map((e,t)=>({src:e,alt:"".concat(l.displayName," image ").concat(t)})),width:679}),l.previewFile&&(0,s.jsxs)("button",{className:"block font-bold mb-10 md:mb-0",onClick:e=>{e.preventDefault(),N(!0)},children:[(0,s.jsx)(n.default,{className:"inline-block",src:"/icons/eye-open.svg",alt:"Eye open",width:24,height:24})," Take a look inside"]})]}),(0,s.jsxs)("div",{className:"space-y-4 lg:max-w-[48%] lg:ml-auto",children:[(0,s.jsx)(r.default,{intro:l.shortDescription,subHeading:l.trustpilotReviewMini?(0,s.jsx)(ea.TrustpilotWidget,{html:l.trustpilotReviewMini}):null,children:l.displayName}),(0,s.jsx)("div",{className:"gap-y-4 wp-content-product-page-description",dangerouslySetInnerHTML:{__html:l.description}})]}),u.length>0&&(0,s.jsxs)("div",{className:"col-span-2 mt-8 md:mt-0 lg:mt-8 lg:max-w-[48%] lg:ml-auto space-y-8",children:[W.length>1&&(0,s.jsx)(z,{activeButton:v,onButtonClick:j,buttons:W}),D.map(e=>"Digital"===e.category?(0,s.jsx)(k,{productVariant:e},"variant-".concat(e.id)):(0,h.Ii)(e)?(0,s.jsx)(w,{onSelect:E,productVariant:e},"variant-".concat(e.id)):null),L&&(0,s.jsx)(er,{handleSelect:E,productId:l.id})]})]})})})]})]}),(0,s.jsxs)(i.A,{children:[_.length>0&&(0,s.jsx)(i.f,{className:x.stylesheetPrefix,children:(0,s.jsx)(c.A,{maxWidth:"LARGE",horizontalPadding:!0,children:(0,s.jsxs)("section",{id:"product-banner",className:"w-full py-10 md:py-[50px] lg:pt-18 lg:pb-[76px]",children:[(0,s.jsx)("h2",{className:"text-2xl md:text-[30px] font-bold leading-9 mb-8 md:mb-10 lg:text-center",children:null!=(t=l.benefitsHeading)?t:"Top reasons to choose ".concat(l.displayName)}),(0,s.jsx)(A,{items:_})]})})}),l.issues.length>0&&(0,s.jsx)(i.f,{className:"next-issue bg-teal-300",children:(0,s.jsx)(c.A,{maxWidth:"LARGE",children:(0,s.jsxs)("div",{id:"next-issue",className:"flex items-center text-white p-4 space-x-6 md:space-x-3",children:[(0,s.jsx)(n.default,{src:"/icons/calendar.svg",alt:"Calendar",width:24,height:24,id:"calendar"}),(0,s.jsxs)("p",{className:"leading-6",children:[(0,s.jsx)("strong",{children:"Next issue:"}),"\xa0",(e=>{let t=e.find(e=>e.date>new Date)||e[e.length-1];return t?"Subscribe by ".concat((0,q.GP)(t.subscribeBy,"MMMM do")," to receive ").

1concat((0,q.GP)(t.date,"MMMM do")," issue."):null})(l.issues)]})]})})})]}),(l.features.length>0||l.trustpilotReviewFull)&&(0,s.jsx)(c.A,{maxWidth:"LARGE",horizontalPadding:!0,children:(0,s.jsx)(i.A,{children:(0,s.jsxs)(i.f,{children:[(0,s.jsx)("h2",{className:"text-transparent text-center text-[1px]",children:"Features"}),(0,s.jsx)(V,{className:"my-10 lg:my-20",items:l.additionalBenefits}),(0,s.jsxs)("section",{className:"mb-8 md:mb-10 lg:mb-20 mx-auto space-y-4 md:space-y-8 max-w-[1065px]",children:[l.features.map((e,t)=>(0,s.jsxs)(S,{summary:e.title,children:[(0,s.jsx)("div",{className:"wp-content",dangerouslySetInnerHTML:{__html:e.content}}),(0,s.jsx)("br",{className:"clear-both"})]},t)),l.trustpilotReviewFull&&(0,s.jsx)("div",{id:"customer-reviews",tabIndex:-1,children:(0,s.jsxs)(S,{summary:"Customer reviews",children:[(0,s.jsx)(ea.TrustpilotWidget,{html:l.trustpilotReviewFull}),(0,s.jsx)("br",{className:"clear-both"})]})})]})]})})}),l.faqs.length>0&&(0,s.jsx)(i.A,{children:(0,s.jsx)(i.f,{className:"collapsable-question bg-blue-grey-100 py-10 md:py-[64px]",children:(0,s.jsx)(c.A,{maxWidth:"LARGE",horizontalPadding:!0,children:(0,s.jsxs)("section",{className:"flex flex-col lg:flex-row w-full",children:[(0,s.jsxs)("div",{className:"space-y-4 md:space-y-[60px] mb-8 md:mb-10 lg:min-w-[258px] lg:w-[258px] lg:mr-10 shrink-0",children:[(0,s.jsx)("h2",{className:"font-bold text-3xl leading-[42px]",children:"Frequently asked questions"}),(0,s.jsx)("p",{children:"Stuck on something? We’re here to help with any questions you may have."})]}),(0,s.jsx)("section",{className:" flex flex-col justify-center content-center border border-l-0 border-r-0 border-solid border-black divide-y divide-black w-full",children:l.faqs.map((e,t)=>(0,s.jsx)(B,{question:e.question,children:(0,s.jsx)("div",{className:"wp-faq-content",dangerouslySetInnerHTML:{__html:e.answer}})},"faq-".concat(t)))})]})})})}),y&&l.previewFile&&(0,s.jsx)(X,{onClose:()=>N(!1),pdfUrl:l.previewFile,title:"Preview ".concat(l.displayName)})]})}},3424:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var s=l(7834),r=l(8364),a=l.n(r);function i(e){let{href:t,className:l,ariaLabel:r,children:i}=e;return(0,s.jsx)(a(),{href:t,className:null!=l?l:"","aria-label":null!=r?r:"",rel:"noopener noreferrer",target:"_blank",children:i})}},3877:(e,t,l)=>{"use strict";l.d(t,{A:()=>n});var s=l(6917),r=l(1426);let a=e=>Math.floor(e/2),i=(e,t)=>{let l=t-a(e.length);return e.map((t,s)=>{let r=(s+l+e.length)%e.length;return e[r]})};function n(e,t,l){let n=e.length,c=a(n),d=(0,r.useRef)(Promise.resolve(!0));t=(0,s.V)(n,t);let[o,u]=(0,r.useState)({animate:!1,selectedGalleryIndex:t,activeIndex:c,images:i(e,t)});return(0,r.useEffect)(()=>{d.current=d.current.then(()=>new Promise(e=>{u(l=>{var s;let r,a=(s=l.selectedGalleryIndex,Math.abs(r=t-s)>n/2&&(r+=r>0?-n:n),r);return a?{...l,activeIndex:c+a,animate:!0}:(e(!0),l)}),setTimeout(()=>{u(e=>({selectedGalleryIndex:t,activeIndex:c,images:i(e.images,e.activeIndex),animate:!1})),setTimeout(()=>e(!0),100)},l)}))},[t,l,c,n]),o}},5043:(e,t,l)=>{"use strict";l.d(t,{default:()=>u});var s=l(7834),r=l(8364),a=l.n(r),i=l(1426),n=l(5156);let c={src:"/_next/static/media/L.4cf7693e.svg",height:36,width:36,blurWidth:0,blurHeight:0},d={src:"/_next/static/media/R.cf94921c.svg",height:36,width:36,blurWidth:0,blurHeight:0};function o(e){let{scroll:t,scroll_distance:l}=e;return(0,s.jsxs)("div",{className:"right-2 w-1/4 z-10",children:[(0,s.jsx)("button",{onClick:()=>t(-l),className:"absolute right-8 top-1/2 -translate-y-1/2 p-1 hover:border-2 rounded-full border-[#476022]","data-testid":"pop_cat_left",children:(0,s.jsx)(n.default,{className:"w-5 h-5 z-10",src:c,alt:"Left Arrow"})}),(0,s.jsx)("button",{onClick:()=>t(l),className:"absolute right-0 top-1/2 -translate-y-1/2 p-1 hover:border-2 rounded-full border-[#476022]","data-testid":"pop_cat_right",children:(0,s.jsx)(n.default,{className:"w-5 h-5 z-10",src:d,alt:"Right Arrow"})})]})}function u(e){let{links:t}=e,[l,r]=(0,i.useState)({scrollWidth:void 0,clientWidth:void 0}),n="number"==typeof l.scrollWidth&&"number"==typeof l.clientWidth&&l.scrollWidth>l.clientWidth;(0,i.useEffect)(()=>{let e=()=>{let e=document.getElementById("horizontal-link-ul");r({scrollWidth:null==e?void 0:e.scrollWidth,clientWidth:null==e?void 0:e.clientWidth}

1)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t]);let c=(0,i.useRef)(null),d=e=>{c.current&&c.current.scrollBy({left:e,behavior:"smooth"})};return(0,s.jsxs)("div",{className:"relative w-full bg-pageBG","data-testid":"horizontal-link-list",id:"horizontal-link-list",children:[(0,s.jsx)("ul",{ref:c,className:"flex overflow-x-auto lg:overflow-x-hidden no-scrollbar space-x-3 py-4 scroll-smooth left-0 w-11/12 max-sm:touch-pan-x [mask-image:linear-gradient(to_right,black_98%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_right,black_98%,transparent_100%)]","data-testid":"scrollRef",id:"horizontal-link-ul",children:t.map((e,t)=>{let{label:l,link:r}=e;return(0,s.jsx)("li",{className:"flex-shrink-0 min-w-[140px]",id:"horizontal-link-li-".concat(t),children:(0,s.jsx)(a(),{href:r,className:"block bg-[#e8f2da] rounded-full h-[32px] px-4 py-2 text-[14px] font-bold uppercase w-full text-center hover:bg-[#476022] hover:text-white",id:"link-list-lozenge",children:l})},"popular-category-link-".concat(t))})}),n&&(0,s.jsxs)("div",{className:"max-sm:hidden",children:[(0,s.jsx)("div",{className:"md:visible",children:(0,s.jsx)(o,{scroll:d,scroll_distance:200})}),(0,s.jsx)("div",{className:"lg:visible",children:(0,s.jsx)(o,{scroll:d,scroll_distance:200})})]})]})}},5129:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>s});let s={src:"/_next/static/media/low_res_product.a98f2b70.png",height:14,width:10,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAJFBMVEX////1+vPX7NjR5sbG4rq026bv8++j057q9enBw8m03bjj4Oqwdex5AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAALklEQVR4nC3Ktw0AIBAEwTPvgP77RUJsMNECP/Jpn1VgRJigMrOg7e4BhdGfcQEMygCANB8qUQAAAABJRU5ErkJggg==",blurWidth:6,blurHeight:8}},5252:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});let s={src:"/_next/static/media/visa.4ac894f7.svg",height:31,width:71,blurWidth:0,blurHeight:0}},6037:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>h});var s=l(7834),r=l(5156),a=l(9563),i=l(5252),n=l(7553),c=l(1426),d=l(9325),o=l(6749);function u(e){let{siteNewsletterCode:t}=e,[l,r]=(0,c.useState)(""),[a,i]=(0,c.useState)(!1),[n,u]=(0,c.useState)(null);return(0,s.jsx)("form",{id:"newsletter-signup-form",className:"w-full h-full p-4 bg-surfaceGrey border-[#B3D582] border-2 rounded-md",onSubmit:e=>(0,d.T)(e,l,i,u,t,r),children:(0,s.jsxs)("div",{className:"flex flex-col w-full items-center py-2 lg:leading-8 lg:justify-between",children:[(0,s.jsxs)("div",{className:"text-left flex flex-col  lg:justify-between",children:[(0,s.jsx)("h5",{className:"text-black font-bold leading-8 mb-4",children:"Join Our Newsletter"}),(0,s.jsx)("p",{className:"text-black leading-8 lg:text-base font-semibold mb-4",children:"Sign Up For Our Newsletter To Receive All Our Latest News And Offers"})]}),(0,s.jsx)(o.A,{contactEmail:l,setContactEmail:r,isSubmitting:a,divClassname:"relative flex items-center w-full max-w-md",inputClassname:"w-full bg-white rounded-3xl placeholder:text-slate-500 text-slate-700 text-sm border-lime-200 focus:border-lime-500 hover:border-lime-300 border-2 pl-12 pr-16 py-2 transition duration-300 ease focus:outline-none shadow-sm focus:shadow disabled:opacity-50"}),n&&(0,s.jsx)("p",{className:"text-center text-xs mt-2 p-2 ".concat(n.success?"text-green-400":"text-red-400"),onClick:()=>{u(null)},children:n.message})]})})}var m=l(3424);function h(e){let{logoSrc:t,siteName:l,socials:c,siteNewsletterCode:d}=e,o=null==c?void 0:c.map((e,t)=>(0,s.jsx)(m.A,{href:e.link,children:(0,s.jsx)(r.default,{priority:!0,className:"m-1",src:e.image,width:32,height:32,alt:e.altText})},t));return(0,s.jsx)("div",{id:"footer",className:"w-full m-1 p-5 bg-white rounded-md",children:(0,s.jsxs)("div",{className:"flex flex-col md:items-center",children:[(0,s.jsxs)("div",{className:"flex flex-col items-center pb-6 md:flex-row md:justify-start md:items-start lg:w-full lg:justify-between md:border-b-2 md:border-x-gray-300",children:[(0,s.jsxs)("div",{className:"w-full flex max-sm:flex-col lg:flex-row md:w-[347px] md:h-[192px] md:justify-between mx-4",children:[(0,s.jsxs)("div",{className:"flex md:flex-col md:w-full items-center",children:[(0,s.jsx)(r.default,{priority:!0,className:"w-[88px] h-auto",src:t,alt:"".concat(l," logo"),width:88,height:46}),(0,s.jsx)("div",{className:"flex flex-row",children:o})]}),(0,s.jsxs)("div",{className:"flex flex-col md:mr-5 md:w-full lg:ml-4",children:[(0,s.jsx)("p",{className:"text-black font-bold leading-10 mb-4 md:leading-none",children:"Help Section"}),(0,s.jsx)(m.A,{href:"http://help.dcthomson.co.uk/",className:"footerLink",children:"Need help?"}),(0,s.jsx)(m.A,{href:"https://www.dcthomson.co.uk/product-terms-conditions/",className:"footerLink",children:"Terms & Conditions"}),(0,s.jsx)(m.A,{href:"https://www.dcthomson.co.uk/privacy-policies/",className:"footerLink",children:"Privacy Policy"}),(0,s.jsx)(m.A,{href:"https://www.dcthomson.co.uk/cookie-policy/",className:"footerLink",children:"Cookie Policy"}),(0,s.jsx)("p",{className:"footerLink",onClick:e=>{e.preventDefault(),window.OneTrust?window.OneTrust.ToggleInfoDisplay():console.warn("OneTrust script not loaded yet")},children:"Cookie Preferences"})]})]}),(0,s.jsx)("div",{className:"flex w-[335px] md:w-[357px] md:h-[245px] lg:w-[647px] lg:h-[203px]",children:(0,s.jsx)(u,{siteNewsletterCode:d})})]}),(0,s.jsx)("div",{className:"border-x-gray-300 border-1 border-solid"}),(0,s.jsxs)("div",{className:"w-full flex flex-col items-center pt-4 md:flex-row md:justify-between",children:[(0,s.jsxs)("div",{className:"flex flex-row justify-start items-center w-full",children:[(0,s.jsx)(r.default,{priority:!0,className:"w-[38px] h-auto m-1",src:a.A,alt:"Mastercard logo"}),(0,s.jsx)(r.default,{priority:!0,className:"w-[70px] h-auto m-1",src:i.A,alt:"Verified by Visa logo"}),(0,s.jsx)(r.default,{priority:!0,className:"w-[92px] h-auto m-1",src:n.A,alt:"Direct Debit logo"})]}),(0,s.jsx)("p",{className:"text-sm md:w-1/2 md:text-[13px] md:text-right right-0 mt-1",children:"\xa9 DC Thomson Co Ltd 2025. All Rights Reserved."})]})]})})}},6749:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var s=l(7834);

1function r(e){let{contactEmail:t,setContactEmail:l,isSubmitting:r,divClassname:a,inputClassname:i}=e;return(0,s.jsxs)("div",{className:a,children:[(0,s.jsx)("div",{className:"absolute inset-y-0 left-0 flex items-center ps-4 pointer-events-none z-20",children:(0,s.jsx)("span",{className:"text-gray-500 dark:text-neutral-500",children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"})})})}),(0,s.jsx)("input",{type:"email",id:"newsletter-signup",name:"hs-trailing-button-add-on",alt:"Type your email here",value:t,onChange:e=>{l(e.target.value)},placeholder:"Enter email address","aria-label":"email",className:i}),(0,s.jsx)("button",{className:'absolute right-0 h-10 rounded-3xl bg-[#B3D582] text-black hover:bg-lime-700 active:bg-lime-700"\n            py-2 px-2.5 text-center text-xs font-bold transition-all  active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none '.concat(r?"opacity-50 cursor-not-allowed":""),title:"Enter your email and click this button to subscribe to our newsletter",type:"submit",disabled:r,id:"newsletter-signup-btn",children:r?"Signing you up...":"Sign up"})]})}},6917:(e,t,l)=>{"use strict";l.d(t,{V:()=>s});let s=(e,t)=>t>=0&&t<e?t:t<0?(t+e)%e:t%e},7064:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>s});let s={src:"/_next/static/media/breadcrumb-arrow-right.7384474c.svg",height:9,width:5,blurWidth:0,blurHeight:0}},7553:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});let s={src:"/_next/static/media/direct-debit.3759a6a0.svg",height:31,width:93,blurWidth:0,blurHeight:0}},8e3:(e,t,l)=>{Promise.resolve().then(l.t.bind(l,8364,23)),Promise.resolve().then(l.t.bind(l,3437,23)),Promise.resolve().then(l.bind(l,7064)),Promise.resolve().then(l.bind(l,3561)),Promise.resolve().then(l.bind(l,5129)),Promise.resolve().then(l.bind(l,6037)),Promise.resolve().then(l.bind(l,5043)),Promise.resolve().then(l.bind(l,3319)),Promise.resolve().then(l.bind(l,7040)),Promise.resolve().then(l.bind(l,9879))},8915:(e,t,l)=>{"use strict";l.d(t,{W:()=>r});var s=l(5875);let r=(0,s.createServerReference)("7f8900475fb2c805485e7ab8c01867cbc2d9160721",s.callServer,void 0,s.findSourceMapURL,"newsletterSignup")},9325:(e,t,l)=>{"use strict";l.d(t,{T:()=>r});var s=l(8915);let r=async(e,t,l,r,a,i)=>{if(e.preventDefault(),t){l(!0),r(null);try{await (0,s.W)(t,"","",a),r({success:!0,message:"Thank you for subscribing! Please check your inbox."})}catch(e){console.error("Error in newsletter signup:",e),r({success:!1,message:"There was an error subscribing."})}finally{i(""),l(!1)}}}},9563:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});let s={src:"/_next/static/media/mastercard.c3d8b337.svg",height:31,width:39,blurWidth:0,blurHeight:0}}},e=>{e.O(0,[662,364,124,121,263,958,965,718,358],()=>e(e.s=8e3)),_N_E=e.O()}]);