https://www.which.co.uk/static/deliver/static/js/pages-article-PIArticlePage.ad9bb2e3.chunk.js

1"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([["pages-article-PIArticlePage"],{"./src/pages/article/PIArticlePage.tsx"(e,t,a){a.r(t),a.d(t,{default:()=>G}),a("./src/pages/article/template-styles/ArticlePage.scss");var s=a("../../node_modules/react/index.js"),r=a("../../node_modules/react-router/esm/react-router.js"),i=a("../../node_modules/@growthbook/growthbook-react/dist/esm/index.js"),o=a("../../node_modules/classnames/index.js"),c=a.n(o),n=a("./src/generated/frontend.ts"),l=a("./src/shared/index.ts"),d=a("./src/shared/BrowserBackStackProvider.tsx"),h=a("./src/shared/components/AffiliateDisclaimer/AffiliateDisclaimer.tsx"),m=a("./src/shared/components/BackToTop/BackToTop.tsx"),g=a("./src/shared/components/Breadcrumb/Breadcrumb.tsx"),p=a("./src/shared/components/Error/index.ts"),u=a("./src/shared/components/HideOnScroll/HideOnArticleScroll.tsx"),x=a("./src/shared/components/Loader/Loader.tsx"),y=a("./src/shared/components/Redirect/index.ts"),A=a("./src/shared/components/Sharing/SharingOptions.tsx"),j=a("../../node_modules/@which/seatbelt/src/index.ts"),_=a("./src/shared/utils/is-touch-device.ts");var I=a("../../node_modules/react/jsx-runtime.js");const f=({zoomWidth:e=2160,children:t})=>{const a=(0,_.C)(),r=.5*e,[i,o]=(0,s.useState)(!1),[c,n]=(0,s.useState)({src:"",alt:"",zoomWidth:e,zoomHeight:r});return(0,I.jsxs)(I.Fragment,{children:[!a&&i&&(0,I.jsx)("div",{"data-testid":"zoom-image-modal",className:"ZoomImageModal_zoomImageModal__A0BHU",children:(0,I.jsx)(j.aF,{closeModal:()=>{o(!1)},children:(0,I.jsx)("div",{className:"ZoomImageModal_slideWrapper__UjGow",children:(0,I.jsx)("div",{className:"ZoomImageModal_imageWrapper__xmsTv",children:(0,I.jsx)(j.vs,{src:c.src,zoomSrc:c.src,zoomWidth:c.zoomWidth,zoomHeight:c.zoomHeight,alt:c.alt,setPortalConfig:()=>null,carouselBgColor:"grey"})})})})}),(0,I.jsx)("div",{onClick:e=>{const t=e.target.closest('[data-testid="body-image-wrapper"]');if(!t||a)return;const s=t.querySelector("img");if(s){const{src:e,alt:t}=s;n(a=>({...a,src:e,alt:t})),o(!0)}},children:a?t:k(t)})]})},k=e=>s.Children.map(e,e=>{if(!s.isValidElement(e))return e;const t=(a=e,a.props?.children?.[0]?.props?.src);var a;return s.cloneElement(e,{...e.props,...t&&{"data-testid":"body-image-wrapper"},...t&&{className:"ZoomImageModal_bodyImageWrapper__5-ouP"},children:t?[(0,I.jsxs)("div",{"data-testid":"zoom-image-button-wrapper",children:[(0,I.jsx)("button",{"data-testid":"zoom-image-button",className:"ZoomImageModal_bodyImageButton__u9F1j","aria-label":"click for larger image"}),(0,I.jsx)(j.gY,{})]},"zoom-modal-button"),k(e.props.children)]:k(e.props.children)})});var b=a("./src/shared/data-layer.tsx"),P=a("./src/shared/dfp.tsx"),S=a("./src/shared/grids/index.ts"),w=a("./src/shared/hooks/useBaseMetaTags.tsx"),v=a("./src/shared/hooks/useFullUrl.ts"),T=a("./src/shared/renderers/article-element-renderer.ts"),N=a("./src/shared/usePageProps.tsx"),H=a("./src/shared/utils/getPreviousUrl/getPreviousUrl.ts"),M=a("./src/shared/wrappers/PageWrapperWithMeta.tsx"),L=a("./src/pages/reviews/shared/components/ToastNotification/index.ts"),B=a("./src/pages/article/ArticleTemplateProvider.tsx"),D=a("./src/pages/article/components/index.ts"),C=a("./src/pages/article/components/ArticleHero/ArticleHero.tsx"),z=a("./src/pages/article/components/Author/AuthorWrapper.tsx"),W=a("./src/pages/article/components/Header/Header.tsx"),E=a("./src/pages/article/components/Save/index.ts"),O=a("./src/pages/article/components/StickyArticleActions/index.ts"),U=a("./src/pages/article/components/WhichConnectMessage/WhichConnectMessage.tsx"),F=a("./src/pages/article/template-styles/PolicyAndInsightArticlePage.module.scss"),R=a("./src/pages/article/utils/base-data-layer.ts"),$=a("./src/pages/article/utils/dynamic-table-datalayer.ts"),Z=a("./src/pages/article/utils/schema.tsx");const G=()=>{const{pathname:e,search:t}=(0,r.zy)(),{context:a=""}=(0,N.l)(),{loading:s,error:o,data:j}=(0,n.U8e)({variables:{url:`${e}${t}`,context:a}}),{getFullUrl:_}=(0,v.q)(),k=(0,d.l)(),b=(0,H.j)({backStack:k}),{getBaseMetaTags:P}=(0,w.r)(),R=(0,i.KH)("WHC-1475-sticky-header"),$=(0,i.Br)("ctx-011-contextualised-newsletter","");if(s)return(0,I.jsx)(x.a,{});if(o)return(0,I.jsx)(p.A,{error:o});if(!j?.articlePage)return(0,I.jsx)(p.h,{pageName:"Article Page"});const{articlePage:Z}=j;if("Redirect"===Z.__typename)return(0,I.jsx)(y.r,{to:Z.redirectUrl});const{breadcrumb:G,meta:q,articleBodyTemplate:J,articleConfig:Q,articleExcelDataSheet:Y,articlePdf:X,authors:ee,header:te,heroImage:ae,jumpLinks:se,moreOnArticles:re,relatedArticles:ie,sharingData:oe,estimatedReadingTime:ce,savedStatus:ne}=Z,le=P({meta:q,context:a,imageUrl:ae?.src,twitterCard:"summary_large_image"}),de=V({articlePage:Z,baseMetaTags:le,urls:{currentUrl:_(),previousUrl:b},gbTestValue:$}),he=e=>{let t="";return t=e.toString().length>=6?`${(Math.round(100*(e/1e6+Number.EPSILON))/100).toString()}MB`:`${(Math.round(100*(e/1e3+Number.EPSILON))/100).toString()}KB`,t},me=se.length>3,ge=(0,T.e)(J);return(0,I.jsxs)(B.ArticleTemplateProvider,{meta:q,initialSavedStatus:ne,children:[(0,I.jsxs)("div",{ref:K,"data-testid":"template-portal","data-template-type":"pi-article",className:`${R?F.default.stickyHeader:""}`,children:[(0,I.jsx)(g.Q,{...G}),(0,I.jsx)(M.u,{metaTags:de,children:(0,I.jsxs)(S.zz,{children:[(0,I.jsxs)(S.uI,{area:"header",children:[(0,I.jsx)(h.j,{affiliateDisclaimer:Q?.affiliateDisclaimer}),(0,I.jsxs)("div",{className:F.default.policyAndInsightArticleHeader,children:[(0,I.jsx)(l.sN,{articleType:Q.articleType}),(0,I.jsx)(W.Header,{...te,date:{...te.date,rendered:""}}),(0,I.jsx)(l.m0,{date:te?.date?.rendered,estimatedReadingTime:ce})]})]}),(0,I.jsx)(S.uI,{area:"author",children:(0,I.jsx)(z.AuthorWrapper,{authors:ee,withAuthorLink:!0})}),(0,I.jsx)(S.uI,{area:"hero",children:(0,I.jsx)(C.ArticleHero,{heroImage:ae})}),(0,I.jsx)(S.uI,{area:"actions",children:(0,I.jsx)(E.Save,{location:"hero"})}),(0,I.jsx)(S.uI,{area:"jumplinks",children:(0,I.jsx)(D.JumpLinks,{links:se,showJumpLinkBar:me,handleOnClick:()=>{const e=document.querySelector('[data-testid="show-more-button"]');e&&e.click()}})}),(0,I.jsx)(S.uI,{area:"share",className:F.default.policyAndInsightArticleShare,children:(0,I.jsxs)(u.R,{children:[(0,I.jsx)(A.H,{className:"d-none-md",sharingData:oe}),(0,I.jsx)(O.StickyArticleActions,{className:c()("d-none d-flex-md",{[F.default.policyAndInsightArticleShareOptions]:me}),sharingData:oe})]})}),(0,I.jsxs)(S.uI,{area:"body",className:"gridarea-body",children:[(0,I.jsx)(U.WhichConnectMessage,{showMessage:Q?.whichConnectMessage}),(0,I.jsx)("div",{className:c()("article-wrapper",F.default.policyAndInsightArticleWrapper),children:(0,I.jsx)(l.x0,{buttonLabel:"Show more",contentRenderer:e=>e,className:F.default.policyAndInsightArticleShowMore,children:(0,I.jsx)(f,{children:(0,I.jsx)("main",{children:ge})})})}),(0,I.jsx)(E.Save,{location:"content"}),(0,I.jsx)("div",{className:"related-footer",children:(0,I.jsx)(l.kH,{componentType:"more-on-this",position:"bottom",...re})}),(0,I.jsx)("div",{className:"back-to-top-wrapper",children:(0,I.jsx)(m.s,{})})]}),(0,I.jsx)(S.uI,{area:"related",className:"gridarea-related",children:(0,I.jsxs)("aside",{className:c()("sidebar",F.default.policyAndInsightArticleSidebar),children:[(0,I.jsx)(l.cH,{...me&&{className:F.default.policyAndInsightArticleDownloads},files:(()=>{const e=[];return 0!==X.length&&e.push({label:`PDF article (${he(X[0].file_size)})`,link:X[0].path}),0!==Y.length&&e.push({label:`Excel stats (${he(Y[0].file_size)})`,link:Y[0].path}),e})()}),(0,I.jsx)(l.kH,{componentType:"more-on-this",position:"right",...re}),(0,I.jsx)(l.kH,{componentType:"related-articles",position:"right",...ie})]})})]})})]}),(0,I.jsx)(L.ToastNotification,{})]})},K=()=>{(0,$.dynamicTableDatalayer)()},V=({articlePage:{meta:e,articleBodyTemplate:t,heroImage:a,authors:s},baseMetaTags:r,urls:i,gbTestValue:o})=>{const c=s.length?[(0,I.jsx)("meta",{name:"author",content:s.map(({name:e})=>e).join(", ")},"author")]:[],n=e.keywords.length?[(0,I.jsx)("meta",{name:"keywords",content:e.keywords.join(", ")},"keywords")]:[],d={pageType:"article",vertical:e.taxonomyHierarchy?.vertical?.slug,sub_vertical:e.taxonomyHierarchy?.subVertical?.slug,super_category:e.taxonomyHierarchy?.superCategory?.slug,category:e.taxonomyHierarchy?.category?.slug,content_id:e.contentId,keywords:e.keywords,tags:e.keywords},h={...d,...(0,R.baseDataLayer)(e,i,t),author:s.map(({name:e})=>e).join(" | "),keywords:e.keywords?.length?e.keywords.join(" | "):"",tags:e.keywords?.length?e.keywords.join(" | "):""},m=(0,b.S)([...e.dataLayer||[],(0,l.ak)(h)]),g=(0,P.v)(e.dataLayer,{...d,GB_test_value:o}),p=(0,Z.generateSchema)({meta:e,authors:s,schemaImages:a?.schemaImages});

