https://cdn.westhamworld.co.uk/_next/static/chunks/2415-50ebedc188a289af.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2415],{7080:(e,t,a)=>{a.d(t,{A:()=>p});var i=a(95155),r=a(59887);a(12115);var l=a(93366),s=a(83907),n=a(27723),d=a(53982),c=a(92158),o=a(24859),x=a(94706),m=a(79064),h=a(30320);function p(e){let{articles:t,labels:a,options:{showDateOf:p=!0,squareAspectRatio:u=!1,mobileMetaLayout:g=!1,showAuthor:_=!1,showTag:y=!0,showCounts:f=!0,commentsBadge:b=!1,showDescription:j=!1,showBorder:v=!0,desktopTitleSize:w=r.R4["18px"],mobileTitleSize:k=r.KL["16px"],isTitleBold:N=!0,titleLines:z=r.lF["2-lines"],globalDateFormat:T,preloadImages:A=!1}}=e,L="".concat(w," ").concat(k," \n  ").concat(N?"font-bold":""," ").concat(z," \n  -mt-1 text-black dark:text-white"),S=j?"w-[142px] md:w-[230px] md:h-[150px] h-[80px]":"md:w-[140px] w-[128px] h-[80px]",F=u?"150px":j?"(max-width: 767px) 142px, 230px":"(max-width: 767px) 128px, 140px";return(0,i.jsx)("div",{className:"@container flex flex-col ".concat(v&&"divide-y divide-gray-200 dark:divide-gray-200/20"),children:t.map((e,t)=>{var v,w,k,N,z,C,P,D,R,W,Q;return(0,i.jsxs)("div",{className:"flex items-start gap-2 py-3 articlesList__item sm:gap-4",children:[(null==(v=e.thumbnails)?void 0:v.origin)&&(0,i.jsx)(l.A,{article:e,children:(0,i.jsxs)("div",{className:"relative",children:[(0,i.jsx)(n.ImageWrapper,{src:e.thumbnails.origin,width:200,height:200,priority:0===t&&A,sizes:F,className:"".concat(u?"aspect-1 w-[150px]":S," \n                    rounded-md object-cover object-top "),alt:e.alt_text||e.title}),e.type===r.co.Video&&(0,i.jsx)("div",{className:"absolute z-30 flex items-center justify-center top-0 right-0",children:(0,i.jsx)("div",{className:"flex items-center justify-center bg-red-700 p-1",children:(0,i.jsx)(c.L3N,{className:"lg:h-5 lg:w-5 h-4 w-4 text-white"})})})]})}),(0,i.jsxs)("div",{className:g?"flex min-w-0 flex-1 flex-col gap-2":"flex flex-col flex-1 gap-2",children:[(0,i.jsx)(l.A,{classes:"w-fit",article:e,children:(0,i.jsx)("h4",{className:"hover:text-primary w-fit transition-all dark:hover:text-white ".concat(L),children:(0,i.jsx)(s.h,{article:e})})}),g?(0,i.jsxs)("div",{className:"flex min-w-0 flex-col gap-1 pr-1 text-xs text-black dark:text-white md:text-sm @lg:flex-row @lg:items-center @lg:gap-2",children:[(0,i.jsxs)("div",{className:"flex min-w-0 items-start gap-2 @lg:contents",children:[y&&e.primary_tag?(null==(w=e.primary_tag.ui_style)?void 0:w.badge_color)?(0,i.jsx)(h.i,{tag:e.primary_tag,href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category w-fit min-w-0 break-words rounded px-1.5 py-0.5 font-semibold uppercase text-white transition-all",children:e.primary_tag.title}):(0,i.jsx)(x.h,{href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category min-w-0 break-words font-semibold uppercase transition-all text-primary dark:text-white",children:e.primary_tag.title}):null,f&&(0,i.jsx)(l.A,{classes:"ml-auto shrink-0 @lg:order-last",article:e,scrollToComments:!0,children:(0,i.jsxs)("div",{className:b?"articlesList__item__comments flex items-center gap-0.5 bg-primary px-1 py-0.5 font-semibold leading-none text-white transition-all":"flex items-center gap-1 font-semibold transition-all hover:text-primary dark:hover:text-white",children:[(0,i.jsx)(d.gV7,{className:b?"h-[13px] w-[13px]":"h-[20px] w-[25px]"}),(0,i.jsx)("span",{className:b?"text-xs":"text-sm md:text-base",children:e.comments_count})]})})]}),(p||_&&e.author)&&(0,i.jsxs)("div",{className:"flex min-w-0 flex-wrap items-center gap-x-1 text-zinc-600 dark:text-white dark:opacity-70 @lg:contents",children:[y&&e.primary_tag&&(0,i.jsx)("span",{className:"hidden text-zinc-600 dark:text-white dark:opacity-70 @lg:inline",children:"•"}),p&&(0,i.jsx)("span",{className:"whitespace-nowrap",children:(0,i.jsx)(o.W,{isPublishedToday:e.published_today,relativePublishedAt:e.published_at_relative,publishedAt:e.published_at_localized,dateTime:e.published_at,globalDateFormat:T,children:"".concat(null==(k=e.published_at_localized)?void 0:k.monthShort," ").concat(null==(N=e.published_at_localized)?void 0:N.day,", ").concat(null==(z=e.published_at_localized)?void 0:z.hour,":").concat(null==(C=e.published_at_localized)?void 0:C.minute)})}),_&&e.author&&(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("span",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:"•"}),(0,i.jsxs)(m.Q,{className:"articlesList__item__author min-w-0 break-words transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white",author:e.author,children:[(0,i.jsx)("span",{className:"hidden @lg:inline",children:e.author.name}),(0,i.jsxs)("span",{className:"@lg:hidden",children:[a.by," ",e.author.name]})]})]})]})]}):(0,i.jsxs)("div",{className:"flex items-center gap-1 pr-1 text-xs text-black dark:text-white md:gap-2 md:text-sm",children:[y&&e.primary_tag&&(0,i.jsxs)(i.Fragment,{children:[(null==(P=e.primary_tag.ui_style)?void 0:P.badge_color)?(0,i.jsx)(h.i,{tag:e.primary_tag,href:"/".concat(e.primary_tag.slug),className:"articlesList__item__category w-fit roun

