"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4317],{92397:function(n,e,t){t.d(e,{Z:function(){return p}});var i=t(85893);t(67294);var r=t(2884),a=t(99452),o=t(82729),l=t(31666),s=t(11010);function d(){let n=(0,o._)(["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: ",";\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n border-radius: 10px;\n\n .adult-content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n padding: 0 1.5em;\n color: #fff;\n text-align: center;\n font-size: 0.9375rem;\n font-style: normal;\n font-weight: 700;\n gap: 1.5rem;\n\n span {\n font-size: 0.9375rem;\n font-style: normal;\n font-weight: 700;\n line-height: 160%;\n min-width: auto;\n }\n\n @media all and (max-width: ",") {\n gap: 1.62rem;\n font-size: 0.8125rem;\n\n span {\n font-size: 0.8125rem;\n }\n }\n\n .adult-content-title {\n /* font-size: 0.8125rem;\n line-height: 160%;\n margin-bottom: 1.625em; */\n }\n\n .layout-button {\n .button {\n background-color: ",";\n border: 0.15em solid white;\n border-radius: 24px;\n color: #fff;\n text-align: center;\n font-size: 0.75rem;\n padding: .7rem .9rem;\n\n span {\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 700;\n line-height: 1.5rem;\n word-break: keep-all;\n }\n\n &:hover {\n background-color: #ffffff;\n color: ",";\n }\n\n @media all and (max-width: ",") {\n font-size: 0.6875rem;\n\n span {\n font-size: 0.6875rem;\n font-style: normal;\n font-weight: 700;\n line-height: 1.5rem;\n }\n }\n }\n }\n }\n\n @media all and (max-width: ",") {\n .adult-content-wrapper {\n .adult-content-title {\n font-size: 1.04rem;\n }\n\n .layout-button {\n .button {\n /* font-size: 0.88rem; */\n }\n }\n }\n }\n"]);return d=function(){return n},n}var c=l.Z.div(d(),s.Z.buttonColorSecondary,s.Z.mobileL,s.Z.buttonColorSecondary,s.Z.secondaryAccentColor,s.Z.mobileL,s.Z.mobileL),p=n=>{let{onClick:e}=n;return(0,i.jsx)(c,{className:"adult-content-overlay",children:(0,i.jsxs)("div",{className:"adult-content-wrapper",children:[(0,i.jsx)("span",{children:(0,r.t)("WEB2_ADULT_CONSENT_title")}),(0,i.jsx)(a.ZP,{onClick:e,children:(0,r.t)("WEB2_ADULT_CONSENT_buttonLabel")})]})})}},78350:function(n,e,t){t.d(e,{V:function(){return s},Z:function(){return nX}});var i,r,a,o,l,s,d=t(85893),c=t(67294),p=t(56225),m=t(5152),u=t.n(m),h=t(11163),g=t(94184),x=t.n(g),w=t(30381),f=t.n(w),b=t(9661),v=t(50509),_=t(48059),y=t(5764),N=t(69569),j=t(29108),E=t(32437),Z=t(97001),k=t(26389),S=t(13348),P=t(70724),A=t(2859),C=t(56417),L=t(65832),R=t(19305);let I=(n,e,t)=>{let i=localStorage.getItem(R.Jw),r=null!==i?JSON.parse(i):{},a=r.hasOwnProperty(e)?r[e]:null;(!a||a&&n>a)&&(r[e]=n,localStorage.setItem(R.Jw,JSON.stringify(r)),t&&"function"==typeof t&&t())};var z=t(62365);let W=n=>{let e=localStorage.getItem(R.q_),t=e?JSON.parse(e):null;if(!t){localStorage.setItem(R.q_,JSON.stringify([n]));return}localStorage.setItem(R.q_,JSON.stringify([...new Set([...t,n])]))};var B=t(2884),M=t(37473),T=t(27732),O=t(69466),D=t(74532),V=t(33238),q=t(46993),F=t(98400);let H=async n=>{var e;if(!n)return Promise.reject(Error("Newspaper ID is required"));let t=await (0,F.NN)({method:"GET",path:V.ns,params:{app:q.i.IncrementalitySuiteAppKey,element:"frequencyAdvertisements_leaflet",params:{newspaper:n}}});return null==t?void 0:null===(e=t.data)||void 0===e?void 0:e.response};var Y=t(72519),U=t(70740),K=t(92397),G=t(99452),J=t(44017),$=t(21013),X=t(97708),Q=t(18488),nn=t(82729),ne=t(31666);function nt(){let n=(0,nn._)(["\n height: 60px;\n position: absolute;\n left: 50%;\n transform: translate(-50%, 0);\n width: 300px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 0;\n\n .bread-crumbs-wrapper {\n margin-top: 1.5rem;\n\n p {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-bottom: 0;\n }\n }\n"]);return nt=function(){return n},n}var ni=ne.Z.div(nt()),nr=n=>{let{data:e=null,newspaper:t=null,trackersState:{firstPage:i=!1,lastPage:r=!1}={},currentPageState:a}=n;return e?(0,d.jsx)(ni,{children:(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(Q.Z,{inActives:[{label:(0,B.t)("WEB2_LOCALIZATION_retailers"),route:N.oP},{label:e.retailer.name,route:N.eg,routeParams:{slug:e.retailer.slug}}],showUnderline:!0,active:e.description})})}):null},na=t(25675),no=t.n(na),nl=t(27484),ns=t.n(nl),nd=t(12410),nc=t(24443),np=t(93556),nm=t(11010);function nu(){let n=(0,nn._)(["\n .newspaper-information-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n width: 380px;\n overflow: hidden;\n margin: auto;\n\n &__breadcrumbs {\n margin-right: auto;\n\n p {\n margin-bottom: 24px;\n font-size: 10px;\n\n @media all and (max-width: "," ) {\n font-size: 9px;\n }\n }\n }\n\n &__retailer {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n\n &__favorite {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n }\n\n &__image {\n display: flex;\n justify-content: center;\n border: 1px solid ",";\n padding: 31px;\n border-radius: 6px;\n position: relative;\n }\n\n &__valid-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n font-size: 16px;\n color: ",";\n\n .date {\n color: ",";\n font-weight: 600;\n font-size: 20px;\n }\n }\n\n &__see-more {\n border-radius: 46px;\n min-height: 46px;\n border-radius: 46px;\n color: ",";\n font-size: 16px;\n background-color: ",";\n font-weight: 700;\n cursor: pointer;\n box-shadow: 0 0 0.125px rgba(39, 53, 66, 0.1),\n 0 0.5em 0.75em rgba(0, 0, 0, 0.1);\n margin: calc(42px - 16px) 0 18px 0;\n\n &__button {\n padding: 12px 24px;\n display: flex;\n width: 100%;\n height: 100%;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n }\n\n @media (pointer: fine) {\n &:hover {\n box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.35);\n }\n }\n\n @media all and (max-width: "," ) {\n margin: calc(50px - 16px) 0 18px 0;\n }\n }\n }\n }\n"]);return nu=function(){return n},n}var nh=ne.Z.div(nu(),nm.Z.mobileL,nm.Z.secondaryAccentColorLightest,nm.Z.buttonColorDimmed,nm.Z.primaryTextColor,nm.Z.primaryTextColor,nm.Z.buttonColorPrimary,nm.Z.mobileL),ng=n=>{var e;let{data:t,state:i,toggleFavorite:r}=n,a=(null==i?void 0:null===(e=i.favoriteRetailers)||void 0===e?void 0:e.elements.map(n=>n.id)).includes(t.retailer.id),o=(0,nd.L0)(ns()(t.startAt),"date"),l=(0,nd.L0)(ns()(t.startAt),"dateYearly"),s=(0,nd.L0)(ns()(t.endAt),"date"),c=t.isPast?(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_invalid_date"):(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_valid_date");return(0,d.jsx)(nh,{className:"public-modules-newspaper-information",children:(0,d.jsxs)("div",{className:"newspaper-information-container",children:[(0,d.jsx)("div",{className:"newspaper-information-container__breadcrumbs",children:(0,d.jsx)(Q.Z,{inActives:[{label:(0,B.t)("WEB2_LOCALIZATION_retailers"),route:N.oP},{label:t.retailer.name,route:N.eg,routeParams:{slug:t.retailer.slug}}],showUnderline:!0,active:"".concat(o," - ").concat(s," - ").concat(c)})}),(0,d.jsxs)("div",{className:"newspaper-information-container__retailer",children:[(0,d.jsxs)("div",{className:"newspaper-information-container__retailer__image",children:[(0,d.jsx)(no(),{src:t.retailer.logo.imageUrl,alt:t.retailer.name,width:90,height:90,objectFit:"contain",style:{objectFit:"contain"}}),(0,d.jsx)("div",{className:"newspaper-information-container__retailer__favorite",onClick:r,children:(0,d.jsx)(np.Z,{className:x()({icon:!0,"heart-icon":!0,active:a}),src:a?"/assets/icons/heart-active.svg":"/assets/icons/heart-new.svg",alt:"heart_newspaper_view"})})]}),(0,d.jsxs)("div",{className:"newspaper-information-container__retailer__valid-date",children:[(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_validity_date_of_newspaper"),":",(0,d.jsx)("span",{className:"date",children:"".concat(l,"-").concat(s)})]}),(0,d.jsx)("div",{className:"newspaper-information-container__retailer__see-more",children:(0,d.jsx)(nc.Z,{route:N.eg,params:{slug:t.retailer.name.toLowerCase()},children:(0,d.jsx)("div",{className:"newspaper-information-container__retailer__see-more__button",children:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_see_more_newspapers")})})})]})]})})};function nx(){let n=(0,nn._)(["\n .newspaper-share-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 0 10px;\n margin-top: 4px;\n\n @media all and (max-width: ",") {\n gap: 16px;\n }\n\n &__url {\n position: relative;\n padding: 13px 8px;\n border-radius: 44px;\n border: 1px solid ",";\n color: ",";\n font-size: 12px;\n width: 100%;\n max-width: 360px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n @media all and (max-width: ",") {\n font-size: 9px;\n }\n\n &--copied {\n background-color: ",";\n }\n }\n\n &__copy-to-clipboard {\n &__button {\n padding-bottom: 16px;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n\n &.style-primary {\n .button {\n min-height: 46px;\n padding: 12px 24px;\n border-radius: 46px;\n\n .button-content {\n color: ",";\n font-size: 16px;\n }\n\n @media all and (max-width: ",") {\n width: 190px;\n min-height: 40px;\n\n .button-content {\n color: ",";\n font-size: 12px;\n }\n }\n }\n }\n }\n }\n }\n"]);return nx=function(){return n},n}var nw=ne.Z.div(nx(),nm.Z.mobileL,nm.Z.buttonColorDimmedLight,nm.Z.buttonColorSecondaryLight,nm.Z.mobileL,nm.Z.primaryAccentColorLightest,nm.Z.primaryTextColor,nm.Z.mobileL,nm.Z.primaryTextColor),nf=n=>{let{data:e,currentPage:t,onClose:i}=n,[r,a]=(0,c.useState)(null),[o,l]=(0,c.useState)(!1),[s,p]=(0,c.useState)(!1),m=(0,c.useRef)(null);return(0,c.useEffect)(()=>(window&&a(window.location.href),()=>{m.current&&clearTimeout(m.current)}),[]),(0,c.useEffect)(()=>{let n=null;return s&&(l(!1),n=setTimeout(()=>{i()},1500)),()=>{n&&clearTimeout(n)}},[s]),(0,d.jsx)(nw,{className:"public-modules-newspaper-share",children:(0,d.jsxs)("div",{className:"newspaper-share-container",children:[(0,d.jsx)("div",{className:x()({"newspaper-share-container__url":!0,"newspaper-share-container__url--copied":o}),children:r}),(0,d.jsx)(G.ZP,{className:"newspaper-share-container__copy-to-clipboard__button",style:G.AK.Primary,onClick:()=>{if(!s&&r){l(!0);let n=r.split("/"),i=r.replace(n[n.length-1],e.id);t&&(i="".concat(i,"?pageNumber=").concat(t)),navigator.clipboard&&navigator.clipboard.writeText?navigator.clipboard.writeText(i).then(()=>{setTimeout(()=>{p(!0)},2500)}).catch(n=>{u(i)}):u(i)}},children:o?(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_copied_clipboard"):(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_copy_clipboard_link")})]})});function u(n){let e=document.createElement("input");document.body.appendChild(e),e.value=n,e.select(),document.execCommand("copy"),document.body.removeChild(e),setTimeout(()=>{i()},2500)}},nb=t(82034),nv=t(34818);function n_(){let n=(0,nn._)(["\n .more-newspapers-sidebar {\n position: relative;\n width: 100%;\n height: 100%;\n margin-left: 16px;\n\n &__header {\n padding: 6px;\n\n &__title {\n font-size: 22px;\n font-weight: 700;\n margin-bottom: 16px;\n }\n\n &__controls {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n position: relative;\n z-index: 1;\n\n .layout-button {\n .button {\n padding: 8px 12px;\n box-shadow: none;\n\n .button-content {\n color: ",";\n min-width: fit-content;\n }\n }\n }\n }\n }\n\n &__content {\n padding-bottom: 16px;\n height: calc(100vh - 210px); // 210 = top-bar , margin-top, header-height\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background: #FAFAFA;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ",";\n border-radius: 1em;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: ",";\n }\n\n .loader {\n z-index: 2;\n }\n\n .public-func-newest-newspapers-list {\n .layout-list-detailed {\n .list-body {\n align-items: stretch;\n padding: 0 8px;\n\n .public-func-newest-newspapers-list-element {\n max-width: calc((100% * 0.5) - 6px);\n min-height: unset;\n height: 100%;\n -webkit-tap-highlight-color: transparent;\n .adult-content-overlay {\n margin-top:0px\n }\n .adult-content-wrapper {\n padding: 0 .5em;\n span {\n font-size: 0.55rem;\n font-style: normal;\n font-weight: 700;\n line-height: 160%;\n min-width: auto;\n }\n }\n .element {\n min-height: unset;\n\n .element-content {\n padding: 9px 9px 0;\n\n .graphics {\n width: 100%;\n max-height: 158px;\n\n .newspapers-first-page {\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top;\n border-radius: 6px;\n }\n }\n }\n\n .meta {\n .meta-content {\n .side-meta {\n margin-bottom: 8px;\n\n .validity-dates {\n display: flex;\n align-items: center;\n height: 22px;\n line-height: 1;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n &.more-newspapers-sidebar__mobile {\n .more-newspapers-sidebar {\n &__header {\n padding: 2px 1px;\n\n &__controls {\n margin-bottom: 8px;\n }\n }\n\n &__content {\n height: calc(100dvh - 120px);\n\n .public-func-newest-newspapers-list {\n .layout-list-detailed {\n .list-body {\n padding: 0;\n }\n }\n }\n }\n }\n }\n"]);return n_=function(){return n},n}var ny=ne.Z.div(n_(),nm.Z.buttonColorSecondary,nm.Z.secondaryAccentColorLightestx2,nm.Z.secondaryAccentColorLightest);(i=o||(o={})).Recommended="recommended",i.Retailer="retailer";var nN=n=>{var e,t,i,r,a;let{customClass:l,retailer:s,actions:p,title:m,newestNewspapers:u,onClick:h,poolTrackedNewspaperIds:g,setPoolTrackedNewspaperIds:w}=n,f=(0,c.useRef)(null),[_,y]=(0,c.useState)(o.Recommended),[j,E]=(0,c.useState)(!1),Z={featuredNewspapers:(0,B.t)("WEB2_NEWSPAPERS_LIST_featuredNewspapers"),seeMoreButton:(0,B.t)("WEB2_NEWSPAPERS_LIST_seeMoreButton")},[k,S]=(0,c.useState)({recommended:u,retailer:null});return(0,c.useEffect)(()=>{E(!0),u.elements.length>0&&0===k.recommended.elements.length&&u.isLoaded&&(S({...k,recommended:u}),E(!1))},[u.isLoaded]),(0,d.jsxs)(ny,{className:x()({"more-newspapers-sidebar":!0,[l]:l}),children:[(0,d.jsxs)("div",{className:"more-newspapers-sidebar__header",children:[m&&(0,d.jsx)("div",{className:"more-newspapers-sidebar__header__title",children:m}),(0,d.jsxs)("div",{className:"more-newspapers-sidebar__header__controls",children:[(0,d.jsx)(G.ZP,{style:_===o.Recommended?G.AK.Primary:G.AK.Tertiary,onClick:()=>y(o.Recommended),children:Z.featuredNewspapers}),(0,d.jsx)(G.ZP,{style:_===o.Retailer?G.AK.Primary:G.AK.Tertiary,onClick:()=>{var n;y(o.Retailer),(null===(n=f.current)||void 0===n?void 0:n.id)!==s.id&&(f.current=s,P(8,!0))},children:s.name})]})]}),(0,d.jsxs)("div",{className:"more-newspapers-sidebar__content",children:[!(null===(e=k[_])||void 0===e?void 0:e.isLoaded)&&j&&(0,d.jsx)("div",{className:"loader",children:(0,d.jsx)(nv.Z,{position:nb.vK.Absolute})}),(null===(i=k[_])||void 0===i?void 0:null===(t=i.elements)||void 0===t?void 0:t.length)>0&&(0,d.jsx)(X.Z,{className:"more-newspapers-sidebar__content__list",collection:{...k[_],meta:null},buttonRoute:N.oP,hideButton:!0,lazyLoad:!1,onClick:h,poolTrackedNewspaperIds:g,setPoolTrackedNewspaperIds:w}),(null===(a=k[_])||void 0===a?void 0:null===(r=a.meta)||void 0===r?void 0:r.hasMorePages)&&(0,d.jsx)(G.ZP,{style:G.AK.Secondary,variant:G.cT.Outline,onClick:()=>_===o.Retailer?P(k.retailer.elements.length+8,!0):P(k.recommended.elements.length+8),children:Z.seeMoreButton})]})]});function P(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];E(!0),p.listNewspapers({page:1,perPage:n,retailerIds:e?[s.id]:void 0}).then(n=>S({...k,[e?"retailer":"recommended"]:{...n.payload.data[v.kO],elements:n.payload.data[v.kO].elements.map(n=>new b.Z(n))}})).finally(()=>{E(!1)})}},nj=t(6665);function nE(){let n=(0,nn._)(["\n .layout-modal {\n display: flex;\n align-items: center;\n justify-content: center;\n\n .modal-container {\n width: 30em;\n height: 30em;\n position: unset;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: default;\n\n .modal-header {\n margin: 0;\n padding: 0;\n width: 100%;\n }\n\n .modal-footer {\n display: none;\n }\n\n .modal-header-close {\n color: ",";\n position: absolute;\n z-index: 999;\n width: 1.5em;\n top: 0.7em;\n right: 1.8em;\n\n &:hover {\n color: "," !important;\n }\n }\n\n .modal-body {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 1em;\n padding: 2em 0;\n width: 90%;\n height: 90%;\n\n h2 {\n color: ",";\n font-size: 1.5em;\n border-bottom: 0.2em solid\n ",";\n text-align: center;\n padding: 1em;\n margin-bottom: 1.2em;\n width: 80%;\n }\n\n p {\n color: ",";\n margin: 0 2em 2em;\n text-align: center;\n }\n\n .icon-expired {\n width: 6em;\n }\n\n .button {\n background-color: ",";\n padding: 0.5em 1.5em;\n border-radius: 2em;\n color: #fff;\n font-weight: 800;\n\n &:hover {\n cursor: pointer;\n background-color: #aaa;\n }\n }\n\n .border {\n border: 0.3em solid ",";\n border-radius: 1em;\n position: absolute;\n width: 98%;\n height: 98%;\n z-index: 998;\n pointer-events: none;\n }\n }\n }\n\n .modal-backdrop {\n background-color: rgba(0, 0, 0, 0.5);\n }\n }\n"]);return nE=function(){return n},n}var nZ=ne.Z.div(nE(),nm.Z.secondaryAccentColorLightest,nm.Z.secondaryAccentColorLight,nm.Z.secondaryAccentColorLight,nm.Z.sectionAccentColorOrange,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColorLight,nm.Z.sectionAccentColorOrange),nk=n=>{let{onClose:e,onCloseBackdrop:t,onClick:i,retailer:r}=n;return(0,d.jsx)(nZ,{className:"public-modules-newspaper-expired-modal",children:(0,d.jsxs)(nj.Z,{onClose:e,onCloseBackdrop:t,children:[(0,d.jsx)(np.Z,{alt:"icon expired",src:"/assets/icons/icon_expired.svg",className:"icon-expired"}),(0,d.jsx)("h2",{children:(0,B.t)("WEB2_NEWSPAPER_expired")}),(0,d.jsx)(nc.Z,{route:N.eg,params:{slug:r.name.toLowerCase()},children:(0,d.jsx)("div",{onClick:i,className:"button",children:(0,B.t)("WEB2_NEWSPAPERS_expiredModalBtnLabel",{retailerName:null==r?void 0:r.name})})}),(0,d.jsx)("div",{className:"border"})]})})},nS=t(8688),nP=t(54429);function nA(){let n=(0,nn._)(["\n display: flex;\n flex-wrap: wrap;\n gap: 18px;\n padding-bottom: 8px;\n\n .thumbnail-box {\n text-align: center;\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: calc(100% / 5 - 18px);\n gap: 6px;\n opacity: 1;\n transition: opacity 0.2s ease-in-out;\n border-radius: 9px;\n padding-bottom: 6px;\n\n &.current {\n pointer-events: none;\n cursor: default;\n\n .thumbnail-border-box {\n &__inner {\n position: relative;\n\n &:after {\n position: absolute;\n content: '';\n inset: 0;\n background-color: rgba(0, 0, 0, 0.4);\n border-radius: 9px;\n z-index: 1;\n }\n }\n }\n }\n\n &.hidden {\n opacity: 0;\n }\n\n .thumbnail-border-box {\n cursor: pointer;\n overflow: hidden;\n display: flex;\n justify-content: center;\n\n width: 100%;\n height: 224px;\n\n &__inner {\n display: flex;\n justify-content: center;\n width: fit-content;\n height: 100%;\n }\n\n &__inner-current {\n background-color: ",";\n color: ",";\n max-width: calc(100% - 4px);\n overflow: hidden;\n font-size: 12px;\n position: absolute;\n z-index: 2;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 32px;\n padding: 0 16px;\n white-space: nowrap;\n }\n\n img {\n border-radius: 4px;\n transition: transform 0.2s ease-in-out;\n\n @media (pointer: fine) {\n &:hover {\n transform: scale(1.07);\n }\n }\n }\n }\n\n span {\n font-size: 18px;\n font-weight: 600;\n }\n\n @media all and (max-width: 956px) {\n max-width: calc(100% / 4 - 18px);\n }\n\n @media all and (max-width: 720px) {\n max-width: calc(100% / 3 - 18px);\n }\n\n @media all and (max-width: ",") {\n span {\n font-size: 14px;\n }\n }\n\n\n @media all and (max-width: ",") {\n max-width: 90px;\n margin: auto;\n\n .thumbnail-border-box {\n height: auto;\n }\n }\n }\n"]);return nA=function(){return n},n}var nC=ne.Z.div(nA(),nm.Z.backgroundColorWhite,nm.Z.primaryTextColor,nm.Z.mobileL,nm.Z.mobileM),nL=n=>{let{onClick:e,images:t,currentPage:i}=n,[r,a]=(0,c.useState)(!0);return(0,c.useEffect)(()=>{setTimeout(()=>{a(!1)},500)},[]),(0,d.jsxs)(nC,{className:"public-modules-newspaper-images-thumbs",children:[r&&(0,d.jsx)(nP.Z,{elements:10}),t.map((n,t)=>{let a=i===t+1;return(0,d.jsxs)("div",{className:x()({"thumbnail-box":!0,hidden:r,current:a}),children:[(0,d.jsx)("div",{className:"thumbnail-border-box",children:(0,d.jsxs)("div",{className:"thumbnail-border-box__inner",children:[(0,d.jsx)("img",{className:"page-image",src:(0,nS.Jo)(n.thumbnails.imageViewer,{w:160,q:40,f:nS.ED.WebP}),alt:"Current thumbnail",onClick:()=>e(t+1)}),a&&(0,d.jsx)("div",{className:"thumbnail-border-box__inner-current",children:(0,B.t)("WEB2_NEWSPAPER_single_newspaper_current_thumbnail")})]})}),(0,d.jsx)("span",{children:t+1})]},t)})]})};function nR(){let n=(0,nn._)(["\n .layout-modal {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &.public-modules-newspaper-images-viewer-modal {\n &.fit-content {\n\n .layout-modal {\n z-index: 999;\n\n\n .modal-header {\n margin-bottom: 8px;\n\n .modal-header-close {\n position: absolute;\n right: 0;\n top: 0;\n width: 20px;\n height: 20px;\n\n @media all and (max-width: 768px) {\n right: -2px;\n }\n }\n\n @media all and (max-width: 768px) {\n margin-bottom: 18px;\n }\n }\n\n .modal-container {\n width: 100%;\n height: auto !important;\n max-width: 1080px;\n max-height: 60dvh;\n min-height: 180px;\n min-width: 400px;\n padding: 24px 20px 28px;\n\n .modal-body {\n max-height: 50dvh;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n @media all and (max-width: ",") {\n min-width: 320px;\n padding: 16px;\n }\n\n @media all and (max-width: ",") {\n height: 100% !important;\n border-radius: 0;\n width: 100%;\n max-height: unset;\n max-width: unset;\n\n .modal-body {\n max-height: 100%; //fallback\n max-height: 90dvh;\n }\n }\n }\n\n &.module-public-func-newspapers-app-exclusive-modal {\n .modal-container {\n border-radius: 2em;\n max-width: 40em;\n width: 32em !important;\n max-height: 100%;\n height: 41em !important;\n top: 0;\n left: 0;\n transform: none;\n padding: 0;\n \n .modal-body {\n overflow-y: hidden;\n max-height: unset;\n\n .mobile-app-container {\n .background-mobile-app {\n @media all and (max-height: 637px) {\n max-width: 85%;\n }\n }\n }\n }\n\n @media all and (max-width: ",") {\n height: 85% !important;\n padding: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .modal-header {\n display: none;\n }\n\n\n .modal-footer {\n .modal-footer-control {\n margin-right: auto;\n }\n }\n }\n }\n }\n\n &.newspaperShare,\n &.information {\n .layout-modal {\n .modal-container {\n max-width: 430px;\n }\n }\n }\n\n &.moreNewspapers {\n .layout-modal {\n .modal-container {\n padding-bottom: 8px;\n\n @media all and (max-width: ",") {\n padding-bottom: 0;\n overflow: hidden;\n }\n\n .modal-header {\n .modal-header-title {\n @media all and (max-width: ",") {\n font-size: 18px !important;\n }\n }\n }\n\n .modal-body {\n @media all and (max-width: ",") {\n overflow: hidden;\n }\n\n .more-newspaper-wrapper__desktop {\n display: flex;\n\n @media all and (max-width: ",") {\n display: none;\n }\n }\n\n .more-newspaper-wrapper__mobile {\n display: none;\n\n @media all and (max-width: ",") {\n display: flex;\n }\n }\n }\n }\n }\n }\n\n &.information {\n .layout-modal {\n .modal-container {\n padding-bottom: 6px;\n }\n }\n }\n\n &.newspaperShare {\n .layout-modal {\n .modal-header {\n .modal-header-title {\n margin: auto;\n\n @media all and (max-width: ",") {\n font-size: 14px !important;\n }\n }\n\n @media all and (max-width: ",") {\n margin-bottom: 8px;\n }\n }\n\n .modal-container {\n padding-bottom: 8px;\n\n @media all and (max-width: ",") {\n padding-top: 30px;\n height: unset !important;\n width: 96% !important;\n min-height: unset;\n }\n\n @media all and (max-width: ",") {\n border-radius: 0.5em;\n }\n }\n }\n }\n }\n }\n\n .modal-container {\n padding: 24px;\n width: 70%;\n height: 55% !important;\n overflow: hidden !important;\n top: unset !important;\n left: unset !important;\n\n @media all and (max-width: 768px) {\n width: 100% !important;\n height: 100% !important;\n overflow: auto !important;\n padding: 16px;\n }\n\n &::-webkit-scrollbar-track {\n background: white;\n }\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: rgb(201, 204, 208);\n }\n\n &::-webkit-scrollbar-thumb {\n background: rgb(233, 235, 236);\n border-radius: 1em;\n }\n\n .modal-header {\n padding: 0 !important;\n position: sticky;\n top: 0;\n margin-bottom: 18px;\n\n .modal-header-title {\n color: var(--gz-navy-gz-navy-100, #273542) !important;\n font-style: normal;\n font-weight: 700 !important;\n line-height: 140%; /* 28px */\n max-width: 100%;\n word-break: break-word;\n\n @media all and (max-width: 768px) {\n font-size: 16px !important;\n }\n }\n\n .modal-header-close {\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n img {\n max-width: 20px;\n max-height: 20px;\n transform: translate(2px, -2px);\n }\n }\n }\n\n .modal-body {\n padding: 0 !important;\n overflow: auto;\n\n &::-webkit-scrollbar-track {\n background: white;\n /* border-left: 0.1em solid rgb(233, 235, 236); */\n }\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: rgb(201, 204, 208);\n }\n\n &::-webkit-scrollbar-thumb {\n background: rgb(233, 235, 236);\n border-radius: 1em;\n }\n }\n }\n"]);return nR=function(){return n},n}var nI=ne.Z.div(nR(),nm.Z.mobileL,nm.Z.mobileM,nm.Z.mobileM,nm.Z.mobileL,nm.Z.mobileL,nm.Z.mobileL,nm.Z.mobileM,nm.Z.mobileM,nm.Z.mobileL,nm.Z.mobileL,nm.Z.mobileL,nm.Z.mobileM),nz=n=>{let{onClose:e,className:t,children:i,fontSize:r,title:a}=n;return(0,d.jsx)(nI,{className:x()({"public-modules-newspaper-images-viewer-modal":!0,[t]:t}),children:(0,d.jsx)(nj.Z,{onClose:e,onCloseBackdrop:e,title:null!=a?a:"",titleFontSize:r,customIcon:(0,d.jsx)("img",{src:"/assets/icons/close.png",alt:"close-button"}),children:i})})},nW=t(14890),nB=t(84018),nM=t(14268),nT=t(96600);function nO(){let n=(0,nn._)(["\n border-radius: 0 0 0 16px;\n background: var(--background-white, #fff);\n box-shadow: 0 11px 12px 0 rgba(35, 54, 69, 0.16);\n color: var(--gz-navy-gz-navy-100, #273542);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 140%; /* 19.6px */\n position: absolute;\n right: -20px;\n width: 228px;\n top: calc(100% + 26px);\n z-index: 3;\n padding: 7px 0 7px 24px;\n animation: fadeMiniMenuIn 0.3s ease-in-out;\n\n @media (max-width: ",") {\n top: 55px;\n right: 0;\n z-index: 999;\n }\n\n @media (max-width: ",") {\n top: 40px;\n right: -30px;\n }\n\n @keyframes fadeMiniMenuIn {\n from {\n opacity: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n &.hidden {\n animation: fadeMiniMenuOut 0.3s ease-in-out forwards;\n\n @keyframes fadeMiniMenuOut {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-10px);\n }\n }\n }\n\n .menu-item {\n position: relative;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 32px;\n height: 56px;\n\n &.bottom-line {\n &:after {\n position: absolute;\n content: '';\n bottom: 0;\n height: 1px;\n width: 100%;\n background-color: ",";\n }\n }\n\n .menu-item-icon {\n width: 24px;\n height: 24px;\n }\n\n &:hover {\n font-weight: bolder;\n }\n }\n"]);return nO=function(){return n},n}var nD=ne.Z.div(nO(),nm.Z.tabletS,nm.Z.mobileL,nm.Z.secondaryAccentColorLightestx2);(r=l||(l={})).NewspaperThumbnail="newspaperThumbnail",r.MoreNewspapers="moreNewspapers",r.Information="information",r.NewspaperShare="newspaperShare";var nV=n=>{let{isOpen:e,hidden:t,onClose:i,onMenuItemClick:r,iconRef:a}=n,o=[{id:"1",name:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_menu_page_viewer"),slug:l.NewspaperThumbnail,iconName:"newspaper_icon.svg"},{id:"2",name:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_menu_more_newspapers"),slug:l.MoreNewspapers,iconName:"more_newspaper.svg"},{id:"3",name:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_menu_share"),slug:l.NewspaperShare,iconName:"share.svg"},{id:"4",name:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_menu_information"),slug:l.Information,iconName:"info.svg"}],s=n=>{a.current&&!a.current.contains(n.target)&&i()};return(0,c.useEffect)(()=>(document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}),[]),(0,d.jsx)(nD,{className:"public-modules-newspaper-viewer-topbar-mini-menu ".concat(t?"hidden":""),children:o.map((n,e)=>(0,d.jsxs)("div",{className:x()({"menu-item":!0,"bottom-line":e!==o.length-1}),onClick:()=>r(n.slug),children:[(0,d.jsx)("img",{className:"menu-item-icon",src:"/assets/icons/"+n.iconName,alt:n.name}),n.name]},n.id))})};function nq(){let n=(0,nn._)(["\n position: fixed;\n width: 100vw;\n height: 100dvh;\n background: #fff;\n top: 0;\n left: 0;\n z-index: 99;\n padding: 1em;\n\n .public-layout-search-bar {\n &.extended {\n padding-top: 1em !important;\n }\n\n .search-wrapper {\n max-width: 100%;\n\n .layout-forms-form {\n .layout-forms-input-row {\n max-width: 100%;\n }\n\n .internal-wrapper {\n .input-body {\n .input {\n &::placeholder {\n color: ",";\n }\n }\n }\n }\n }\n\n\n .autocomplete-wrapper {\n .inner-wrapper {\n max-height: 95vh;\n\n >div {\n padding-right: .5em;\n }\n\n >div:not(:last-of-type) {\n .item-wrapper {\n border-bottom: 1px solid #E9EBEC\n ;\n }\n }\n }\n }\n }\n }\n\n @media all and (min-width: ",") {\n display: none;\n }\n"]);return nq=function(){return n},n}var nF=ne.Z.div(nq(),nm.Z.secondaryAccentColorLighter,nm.Z.tabletL),nH=n=>{let{isOpen:e,market:t,onClose:i,setIsAutocompleteVisible:r}=n;return e?(0,d.jsx)(nF,{className:"newspaper-mobile-searcher",children:(0,d.jsx)(nT.Z,{className:"search-bar",isAutocompleteVisible:!0,setIsAutocompleteVisible:r,market:t,customCloseBehavior:i,autoFocus:!0})}):null};function nY(){let n=(0,nn._)(["\n border-bottom: 1px solid ",";\n\n .topbar-content {\n max-width: 1420px;\n margin: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 8px;\n height: 64px;\n\n @media all and (max-width: ",") {\n height: 60px;\n }\n }\n\n .return-arrow {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n height: 100%;\n\n @media all and (max-width: ",") {\n flex: none;\n }\n\n .button-contents {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n flex-direction: row;\n gap: 1rem;\n\n margin-left: 1rem;\n\n @media all and (max-width: ",") {\n margin-left: 0.5rem;\n gap: 0.5rem;\n }\n\n .arrow-icon {\n cursor: pointer;\n width: 2.5rem;\n\n @media all and (max-width: ",") {\n width: 2rem;\n height: 2rem;\n }\n }\n\n .logo-icon {\n cursor: pointer;\n\n &__desktop {\n width: 144px;\n\n @media all and (max-width: ",") {\n display: none;\n }\n }\n\n &__mobile {\n width: 30px;\n display: none;\n\n @media all and (max-width: ",") {\n display: flex;\n }\n\n @media all and (max-width: ",") {\n display: none;\n }\n }\n }\n }\n }\n\n .main-part {\n flex: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: row;\n\n .title-wrapper {\n display: flex;\n align-items: center;\n width: 100%;\n gap: 8px;\n\n &__logo {\n width: 44px;\n min-width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n @media all and (max-width: ",") {\n display: none;\n }\n }\n\n &__title {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n height: 100%;\n width: 100%;\n flex-direction: column;\n\n .retailer-name {\n color: ",";\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 100%;\n text-decoration: none;\n\n @media all and (max-width: ",") {\n font-size: 16px;\n }\n }\n\n .newspaper-date {\n color: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 142.857%;\n }\n }\n }\n\n .menu {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n width: 100%;\n flex-direction: row;\n gap: 24px;\n margin-right: 16px;\n\n @media all and (max-width: ",") {\n gap: 1rem;\n justify-content: flex-end;\n }\n\n .mini-menu-wrapper {\n position: relative;\n width: 30px;\n height: 30px;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n z-index: 3;\n }\n\n .pagination-counter {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56.67px;\n color: var(--gz-navy-gz-navy-100, #273542);\n text-align: center;\n font-size: 10.5px;\n font-style: normal;\n font-weight: 700;\n line-height: 8.25px;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n\n @media all and (max-width: ",") {\n font-size: 0.95rem;\n line-height: 0.6875rem; /* 100% */\n width: 35px;\n }\n\n .border {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 30px;\n width: 100%;\n position: absolute;\n gap: 4.4px;\n border-radius: 20px;\n\n @media all and (max-width: ",") {\n height: 24px;\n }\n\n &:hover {\n cursor: pointer;\n }\n\n .left-border {\n border-left: 2.25px solid ",";\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n\n .right-border {\n border-right: 2.25px solid ",";\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n }\n\n .left-border,\n .right-border {\n border-top: 2.25px solid ",";\n border-bottom: 2.25px solid ",";\n height: 100%;\n width: 50%;\n padding: 0.7em;\n }\n\n @media all and (max-width: ",") {\n .right-border {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n border-right: 2px solid ",";\n }\n\n .left-border {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n border-left: 2px solid ",";\n }\n\n .left-border,\n .right-border {\n border-top: 2px solid ",";\n border-bottom: 2px solid ",";\n }\n }\n }\n }\n\n .mobile-search-button {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n @media (min-width: ",") {\n display: none;\n }\n }\n\n .heart-icon-wrapper {\n width: 30px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n }\n }\n }\n\n .search-part {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n position: relative;\n\n .public-layout-search-bar {\n width: 100%;\n position: absolute;\n top: 10%;\n left: 0;\n\n &.extended {\n .search-wrapper {\n border-radius: 1.5rem 1.5rem .8rem .8rem;\n }\n }\n\n\n .search-wrapper {\n border-radius: 1.5rem;\n z-index: 10;\n\n .layout-forms-input-row {\n display: flex;\n align-items: center;\n\n .searchbar-icons {\n padding-right: 3px;\n }\n\n .searchbar-icons:has(.search-icon:only-child) {\n padding-right: 1em;\n }\n\n .layout-forms-input {\n flex: 1;\n }\n }\n .internal-wrapper {\n .input-body {\n .input {\n padding-left: 1rem;\n\n &::placeholder {\n color: ",";\n }\n }\n }\n }\n .autocomplete-wrapper {\n position: relative;\n top: 0;\n left: 0;\n border-bottom-left-radius: .8rem;\n border-bottom-right-radius: .8rem;\n\n .inner-wrapper {\n padding: 0 0 0 20px;\n margin-right: 16px;\n margin-bottom: 20px;\n\n >div {\n padding-right: .5em;\n }\n\n >div:not(:last-of-type) {\n .item-wrapper {\n border-bottom: 1px solid #E9EBEC\n ;\n }\n }\n }\n }\n }\n }\n }\n\n @media all and (max-width: ",") {\n .search-part {\n display: none;\n }\n }\n"]);return nY=function(){return n},n}var nU=ne.Z.div(nY(),nm.Z.secondaryAccentColorLightestx2,nm.Z.mobileL,nm.Z.mobileL,nm.Z.tabletL,nm.Z.mobileL,nm.Z.tabletL,nm.Z.tabletL,nm.Z.mobileM,nm.Z.mobileM,nm.Z.secondaryAccentColor,nm.Z.mobileL,nm.Z.secondaryAccentColor,nm.Z.mobileL,nm.Z.mobileL,nm.Z.mobileL,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.mobileL,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.secondaryAccentColor,nm.Z.tabletL,nm.Z.secondaryAccentColorLighter,nm.Z.tabletL),nK=(0,p.$j)(n=>({state:{favoriteRetailers:n.retailers.favoriteRetailers}}),n=>({actions:{toggleFavorite:(0,nW.DE)(nB.mN,n)}}))(n=>{var e,t;let{hidePagination:i,market:r,pagination:a,onMenuOptionClick:o,state:s,actions:p,data:m}=n,u=(0,h.useRouter)(),g=(null==s?void 0:null===(e=s.favoriteRetailers)||void 0===e?void 0:e.elements.map(n=>n.id)).includes(m.retailer.id),w=(0,c.useRef)(null),[f,b]=(0,c.useState)(!1),[v,_]=(0,c.useState)(!1),[y,j]=(0,c.useState)(!1),[E,Z]=(0,c.useState)(!1),k=(0,nd.L0)(ns()(m.startAt),"dateYearly"),S=(0,nd.L0)(ns()(m.endAt),"date"),P=()=>{Z(!0),setTimeout(()=>{j(!1),Z(!1)},300)};return(0,d.jsxs)(nU,{className:"public-modules-newspaper-viewer-topbar",children:[(0,d.jsxs)("div",{className:"topbar-content",children:[(0,d.jsx)("div",{className:"return-arrow",children:(0,d.jsxs)("div",{className:"button-contents",children:[(0,d.jsx)(np.Z,{className:"arrow-icon",src:"/assets/icons/arrow_left.svg",alt:"arrow_left",onClick:()=>u.back()}),(0,d.jsx)("div",{className:"logo-icon logo-icon__desktop",children:(0,d.jsx)(nM.Z,{})}),(0,d.jsx)(np.Z,{className:"logo-icon logo-icon__mobile",src:"/assets/icons/promotons_circle_icon.svg",alt:"promotons_circle_icon",onClick:()=>u.push("/")})]})}),(0,d.jsxs)("div",{className:"main-part",children:[(0,d.jsxs)("div",{className:"title-wrapper",children:[(0,d.jsx)("div",{className:"title-wrapper__logo",children:(0,d.jsx)(nc.Z,{route:N.eg,params:{slug:m.retailer.slug},children:(0,d.jsx)("a",{children:(0,d.jsx)(np.Z,{width:44,alt:m.retailer.name,src:(0,nS.Jo)(m.retailer.logo.imageUrl,{w:44,q:50,f:nS.ED.WebP}),style:{height:"100%",objectFit:"contain"}})})})}),(0,d.jsxs)("div",{className:"title-wrapper__title",children:[(0,d.jsx)(nc.Z,{route:N.eg,params:{slug:m.retailer.slug},children:(0,d.jsx)("a",{className:"retailer-name",children:m.retailer.name})}),(0,d.jsx)("div",{className:"newspaper-date",children:"".concat(k,"-").concat(S)})]})]}),(0,d.jsxs)("div",{className:"menu",children:[(0,d.jsx)("div",{className:"heart-icon-wrapper",children:(0,d.jsx)(np.Z,{className:x()({icon:!0,"heart-icon":!0,active:g}),width:30,height:30,src:g?"/assets/icons/heart-active.svg":"/assets/icons/heart-new.svg",alt:"heart_newspaper_view",onClick:()=>p.toggleFavorite({retailer:m.retailer})})}),!i&&(0,d.jsxs)("div",{className:"pagination-counter",onClick:()=>o(l.NewspaperThumbnail),children:[(0,d.jsx)("span",{children:null!==(t=a.current)&&void 0!==t?t:1})," / ",(0,d.jsx)("span",{children:a.total}),(0,d.jsxs)("div",{className:"border",id:"pagination-button",children:[(0,d.jsx)("span",{className:"left-border"}),(0,d.jsx)("span",{className:"right-border"})]})]}),(0,d.jsx)("button",{onClick:()=>_(!0),className:"mobile-search-button",children:(0,d.jsx)(np.Z,{className:"search-icon",src:"/assets/icons/search.svg",width:20,height:20,alt:"magnifying glass search icon"})}),(0,d.jsxs)("div",{className:"mini-menu-wrapper",children:[(0,d.jsx)(np.Z,{className:"icon",src:"/assets/icons/three_dot_menu.svg",width:30,height:30,alt:"three_dot_menu",onClick:n=>{if(n.preventDefault(),w.current=n.target,y)return P();j(!0)}}),y&&(0,d.jsx)(nV,{isOpen:y,hidden:E,onClose:P,onMenuItemClick:n=>{o(n),P()},iconRef:w})]})]})]}),(0,d.jsx)("div",{className:"search-part",children:(0,d.jsx)(nT.Z,{className:"search-bar",isAutocompleteVisible:f,setIsAutocompleteVisible:b,market:r})})]}),(0,d.jsx)(nH,{market:r,isOpen:v,onClose:()=>_(!1),setIsAutocompleteVisible:b})]})});function nG(){let n=(0,nn._)(["\n position: relative;\n width: 100%;\n height: 100%;\n\n &:has(.module-public-func-newspapers-app-exclusive-modal) {\n .public-modules-newspaper-viewer-topbar {\n position: relative;\n z-index: 1;\n };\n .navigation-right, .navigation-left {\n z-index: 1;\n };\n .swiper .navigation-button {\n z-index: 1;\n }\n .swiper .swiper-pagination {\n z-index: 1;\n }\n }\n\n .adult-content-overlay {\n position: relative;\n width: 100%;\n height: 30em;\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n margin-top: 2em;\n }\n\n .newspaper-image-viewer-content {\n display: flex;\n justify-content: center;\n\n &__left,\n &__right {\n max-width: 360px;\n\n aside {\n align-items: flex-start;\n }\n }\n\n &__left {\n position: relative;\n display: flex;\n flex: 1 1 20%;\n\n &__ad-container {\n width: 100%;\n padding-top: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n @media (max-width: ",") {\n display: none;\n }\n }\n\n &__center {\n position: relative;\n display: flex;\n flex: 1 1 60%;\n max-width: 700px;\n overflow: hidden;\n\n @media (max-width: ",") {\n flex-direction: column;\n align-items: center;\n gap: 24px;\n }\n\n @media (max-width: ",") {\n gap: 0;\n flex: 1 1 100%;\n width: 100%;\n max-height: calc(100vh - 60px - 120px);\n max-height: calc(100dvh - 60px - 120px);\n }\n\n &__bottom {\n width: 100%;\n height: 118px;\n min-height: 100px;\n display: none;\n align-items: center;\n justify-content: space-between;\n position: fixed;\n bottom: 0;\n padding-top: 6px;\n gap: 6px;\n\n &__container {\n height: 50px;\n min-height: 50px;\n max-height: 50px;\n width: 320px;\n\n max-width: 320px;\n overflow: hidden;\n\n &.leaflet-bottom-ad-hide {\n opacity: 0;\n pointer-events: none;\n }\n }\n\n &__controls {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n background-color: ",";\n\n .layout-button {\n .button {\n padding: 8px 16px;\n\n .button-content {\n color: ",";\n font-size: 14px;\n }\n }\n }\n }\n\n @media (max-width: ",") {\n display: flex;\n flex-direction: column;\n }\n }\n }\n\n &__right {\n position: relative;\n display: flex;\n flex: 1 1 20%;\n justify-content: flex-start;\n align-items: center;\n height: calc(100vh - 110px);\n margin-top: 24px;\n padding-left: 20px;\n\n .more-newspapers-sidebar {\n width: 100%;\n }\n\n @media (max-width: 1300px) {\n display: none;\n }\n }\n }\n"]);return nG=function(){return n},n}var nJ=ne.Z.div(nG(),nm.Z.tabletL,nm.Z.tabletS,nm.Z.mobileL,nm.Z.backgroundColorGrayish,nm.Z.primaryTextColor,nm.Z.mobileL);let n$={newspaperThumbnail:_.o5.NewspaperViewerAllPages,moreNewspapers:_.o5.NewspaperViewerMoreNewspapers,information:_.o5.NewspaperViewerInfo,newspaperShare:_.o5.NewspaperViewerShare};(a=s||(s={})).Greater="greater",a.Less="less";var nX=n=>{var e,i,r,a,o,s;let{data:m,state:g,actions:w,market:R,currentPage:V,currentPageState:q,isInitialEnter:F,setIsInitialEnter:Q}=n,nn=(0,h.useRouter)(),ne=(0,p.I0)(),nt=(0,P.E3)(),ni=(0,S.so)(),na=(0,E.F)(ni,m.forAdults),no=(0,M.E)(ni),nl=(0,P.z1)(),ns=(0,P.OH)(),nd=(0,c.useRef)(V),nc=(0,c.useRef)(!1),np=(0,c.useRef)([]),nm=(0,c.useRef)([4]),[nu,nh]=(0,T.Z)(0,.25),[nx,nw]=(0,c.useState)(!1),[nb,nv]=(0,c.useState)(!1),[n_,ny]=(0,c.useState)(0),[nj,nE]=(0,c.useState)(null),[nZ,nS]=(0,c.useState)({visible:!1,type:null,className:null}),[nP,nA]=(0,c.useState)(!1),[nC,nR]=(0,c.useState)([]),[nI,nW]=(0,c.useState)(g.newspapers),nB=768>(0,k.zP)(),nM=null==m?void 0:null===(e=m.images)||void 0===e?void 0:e.length,nT=Array.isArray(null==m?void 0:m.trackers)&&(null==m?void 0:null===(i=m.trackers)||void 0===i?void 0:i.length)>0,nO=(0,j.j)(j.f.NEWSPAPER_VIEWER,null==m?void 0:null===(r=m.retailer)||void 0===r?void 0:r.slug,R.slug),nD=(0,c.useMemo)(()=>u()(()=>Promise.all([t.e(6920),t.e(328),t.e(9269),t.e(2374)]).then(t.bind(t,2374)),{loadableGenerated:{webpack:()=>[2374]},ssr:!1}),[null==m?void 0:m.id,n_]),nV=u()(()=>t.e(559).then(t.bind(t,10559)),{loadableGenerated:{webpack:()=>[10559]},ssr:!1}),nq={singleNewspaperMoreNewspapers:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_more_newspapers"),newsletterPreview:(0,B.t)("WEB2_NEWSPAPER_SINGLE_newsletterPreview"),shareNewspapers:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_share_newspapers"),newspaperInformation:(0,B.t)("WEB2_NEWSPAPERS_single_newspaper_newspaper_information")},nF=()=>{H(null==m?void 0:m.id).then(n=>{nU(n)}).catch(()=>{nU(5)})};(0,c.useEffect)(()=>{var n,e,t,i,r;nu&&!nP&&Array.isArray(null==m?void 0:m.trackers)&&(null==m?void 0:null===(n=m.trackers)||void 0===n?void 0:n.length)&&(null==g?void 0:null===(e=g.visitor)||void 0===e?void 0:e.id)&&((0,C.v)({visitorId:null==g?void 0:null===(t=g.visitor)||void 0===t?void 0:t.id,newspaperId:m.id,retailerId:(null==m?void 0:null===(i=m.retailer)||void 0===i?void 0:i.id)||"",retailerName:(null==m?void 0:null===(r=m.retailer)||void 0===r?void 0:r.slug)||"",source:ns,trackers:null==m?void 0:m.trackers}),nA(!0))},[nu,nP,null==m?void 0:m.id,null==g?void 0:null===(a=g.visitor)||void 0===a?void 0:a.id]),(0,c.useEffect)(()=>{(null==m?void 0:m.isPast)&&nv(!0),nF()},[m]),(0,c.useEffect)(()=>{nd.current=V},[V]);let nH=async n=>{var e;let t=(0,Z.D8)(np.current||[]),i=null==np?void 0:np.current;null===(e=await O.u.new(m))||void 0===e||e.trackLeavingPageEvents({startTime:n,pageNumber:nd.current,postCode:g.geolocation.postCode,targetSource:_.Nl.Leaflet,progress:{pagesSeen:null==i?void 0:i.length,uniquePagesSeenVolume:t.length,uniquePagesSeenPercentage:Math.round(t.length/nM*100)}})};(0,c.useEffect)(()=>{var n;let e=new Date().getTime();(0,D.L)(_.o5.LeafletEnter,{leaflet_id:m.id,page_number:V||1,page_source:null==nl?void 0:nl.source,retailer_name:(null==m?void 0:null===(n=m.retailer)||void 0===n?void 0:n.slug)||"",is_archived:Number(null==m?void 0:m.isPast),post_code:g.geolocation.postCode,leaflet_view_page:_.Op.Leaflet},{gtm:!0,fbPixel:!0}),nT&&ni!==y.Dv&&(0,A.G)({visitorId:g.visitor.id,currentPage:1,trackers:m.trackers}),w.listNewspaperProducts({newspaperId:m.id,type:"pointer",perPage:999}),w.listNewspapers({page:1,perPage:10}).then(n=>{nW({...n.payload.data[v.kO],isLoading:!1,isLoaded:!0,elements:n.payload.data[v.kO].elements.map(n=>new b.Z(n))})});let t=()=>{nH(e)};return window.addEventListener("beforeunload",t),()=>{nH(e),window.removeEventListener("beforeunload",t),(0,z.U)((0,Z.Vs)([{id:m.id,lastViewedPage:nd.current,totalViewedPages:null==np?void 0:np.current,lastVisitAt:f()().format("YYYY-MM-DD HH:mm:ss"),newspaperEndAt:null==m?void 0:m.endAt},...g.viewedNewspapers],"id"),()=>{np.current=[]})}},[null==m?void 0:m.id]),(0,c.useMemo)(()=>{let n=[];for(let e=2;e<m.images.length;e+=3)n.push(e+1);nc.current&&nm.current.includes(V)&&(nB&&!nx&&nm.current.includes(V)&&(null==no||no.refreshSlot("leaflet-bottom")),!nB&&n.includes(V)&&(null==no||no.refreshSlot("leaflet-left-column"))),nc.current=!0},[nx,V]),(0,c.useEffect)(()=>{if((null==m?void 0:m.id)&&w.setViewedNewspapers({viewedNewspaper:{id:m.id,lastViewedPage:null!=V?V:1,newspaper:m,totalViewedPages:null==np?void 0:np.current,lastVisitAt:f()().format("YYYY-MM-DD HH:mm:ss"),newspaperEndAt:null==m?void 0:m.endAt}}),V===nM){var n;I(1,m.id,(0,D.L)(_.o5.LeafletLastPageSeen,{leaflet_id:m.id,page_number:V||1,retailer_name:(null==m?void 0:null===(n=m.retailer)||void 0===n?void 0:n.slug)||"",is_archived:Number(null==m?void 0:m.isPast),post_code:g.geolocation.postCode},{gtm:!0,fbPixel:!0})),nT&&ni!==y.Dv&&(0,L.v)({visitorId:g.visitor.id,currentPage:V,trackers:m.trackers})}},[null==m?void 0:m.id,V]),(0,c.useEffect)(()=>{W(m.id)},[]);let nY=n=>{ne({type:Y.H,payload:n})},nU=n=>{var e;let t=(null==m?void 0:null===(e=m.images)||void 0===e?void 0:e.length)-4;for(let e=3;e<t;e++)if(e%n==0){let e=nm.current[nm.current.length-1];nm.current=[...nm.current,e+n]}};return(0,d.jsxs)(nJ,{ref:nh,className:"public-modules-layout-newspaper-image-viewer",children:[nT&&ni===y.Dv&&(null==m?void 0:null===(o=m.trackers)||void 0===o?void 0:o.map((n,e)=>{var t,i;return(0,d.jsx)(nV,{imagesLength:null==m?void 0:null===(t=m.images)||void 0===t?void 0:t.length,currentPage:V,trackers:n,visitorId:null==g?void 0:null===(i=g.visitor)||void 0===i?void 0:i.id},e)})),(0,d.jsx)(nK,{hidePagination:nx,pagination:{current:V,total:nM},data:m,market:R,onMenuOptionClick:n=>nS({visible:!0,type:n})}),na&&(0,d.jsx)(K.Z,{onClick:()=>nY(!0)}),!na&&(0,d.jsxs)("div",{className:"newspaper-image-viewer-content",children:[(0,d.jsxs)("div",{className:"newspaper-image-viewer-content__left",children:[(0,d.jsx)("div",{className:"newspaper-image-viewer-content__left__next-newspaper",children:(0,d.jsx)(nr,{data:m,currentPageState:q})}),(0,d.jsx)("div",{className:"newspaper-image-viewer-content__left__ad-container",children:(0,d.jsx)(J.Z,{type:"desktop",adId:"newspaper-viewer-leaflet-left-column",retailerName:m.retailer.name})})]}),(0,d.jsxs)("div",{className:"newspaper-image-viewer-content__center",children:[(0,d.jsx)(nD,{visitor:g.visitor,geolocation:g.geolocation,newspaper:m,currentPage:V,currentPageState:q,number:n_,isMobile:nB,isAdVisible:nx,adNumbers:nm.current,newspaperProducts:null==g?void 0:null===(s=g.listNewspaperProducts)||void 0===s?void 0:s.elements,setPrevPage:nE,getLastPageAction:w.lastNewspaperPage,lastPage:g.lastNewspaperPage,setIsAdVisible:nw,isInitialEnter:F,setIsInitialEnter:Q,showAds:nO,onIncrementPageNumber:n=>{np.current=[...np.current,n]}}),(0,d.jsxs)("div",{className:"newspaper-image-viewer-content__center__bottom",children:[(0,d.jsx)("div",{className:x()({"newspaper-image-viewer-content__center__bottom__container":!0,"leaflet-bottom-ad-hide":nx}),children:(0,d.jsx)(J.Z,{type:"mobile",adId:"newspaper-viewer-leaflet-bottom",retailerName:m.retailer.name})}),(0,d.jsx)("div",{className:"newspaper-image-viewer-content__center__bottom__controls",children:(0,d.jsx)(G.ZP,{style:G.AK.Primary,onClick:()=>{nS({visible:!0,type:l.MoreNewspapers})},children:nq.singleNewspaperMoreNewspapers})})]})]}),(0,d.jsx)("div",{className:"newspaper-image-viewer-content__right",children:(0,d.jsx)(nN,{title:nq.singleNewspaperMoreNewspapers,retailer:m.retailer,newestNewspapers:{...nI,elements:nI.elements.slice(0,8)},actions:w,onClick:n=>{var e,t,i;(0,D.L)(_.o5.LeafletRecommendationClick,{leaflet_id:m.id,retailer_name:m.retailer.name,rec_leaflet_id:null==n?void 0:null===(e=n.newspaper)||void 0===e?void 0:e.id,rec_retailer_name:null==n?void 0:null===(i=n.newspaper)||void 0===i?void 0:null===(t=i.retailer)||void 0===t?void 0:t.name}),Q(!0)},poolTrackedNewspaperIds:nC,setPoolTrackedNewspaperIds:nR})})]}),(null==m?void 0:m.isMobileAppExclusive)&&(0,d.jsx)($.Z,{newspaper:m,currentPage:V,onClose:()=>(null==nn?void 0:nn.components)&&Object.keys(null==nn?void 0:nn.components).length<=2?nt(N.XX):nn.back()}),nb&&(0,d.jsx)(nk,{onClose:()=>nv(!1),onCloseBackdrop:()=>nv(!1),onClick:()=>nv(!1),retailer:m.retailer}),nZ.visible&&(0,d.jsx)(nz,{className:"fit-content ".concat(nZ.type),onClose:()=>nS({visible:!1,type:null}),title:(()=>{switch(nZ.type){case l.NewspaperThumbnail:return nq.newsletterPreview;case l.MoreNewspapers:return nq.singleNewspaperMoreNewspapers;case l.NewspaperShare:return nq.shareNewspapers;case l.Information:return nq.newspaperInformation;default:return null}})(),fontSize:nZ.type===l.Information?24:20,children:(()=>{if(nZ.visible&&nZ.type){var n;(0,D.L)(n$[nZ.type],{leaflet_id:m.id,retailer_name:null==m?void 0:null===(n=m.retailer)||void 0===n?void 0:n.slug,is_archived:Number(null==m?void 0:m.isPast)})}switch(nZ.type){case l.NewspaperThumbnail:return(0,d.jsx)(nL,{images:m.images,currentPage:V||1,onClick:n=>{ny(n),ne({type:U.i,payload:{...q,[m.id]:n}}),nS({visible:!1,type:null}),Q(!0)}});case l.MoreNewspapers:return(0,d.jsxs)("div",{className:"more-newspaper-wrapper",children:[(0,d.jsx)("div",{className:"more-newspaper-wrapper__desktop",children:(0,d.jsx)(X.Z,{className:"more-newspapers-list",collection:{...nI,elements:nI.elements.slice(0,10),meta:null},onClick:n=>{n.newspaper.isMobileAppExclusive||nS({visible:!1,type:null})},buttonRoute:N.oP,hideButton:!0,lazyLoad:!1})}),(0,d.jsx)("div",{className:"more-newspaper-wrapper__mobile",children:(0,d.jsx)(nN,{customClass:"more-newspapers-sidebar__mobile",title:null,retailer:m.retailer,newestNewspapers:{...nI,elements:nI.elements.slice(0,8)},actions:w,onClick:n=>{var e,t,i;(0,D.L)(_.o5.LeafletRecommendationClick,{leaflet_id:m.id,retailer_name:m.retailer.name,rec_leaflet_id:null==n?void 0:null===(e=n.newspaper)||void 0===e?void 0:e.id,rec_retailer_name:null==n?void 0:null===(i=n.newspaper)||void 0===i?void 0:null===(t=i.retailer)||void 0===t?void 0:t.name}),n.newspaper.isMobileAppExclusive||nS({visible:!1,type:null}),Q(!0)},poolTrackedNewspaperIds:nC,setPoolTrackedNewspaperIds:nR})})]});case l.Information:return(0,d.jsx)(ng,{data:m,state:g,toggleFavorite:()=>w.toggleFavorite({retailer:m.retailer})});case l.NewspaperShare:return(0,d.jsx)(nf,{data:m,currentPage:V,onClose:()=>nS({visible:!1,type:null})});default:return null}})()})]})}},96600:function(n,e,t){t.d(e,{Z:function(){return Z}});var i=t(56225),r=t(14890),a=t(20147),o=t(85893),l=t(67294),s=t(11163),d=t(94184),c=t.n(d),p=t(5764),m=t(69569),u=t(70724),h=t(2884),g=t(36072),x=t(6820),w=t(39342),f=t(93556),b=t(82564),v=t(82729),_=t(31666),y=t(11010);function N(){let n=(0,v._)(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin-bottom: 2.875em;\n\n .search-wrapper {\n position: relative;\n width: 100%;\n max-width: 47rem;\n border-radius: 3.125rem;\n border: 1px solid #c9ccd0;\n background: #fff;\n\n .layout-forms-input-row {\n align-items: center;\n width: 100%;\n max-width: 45.3125em;\n height: 2.9375em;\n\n @media all and (max-width: ",") {\n height: 2.75rem;\n }\n\n @media all and (max-width: ",") {\n > * {\n &:last-of-type {\n margin-right: 1em;\n }\n }\n }\n\n .layout-forms-input {\n margin-right: 0;\n }\n\n .searchbar-icons {\n display: flex;\n align-items: center;\n gap: .8em;\n\n .close-mark {\n user-select: none;\n cursor: pointer;\n display: block;\n width: 40px;\n height: 30px;\n cursor: pointer;\n\n .icon-close-button {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n &-hidden {\n display: none;\n \n @media all and (max-width: ",") {\n display: block;\n }\n }\n }\n }\n\n .layout-forms-input-wrapper {\n margin-bottom: 0;\n\n .internal-wrapper {\n border: none;\n background: transparent;\n height: 2.9375em;\n border-radius: 1.4em;\n overflow: hidden;\n\n @media all and (max-width: ",") {\n height: 2.75rem;\n }\n .input-body {\n display: flex;\n align-items: center;\n justify-content: center;\n\n input {\n color: #273542;\n padding-left: 3.5rem;\n font-size: 0.8125rem;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n background: transparent;\n border: none;\n\n @media all and (max-width: ",") {\n font-size: 0.875rem;\n line-height: 1.5rem;\n padding-left: 1.11rem;\n }\n\n &:focus {\n outline: none;\n }\n\n &::placeholder {\n color: ",";\n }\n }\n }\n }\n }\n\n .close-mark {\n display: none;\n }\n\n .layout-button {\n position: absolute;\n right: 0;\n margin-right: 0;\n top: 0;\n height: 3.1333em;\n font-size: 0.9375em;\n cursor: initial;\n\n @media all and (max-width: ",") {\n height: 2.6rem;\n }\n\n &:hover {\n .button {\n background-color: #ffffff;\n }\n }\n\n .button {\n display: flex;\n justify-content: flex-end;\n color: ",";\n height: 100%;\n /* width: 4em; */\n box-shadow: none;\n padding: 0.7em 1.4em;\n cursor: initial;\n background-color: transparent;\n @media all and (max-width: ",") {\n padding: 0.7em 1.5em;\n }\n\n span {\n min-width: 0;\n }\n\n .button-icon {\n font-size: 1em;\n margin-right: 0em;\n width: 100%;\n\n .button-icon-image {\n width: 1.21rem;\n\n @media all and (max-width: ",") {\n width: 1.5rem;\n }\n }\n }\n\n &:hover {\n box-shadow: none;\n background-color: transparent;\n }\n }\n }\n }\n }\n\n &.extended {\n @media all and (max-width: ",") {\n .search-wrapper {\n border: none;\n }\n }\n\n .layout-forms-input-row {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n .layout-forms-input-wrapper .internal-wrapper {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .layout-button {\n .button {\n border-bottom-right-radius: 0;\n }\n }\n }\n }\n\n @media all and (max-width: ",") {\n &.extended {\n display: block;\n position: absolute;\n padding-top: 0 !important;\n top: 0;\n left: 0;\n z-index: 999;\n\n .search-wrapper {\n max-width: 100%;\n\n .layout-forms-input-row {\n border-radius: 0;\n max-width: 100%;\n\n .layout-forms-input-wrapper .internal-wrapper {\n border-radius: 0;\n }\n\n .layout-button {\n right: 2em;\n .button {\n border-top-right-radius: 0;\n }\n }\n }\n }\n }\n }\n"]);return N=function(){return n},n}var j=_.Z.div(N(),y.Z.tabletL,y.Z.tabletS,y.Z.tabletS,y.Z.tabletL,y.Z.tabletL,y.Z.buttonColorSecondary,y.Z.tabletL,y.Z.buttonColorSecondary,y.Z.tabletL,y.Z.tabletL,y.Z.tabletL,y.Z.tabletS);let E=null;var Z=(0,i.$j)(null,n=>({actions:{search:(0,r.DE)(a.y,n)}}))(n=>{let{actions:e=null,isAutocompleteVisible:t,setIsAutocompleteVisible:i,market:r=null,hideDesktopCloseButton:a,autoFocus:d,customCloseBehavior:v}=n,[_,y]=(0,l.useState)(""),[N,Z]=(0,l.useState)(!1),k=(0,l.useRef)(null),S=(0,l.useRef)(null),P=(0,u.$4)(),A=(0,s.useRouter)(),C=null,L={};(0,l.useEffect)(()=>(window&&(window.addEventListener("mousedown",W),window.addEventListener("keydown",R),document.addEventListener("keydown",I,!0),document.addEventListener("keyup",z,!0)),()=>{window&&(window.removeEventListener("mousedown",W),window.removeEventListener("keydown",R),document.removeEventListener("keydown",I,!0),document.removeEventListener("keyup",z,!0))})),(0,l.useEffect)(()=>{(null==S?void 0:S.current)&&S.current.blur(),(null==k?void 0:k.current)&&i(!1)},[null==A?void 0:A.query]);let R=n=>{27===n.keyCode&&(W(n),(null==S?void 0:S.current)&&S.current.blur(),window.removeEventListener("keydown",R))},I=n=>{if(L[n.ctrlKey||n.metaKey]=!0,n.code==="Key".concat(n.key.toUpperCase())&&!L.true){let n=document.getElementsByName("query");(C=n[n.length-1])&&C.focus()}},z=()=>{delete L.true};(0,l.useEffect)(()=>{E&&clearTimeout(E),Z(!0),_&&(E=setTimeout(()=>{null==e||e.search({search:_||void 0}),Z(!1)},400))},[_]);let W=n=>{k&&!k.current.contains(n.target)&&i(!1)},B=()=>{switch(P){case m.en:return(0,h.t)("WEB2_SEARCHBAR_PRODUCTS_customPlaceholder");case m.Lt:return(0,h.t)("WEB2_SEARCHBAR_BLOG_customPlaceholder");case m.Uc:return(0,h.t)("WEB2_SEARCHBAR_LOCALIZATIONS_customPlaceholder");case m.XX:return(0,h.t)("WEB2_SEARCHBAR_HOMEPAGE_customPlaceholder");case m.oP:return(0,h.t)("WEB2_SEARCHBAR_RETAILERS_customPlaceholder");case m.CF:return(0,h.t)("WEB2_SEARCHBAR_HOMEPAGE_customPlaceholder");case m.Ym:if(r&&r.slug===p.Dv)return(0,h.t)("WEB2_SEARCHBAR_SHOPPING_CENTRES_customPlaceholder_v2");return(0,h.t)("WEB2_SEARCHBAR_SHOPPING_CENTRES_customPlaceholder");default:return(0,h.t)("WEB2_SEARCHBAR_DEFAULT")}};return(0,o.jsx)(j,{className:c()("public-layout-search-bar",{extended:t}),children:(0,o.jsxs)("div",{className:"search-wrapper",ref:k,children:[(0,o.jsx)(g.Z,{submitAction:()=>new Promise(n=>n({})),onSuccess:n=>null,children:n=>{let{formik:e}=n;return(0,o.jsxs)(w.Z,{children:[(0,o.jsx)(x.Z,{name:"query",inputProps:{onFocus:n=>{let{target:e}=n;S.current=e,i(!0)},autoComplete:"off",autoFocus:d},value:_,placeholder:B(),onChange:n=>{let{target:e}=n;return y(e.value)}}),(0,o.jsxs)("div",{className:"searchbar-icons",children:[(0,o.jsx)(f.Z,{className:"search-icon",src:"/assets/icons/search.svg",width:20,height:20,alt:"magnifying glass search icon"}),t&&(0,o.jsx)("div",{onClick:()=>{v?v():i(!1)},className:c()({"close-mark":!0,"close-mark-hidden":a}),children:(0,o.jsx)(f.Z,{src:"/assets/icons/close-button-bold.svg",alt:"close-button",className:"icon-close-button"})})]})]})}}),t&&(0,o.jsx)(b.Z,{isTyping:N,searchValue:_,leaveAutocomplete:()=>i(!1)})]})})})},4317:function(n,e,t){t.d(e,{Z:function(){return B}});var i=t(56225),r=t(11163),a=t(27484),o=t.n(a),l=t(14890),s=t(32887),d=["f2aba016-504d-44aa-ab2a-60c1c3e9bb3f","b5d62d92-22fc-4598-a8e7-8c8ce449fb47","a998f39f-8ff3-4b5b-b549-0a6c6571012e","a16653ce-76fa-40f9-8bf4-d504b3344fe7"],c=t(69569),p=t(70724),m=t(13659),u=t(86463),h=t(84018),g=t(85893),x=t(67294),w=t(9661),f=t(12410),b=t(2884),v=t(82729),_=t(31666),y=t(11010);function N(){let n=(0,v._)(["\n height: 100dvh;\n inset: 0;\n position: fixed;\n overflow-y: hidden;\n\n @media all and (max-width: ",") {\n position: fixed;\n inset: unset;\n width: 100%;\n }\n"]);return N=function(){return n},n}var j=_.Z.div(N(),y.Z.mobileM),E=n=>{let{children:e=null}=n;return(0,g.jsx)(j,{className:"fixed-container",children:e})},Z=t(78360),k=t(82034),S=t(34818),P=t(82712),A=t(77936),C=t(78350),L=(0,i.$j)(n=>({state:{visitor:n.visitor.data,geolocation:n.geolocation.data,newspapers:n.newspapers.newest,favoriteRetailers:n.retailers.favoriteRetailers,listNewspaperProducts:n.products.listNewspaperProducts,lastNewspaperPage:n.newspapers.followingNewspapers,viewedNewspapers:n.newspapers.viewedNewspapers}}),n=>({actions:{setViewedNewspapers:(0,l.DE)(u.FO,n),listNewspapers:(0,l.DE)(u.pb,n),toggleFavorite:(0,l.DE)(h.mN,n),listNewspaperProducts:(0,l.DE)(A.Oz,n),lastNewspaperPage:(0,l.DE)(u.Dc,n)}}))(C.Z),R=t(9029);function I(){let n=(0,v._)(["\n .public-page-home {\n &__optimistic-loader {\n height: 100%;\n height: 100dvh;\n }\n }\n"]);return I=function(){return n},n}var z=_.Z.div(I()),W=n=>{var e,t,i,a;let{state:o,actions:l,isLoaded:s}=n,d=o.market.localeDisplay,c=(0,r.useRouter)(),p=(0,x.useRef)(c.query.pageNumber?Number(c.query.pageNumber):null),[m,u]=(0,x.useState)(!0),[h,v]=(0,x.useState)(p.current),[_,y]=(0,x.useState)(!1),N=null===(e=o.current)||void 0===e?void 0:e.data,j=null===(t=o.retailer)||void 0===t?void 0:t.data;if((0,x.useEffect)(()=>{if(!s){var n;l.getCurrentNewspaper({retailerSlug:c.query.retailerSlug,newspaperOrder:c.query.order,id:c.query.id,viewedNewspaperIds:null==o?void 0:null===(n=o.viewedNewspapers)||void 0===n?void 0:n.map(n=>n.id)})}},[c.query.id,c.query.order,_]),(0,x.useEffect)(()=>{var n,e;return(p.current&&(p.current=null),(null===(n=o.currentPage)||void 0===n?void 0:n[null==N?void 0:N.id])&&!p.current)?v(null===(e=o.currentPage)||void 0===e?void 0:e[N.id]):v(1)},[null===(i=o.currentPage)||void 0===i?void 0:i[null==N?void 0:N.id]]),(0,x.useEffect)(()=>{var n;let e;return(null==o?void 0:null===(n=o.current)||void 0===n?void 0:n.data)||(e=setTimeout(()=>{y(!_)},1e3)),()=>{if(e)return clearInterval(e)}},[N,_]),!(null==o?void 0:null===(a=o.current)||void 0===a?void 0:a.data)||!o.retailer)return(0,g.jsxs)(z,{className:"public-page-home",children:[(0,g.jsx)(Z.Z,{title:(0,b.t)("WEB2_NEWSPAPER_meta_title",{retailer:"",retailerName:"",date:"",currentMonth:"",customName:""}),description:(0,b.t)("WEB2_NEWSPAPER_meta_description",{retailer:"",retailerName:"",date:"",currentMonth:""})}),(0,g.jsx)(R.Z,{children:(0,g.jsx)("div",{className:"public-page-home__optimistic-loader",children:(0,g.jsx)(S.Z,{position:k.vK.Absolute})})})]});let A=w.Z.getDateString(null==N?void 0:N.startAt,null==N?void 0:N.endAt,o.market.slug),C={retailerName:(null==j?void 0:j.name)||"",currentMonth:(0,f.B1)(d)||"",date:A||"",retailer:(null==j?void 0:j.name)||"",customName:(null==N?void 0:N.customName)||""};return(0,g.jsxs)(z,{className:"public-page-home",children:[(0,g.jsx)(Z.Z,{title:(0,b.t)("WEB2_NEWSPAPER_meta_title",{...C}),description:(0,b.t)("WEB2_NEWSPAPER_meta_description",{...C}),noIndex:null==N?void 0:N.isPast}),(0,g.jsx)(R.Z,{children:(0,g.jsx)(P.Z,{children:(0,g.jsx)(E,{children:(0,g.jsx)(L,{data:N,market:o.market,currentPageState:o.currentPage,currentPage:h,isInitialEnter:m,setIsInitialEnter:u})})})})]})};W.getInitialProps=s.Y.getInitialPageProps(n=>async e=>{let{query:t,req:i,res:r}=e;if(!i)return{};let a=t.retailerSlug||null,l=t.order?t.order.toString():void 0,s=t.id?t.id.toString():void 0;try{let e=await n.dispatch((0,u.HS)({retailerSlug:a,newspaperOrder:l,id:s}));await n.dispatch((0,h.U_)({slug:a}));let t=e.payload.data.newspaper;d.includes(null==t?void 0:t.id)&&(r.statusCode=410),t&&-30>o()(t.endAt).diff(o()(),"days")&&(r.statusCode=410)}catch(e){var g,x;if(r.statusCode=(null==e?void 0:null===(x=e.error)||void 0===x?void 0:null===(g=x.response)||void 0===g?void 0:g.status)||404,404===r.statusCode){let e=(0,p.ZY)(c.eg,n.getState().translations.list.elements);return r.writeHead(307,{Location:(0,m.n)(e.value,{slug:a})}),r.end()}throw Error()}return{isLoaded:!0}});var B=(0,r.withRouter)((0,i.$j)((n,e)=>{var t,i,r,a,o,l,s,d;let c=null===(i=e.router)||void 0===i?void 0:null===(t=i.query)||void 0===t?void 0:t.retailerSlug,p=null===(a=e.router)||void 0===a?void 0:null===(r=a.query)||void 0===r?void 0:r.order,m=(null===(l=e.router)||void 0===l?void 0:null===(o=l.query)||void 0===o?void 0:o.id)||"".concat(c).concat(p);return{state:{current:null===(d=n.newspapers)||void 0===d?void 0:null===(s=d.mapBy)||void 0===s?void 0:s["".concat(m)],viewedNewspapers:n.newspapers.viewedNewspapers,market:n.markets.current.data,retailer:n.retailers.current,currentPage:n.newspaperViewerStore.mapBy}}},n=>({actions:{getCurrentNewspaper:(0,l.DE)(u.HS,n)}}))(W))},32437:function(n,e,t){t.d(e,{F:function(){return a}});var i=t(56225),r=t(5764);function a(n,e){let t=(0,i.v9)(n=>n.adultConsent),a=[r.S4,r.CY];return e&&!a.includes(n)&&!t.consent}},56417:function(n,e,t){t.d(e,{v:function(){return c}});var i=t(9669),r=t.n(i),a=t(48059),o=t(65829),l=t(18975);async function s(){var n;let e=await (0,l.h)();return e&&(null==e?void 0:null===(n=e.find(n=>(null==n?void 0:n.name)==="retailer_leaflet_imp_enabled"))||void 0===n?void 0:n.result)||[]}var d=t(74532);let c=async n=>{var e,t;if((null==n?void 0:n.newspaperId)&&(null==n?void 0:n.retailerId)&&(null==n?void 0:n.retailerName)&&(null==n?void 0:n.visitorId)&&(await s()).includes(n.retailerId)&&Array.isArray(null==n?void 0:n.trackers)&&(null==n?void 0:null===(e=n.trackers)||void 0===e?void 0:e.length)>0){let e=null==n?void 0:null===(t=n.trackers)||void 0===t?void 0:t.filter(n=>{let{impression:e}=n;return null!==e});e.length&&(await r().all(e.map(e=>{let{impression:t}=e;return r().get((0,o.j)(t,void 0,null==n?void 0:n.visitorId))})).catch(()=>{}),(0,d.L)(a.o5.LeafletImpression,{leaflet_id:n.newspaperId,retailer_name:null==n?void 0:n.retailerName,page_source:null==n?void 0:n.source}))}}},37473:function(n,e,t){t.d(e,{E:function(){return l}});var i=t(48059),r=t(5764),a=t(58413),o=t(74532);function l(n){return{refreshSlot:e=>{if(n===r.Dv)(0,o.L)(i.o5.RefreshSlot,{type:e});else{let{googletag:n,pbjs:t}=window;if(!n||!n.pubads)return;try{for(let t of n.pubads().getSlots())if(t.getAdUnitPath().includes(e)){n.pubads().refresh([t]);break}}catch(n){a.Z.warning("[UseAdSlotsActions][refreshSlot] Error",{error:n})}}},destroySlot:n=>{let{googletag:e}=window;if(e&&e.pubads)try{for(let t of e.pubads().getSlots())if(t.getAdUnitPath().includes(n)){e.destroySlots([t]);break}}catch(n){a.Z.warning("[UseAdSlotsActions][destroySlot] Error",{error:n})}}}}},27732:function(n,e,t){t.d(e,{Z:function(){return r}});var i=t(67294);function r(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,[e,t]=(0,i.useState)(!1),r=(0,i.createRef)(),a=null,o=n=>{if(!n)return!1;let e=n;for(;e;){let n=window.getComputedStyle(e);if("0"===n.opacity||"hidden"===n.visibility||"none"===n.display)return!1;e=e.parentElement}return!0};return(0,i.useEffect)(()=>{let e=r.current;if(!e)return;let i=new IntersectionObserver(n=>{let[i]=n;i.isIntersecting?requestAnimationFrame(()=>(t(o(e)),(a=new MutationObserver(()=>{requestAnimationFrame(()=>{t(o(e))})})).observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),()=>a.disconnect())):(t(!1),a&&a.disconnect())},{threshold:n});return i.observe(e),()=>{i.disconnect(),a&&a.disconnect()}},[r,n]),[e,r]}}}]);