1return r.concat(c,n,m,g,p,(0,I.jsx)("link",{rel:"preconnect",href:"https://securepubads.g.doubleclick.net"}))}},"./src/pages/article/template-styles/PolicyAndInsightArticlePage.module.scss"(e,t,a){a.r(t),a.d(t,{default:()=>s});const s={policyAndInsightArticleHeader:"PolicyAndInsightArticlePage_policyAndInsightArticleHeader__vKGA+",policyAndInsightArticleShowMore:"PolicyAndInsightArticlePage_policyAndInsightArticleShowMore__kGlCR",policyAndInsightArticleWrapper:"PolicyAndInsightArticlePage_policyAndInsightArticleWrapper__kF2s8",policyAndInsightArticleDownloads:"PolicyAndInsightArticlePage_policyAndInsightArticleDownloads__kbTiM",policyAndInsightArticleShare:"PolicyAndInsightArticlePage_policyAndInsightArticleShare__0LE5r",policyAndInsightArticleShareOptions:"PolicyAndInsightArticlePage_policyAndInsightArticleShareOptions__2ji-M",policyAndInsightArticleSidebar:"PolicyAndInsightArticlePage_policyAndInsightArticleSidebar__4fntZ",stickyHeader:"PolicyAndInsightArticlePage_stickyHeader__cGVIL"}},"./src/pages/article/utils/dynamic-table-datalayer.ts"(e,t,a){a.r(t),a.d(t,{dynamicTableDatalayer:()=>s});const s=()=>{const e=document.querySelectorAll("section[data-dt-product-count]"),t=new Set;let a,s=0;if(e.length>0&&(e.forEach(e=>{const{dtProductBrands:a,dtProductCount:r=""}=e.dataset;s+=parseInt(r,10),a&&a.split(",").forEach(e=>t.add(e))}),s>0&&window?.dataLayer)){t.size>0&&(a=Array.from(t).join("|"));const e=a?{productsCount:s,brands:a}:{productsCount:s};window.dataLayer.push(e)}}},"./src/pages/reviews/shared/components/ToastNotification/index.ts"(e,t,a){a.r(t),a.d(t,{ToastNotification:()=>s.ToastNotification,defaultState:()=>s.defaultState});var s=a("./src/pages/reviews/shared/components/ToastNotification/ToastNotification.tsx")}}]);
2//# sourceMappingURL=pages-article-PIArticlePage.ad9bb2e3.chunk.js.map