1ded px-1.5 py-0.5 font-semibold uppercase text-white transition-all",children:e.primary_tag.title}):(0,i.jsx)(x.h,{href:"/".concat(e.primary_tag.slug),className:"font-semibold uppercase transition-all articlesList__item__category text-primary dark:text-white",children:e.primary_tag.title}),(p||_)&&(0,i.jsx)("span",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:"•"})]}),p&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"text-zinc-600 dark:text-white dark:opacity-70",children:(0,i.jsx)(o.W,{isPublishedToday:e.published_today,relativePublishedAt:e.published_at_relative,publishedAt:e.published_at_localized,dateTime:e.published_at,globalDateFormat:T,children:"".concat(null==(D=e.published_at_localized)?void 0:D.monthShort," ").concat(null==(R=e.published_at_localized)?void 0:R.day,", ").concat(null==(W=e.published_at_localized)?void 0:W.hour,":").concat(null==(Q=e.published_at_localized)?void 0:Q.minute)})}),_&&(0,i.jsx)("span",{className:"hidden text-zinc-600 dark:text-white dark:opacity-70 md:block",children:"•"})]}),_&&(0,i.jsx)(m.Q,{className:"articlesList__item__author hidden transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white md:block ",author:e.author,children:(0,i.jsx)("span",{className:"",children:e.author.name})}),f&&(0,i.jsx)(l.A,{classes:"ml-auto",article:e,scrollToComments:!0,children:(0,i.jsxs)("div",{className:b?"articlesList__item__comments flex items-center gap-0.5 bg-primary px-1 py-0.5 font-semibold leading-none text-white transition-all":"flex items-center gap-1 font-semibold transition-all hover:text-primary dark:hover:text-white",children:[(0,i.jsx)(d.gV7,{className:b?"h-[13px] w-[13px]":"h-[20px] w-[25px]"}),(0,i.jsx)("span",{className:b?"text-xs":"text-sm md:text-base",children:e.comments_count})]})})]}),!g&&_&&(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(m.Q,{className:"articlesList__item__author block text-xs transition-all hover:text-primary text-zinc-600 dark:text-white dark:opacity-70 dark:hover:text-white md:hidden md:text-sm",author:e.author,children:[a.by," ",e.author.name]})}),j&&(0,i.jsx)("p",{className:"text-sm text-zinc-400 line-clamp-2 max-md:hidden",children:e.excerpt})]})]},e.id)})})}},14287:(e,t,a)=>{a.d(t,{z:()=>l});var i=a(95155),r=a(59887);a(12115);let l=e=>{let{dateTime:t,children:a}=e,l=(0,r.sW)(t);return l?(0,i.jsx)("time",{dateTime:l,children:a}):(0,i.jsx)(i.Fragment,{children:a})}},24859:(e,t,a)=>{a.d(t,{W:()=>m});var i=a(95155),r=a(59887),l=a(12115),s=a(58336),n=a(14287);let d=e=>{var t,a;let{globalDateFormat:r,publishedAt:l,children:d,appendTime:c=!1,dateTime:o}=e;if(!r||!r.format)return(0,i.jsx)(i.Fragment,{children:d});let x=/\$\{\{(hour|minute)\}\}/.test(r.format),m=c&&!x&&l.hour&&l.minute?" ".concat(l.hour.padStart(2,"0"),":").concat(l.minute.padStart(2,"0")):"";return(0,i.jsxs)("span",{className:"flex items-center gap-1",children:[r.showClockIcon&&(0,i.jsx)(s.obD,{className:"h-3 w-3 shrink-0"}),(0,i.jsxs)(n.z,{dateTime:o,children:[(t=r.format,a=l,t.replace(/\$\{\{(\w+)\}\}/g,(e,t)=>a[t]||e)),m]})]})};var c=a(56844);let o={hours:"hour",minutes:"minute",seconds:"second"},x=new Map,m=e=>{let{children:t,globalDateFormat:a,publishedAt:l,relativePublishedAt:s,isPublishedToday:m,appendTime:p=!1,dateTime:u}=e,{displayType:g}=a||{};if(!l)return(0,i.jsx)(i.Fragment,{children:t});let _=g===r.bT.RelativeDate;if(_&&(e=>!!e&&"number"==typeof e.diff&&e.diff>=0&&!!e.unit&&("hours"!==e.unit||e.diff<3))(s)){let e=((e,t)=>{try{let t=Math.max(1,Math.trunc(e.diff));return(e=>{let t=x.get("en");return t||(t=new Intl.RelativeTimeFormat(e,{numeric:"auto"}),x.set(e,t)),t})("en").format(-t,o[e.unit])}catch(e){return null}})(s,0);if(e)return(0,i.jsx)(n.z,{dateTime:u,children:e})}return(g===r.bT.TimeOnly||_)&&m&&l.hour&&l.minute?(0,i.jsxs)(n.z,{dateTime:u,children:[(0,c.p)("common:at")," ",l.hour.padStart(2,"0"),":",l.minute.padStart(2,"0")]}):(0,i.jsx)(d,{globalDateFormat:a,publishedAt:l,appendTime:p,dateTime:u,children:h(t)?(0,i.jsx)(n.z,{dateTime:u,children:t}):t})},h=e=>{let t=l.Children.toArray(e);return t.length>0&&t.every(e=>"string"==typeof e||"number"==typeof e)}},30320:(e,t,a)=>{a.d(t,{i:()=>l});var i=a(95155);a(12115);var r=a(94706);let l=e=>{let{tag:t,href:a,className:l,children:s}=e,n=t?function(e){if(!e)return;let t={};return e.badge_color&&(t.backgroundColor=e.badge_color),Object.keys(t).length?t:void 0}

