"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]}}}]);