1(t.ui_style):void 0,d=null!=s?s:null==t?void 0:t.title;return a?(0,i.jsx)(r.h,{href:a,className:l,style:n,children:d}):(0,i.jsx)("div",{className:l,style:n,children:d})}},32415:(e,t,a)=>{a.d(t,{default:()=>c});var i=a(95155);a(12115);var r=a(7080);let l=e=>{let{count:t}=e;return(0,i.jsx)("div",{className:"@container flex flex-col gap-5",children:Array.from(Array(t).keys()).map(e=>(0,i.jsxs)("div",{className:"group flex w-full animate-pulse gap-4",children:[(0,i.jsx)("div",{className:"h-[70px] w-[100px] shrink-0 rounded-sm bg-gray-300 object-cover dark:bg-gray-600"}),(0,i.jsxs)("div",{className:"flex w-full flex-col justify-start gap-2",children:[(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"}),(0,i.jsx)("div",{className:"line-clamp-4 group-hover:text-primary h-3 w-5/12 rounded-md bg-gray-300 text-xl font-bold leading-6 text-black transition-all dark:bg-gray-600 dark:text-white"})]})]},e))})};var s=a(35281),n=a(14984);let d=e=>{let{labels:t,paginate:a,loading:r}=e;return(0,i.jsxs)("div",{className:"mt-3 articlesList__paginate flex w-full flex-col",children:[(0,i.jsx)("div",{className:" h-[1px] w-full articlesList__paginate__divider bg-gray-200 dark:bg-gray-700"}),(0,i.jsxs)("button",{className:"hover:bg-primary -mt-4 flex w-fit items-center justify-center gap-1 self-center rounded-full border border-gray-200 bg-white px-4 py-2.5 text-center text-sm font-normal text-neutral-500 transition-all hover:text-white dark:border-gray-700 dark:bg-gray-700 dark:text-neutral-200",onClick:a,children:[(0,i.jsxs)("span",{children:[" ",t.load_more," "]}),r?(0,i.jsx)("span",{className:"h-4 w-4 animate-ping rounded-full opacity-75"}):(0,i.jsx)(n.ree,{})]})]})};function c(e){let{hookConfig:t,options:a,labels:n,page:c}=e,{articles:o,paginate:x,loading:m}=(0,s.R)({hookConfig:t,page:c});return(0,i.jsxs)(i.Fragment,{children:[o.length>0&&(0,i.jsxs)("div",{children:[(0,i.jsx)(r.A,{labels:n,options:a,articles:o})," "]}),m&&(0,i.jsx)(l,{count:t.paginationPageSize}),(0,i.jsx)(d,{paginate:x,loading:m,labels:n})]})}},35281:(e,t,a)=>{a.d(t,{R:()=>l});var i=a(92129),r=a(12115);let l=e=>{let{hookConfig:{initialPageSize:t,initialOffset:a,paginationPageSize:l,scope:s,scopeData:n,isSticky:d,articlesServerIds:c,articlesToExclude:o=[],displayPage:x,exclude_tags_id:m,tenantId:h},page:p}=e,[u,g]=(0,r.useState)([]),[_,y]=(0,r.useState)(0),[f,b]=(0,r.useState)(!1),[j,v]=(0,r.useState)(new Set(c));return{paginate:async()=>{b(!0);try{let e=await (0,i.ro)({scope:s,offset:t+_+a,paginationPageSize:l,scopeData:n,isSticky:+!!d,exclude_tags_id:m,displayPage:p||x,tenantId:h});y(_+e.length);let r=[],c=new Set(j);e.forEach(e=>{c.has(e.id)||o.includes(e.id)||(r.push(e),c.add(e.id))}),v(c),g([...u,...r])}catch(e){console.log(e)}finally{b(!1)}},loading:f,articles:u}}},79064:(e,t,a)=>{a.d(t,{Q:()=>l});var i=a(95155);a(12115);var r=a(94706);let l=e=>{let{author:t,className:a="",children:l}=e;return t?t.is_public?(0,i.jsx)(r.h,{href:t.author_url,className:a,children:l||t.name}):(0,i.jsx)("span",{className:a,children:l||t.name}):null}}}]);