1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9480],{9480:(e,a,t)=>{t.r(a),t.d(a,{default:()=>m,getComponentServerProps:()=>y});var r=t(2183),l=t(27861),s=t(33939),i=t(3638),n=t(53941),o=t.n(n),d=t(49176),u=t.n(d),c=t(36439),g=t(99346),p=t(98356),h=t(34732);let m=(0,g.es)(e=>{let a,t,n,o,d,m,f,y=(0,l.c)(32),{fields:j,rendering:S,tags:w}=e;y[0]!==j?(a=void 0===j?{}:j,y[0]=j,y[1]=a):a=y[1];let $=a;y[2]!==w?(t=void 0===w?[]:w,y[2]=w,y[3]=t):t=y[3];let P=t,I=S?.dataSource??"",{locale:D,t:A}=(0,g.s9)();y[4]===Symbol.for("react.memo_cache_sentinel")?(n=[],y[4]=n):n=y[4];let[C,_]=(0,c.useState)(n);y[5]!==C||y[6]!==I||y[7]!==D?(o=async e=>{let{pageParam:a}=e;return await (0,h.wF)(I,D(),4,a,C)},y[5]=C,y[6]=I,y[7]=D,y[8]=o):o=y[8];let V=o;y[9]!==C||y[10]!==I?(d=["stories",C,I],y[9]=C,y[10]=I,y[11]=d):d=y[11],y[12]!==V||y[13]!==d?(m={queryKey:d,queryFn:V,getNextPageParam:N,initialPageParam:void 0},y[12]=V,y[13]=d,y[14]=m):m=y[14];let{data:k,fetchNextPage:F,isFetching:L,status:E}=(0,s.q)(m);if(y[15]!==C||y[16]!==k?.pages||y[17]!==F||y[18]!==$?.HighlightLatestStory?.value||y[19]!==$?.Layout?.value||y[20]!==$?.ShowDates?.value||y[21]!==L||y[22]!==E||y[23]!==A||y[24]!==P){let e,a,t=k?.pages?.map(b)?.flat()??[],l=!!$?.HighlightLatestStory?.value,s=!!$?.ShowDates?.value,n=$?.Layout?.value==="Variant 2";y[26]!==C||y[27]!==A||y[28]!==P?(e=P.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",onClick:()=>_([]),className:(0,i.A)(0===C.length?"bg-primary border-primary text-primary-contrast":"bg-background-100 border-outline-2"),"aria-pressed":0===C.length,children:A("storiesTagsShowAll")}),P.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>C.includes(e.id)?_(C.filter(a=>a!==e.id)):_([...C,e.id]),className:(0,i.A)(C.includes(e.id)?"bg-primary border-primary text-primary-contrast":"bg-background-100 border-outline-2"),"aria-pressed":C.includes(e.id),children:e.value},e.id))]}),y[26]=C,y[27]=A,y[28]=P,y[29]=e):e=y[29],y[30]!==e?(a=(0,r.jsx)("div",{className:"*:hover:bg-primary-hover *:hover:text-primary-contrast my-10 flex flex-wrap justify-center gap-2 px-8 *:grid *:cursor-pointer *:place-items-center *:rounded-full *:border *:px-4 *:py-1 sm:px-0",children:e}),y[30]=e,y[31]=a):a=y[31],f=(0,r.jsxs)("div",{className:"bp:px-lg mx-auto max-w-lg",children:[a,"pending"!==E&&t?.length===0?(0,r.jsx)("div",{className:"grid h-80 w-full place-items-center",children:A("storiesNoResults")}):(0,r.jsxs)(r.Fragment,{children:["pending"===E&&(0,r.jsx)("div",{className:"grid h-96 w-full place-items-center",children:(0,r.jsx)(p.dM,{className:"h-10 w-10 animate-spin"})}),"success"===E&&t&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:(0,i.A)("gap-sm mx-auto flex flex-col"),children:[l&&(0,r.jsx)(u(),{href:t[0]?.url?.path??"",children:(0,r.jsx)(x,{...t[0],variant:n,showDates:s,tagValues:P})}),(0,r.jsx)("div",{className:(0,i.A)("bp:gap-5 bp:mt-0 bp:p-0 mt-4 grid grid-cols-1 gap-3 px-4",!n&&"bp:grid-cols-2"),children:t.map((e,a)=>l&&0===a?null:(0,r.jsx)(u(),{href:e.url?.path??"",children:(0,r.jsx)(v,{...e,variant:n,showDates:s,tagValues:P})},e?.displayName??"story"+a))})]}),(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)(p.dK,{onClick:F,pageCount:t?.length||0,totalCount:k?.pages?.[0]?.storieslistpage?.total??1,isLoading:L})})]})]})]}),y[15]=C,y[16]=k?.pages,y[17]=F,y[18]=$?.HighlightLatestStory?.value,y[19]=$?.Layout?.value,y[20]=$?.ShowDates?.value,y[21]=L,y[22]=E,y[23]=A,y[24]=P,y[25]=f}else f=y[25];return f}),x=e=>{let a,t,s,i,n,d,u,c,h,m,x=(0,l.c)(61),{title:v,premble:y,image:N,variant:b,showDates:j,date:S,tags:w,tagValues:$,dateFormat:P}=e,{t:I,locale:D}=(0,g.s9)();if(x[0]!==S?.formattedDateValue||x[1]!==P?.value||x[2]!==D){let e=new Date(S?.formattedDateValue??"");a=isNaN(e.getTime())?"":e.toLocaleDateString(P?.value??D()),x[0]=S?.formattedDateValue,x[1]=P?.value,x[2]=D,x[3]=a}else a=x[3];let A=a;if(b){let e,a,t,l,s,i,n,d,u,c,g,h=N?.src??"",m=N?.alt??"";x[4]!==h||x[5]!==m?(e=(0,r.jsx)("div",{className:"border-outline-2 rounded-corner relative aspect-video w-full overflow-clip border",children:(0,r.jsx)(o(),{src:h,alt:m,fill:!0,priority:!0,className:"object-cover transition duration-300 group-hover:scale-[1.05]"})}),x[4]=h,x[5]=m,x[6]=e):e=x[6],x[7]!==A||x[8]!==j?(a=j&&(0,r.jsx)("span",{children:A}),x[7]=A,x[8]=j,x[9]=a):a=x[9],x[10]!==$||x[11]!==w||x[12]!==b?(t=w&&(0,r.jsx)("div",{className:"flex gap-2",children:f(w,$,b)}),x[10]=$,x[11]=w,x[12]=b,x[13]=t):t=x[13],x[14]!==a||x[15]!==t?(l=(0,r.jsxs)("div",{className:"flex gap-2",children:[a,t]}),x[14]=a,x[15]=t,x[16]=l):l=x[16];let S=v?.value;x[17]!==S?(s=(0,r.jsx)(p.DZ,{tagName:"h2",tagStyle:"h3",children:S}),x[17]=S,x[18]=s):s=x[18];let P=y?.value;return x[19]!==P?(i=(0,r.jsx)("div",{children:P}),x[19]=P,x[20]=i):i=x[20],x[21]!==i||x[22]!==s?(n=(0,r.jsxs)("div",{className:"flex flex-1 flex-col gap-2",children:[s,i]}),x[21]=i,x[22]=s,x[23]=n):n=x[23],x[24]!==I?(d=I("storiesReadMore"),x[24]=I,x[25]=d):d=x[25],x[26]!==d?(u=(0,r.jsx)("div",{className:"bp:w-max bp:self-end",children:(0,r.jsx)(p.$n,{variant:"primary",onlyStyle:!0,className:"w-full",sm:!0,children:d})}),x[26]=d,x[27]=u):u=x[27],x[28]!==n||x[29]!==u?(c=(0,r.jsxs)("div",{className:"gap-sm bp:gap-0 bp:flex-row flex flex-col",children:[n,u]}),x[28]=n,x[29]=u,x[30]=c):c=x[30],x[31]!==c||x[32]!==e||x[33]!==l?(g=(0,r.jsxs)("div",{className:"bg-background-100 border-outline-2 bp:rounded-corner bp:border group flex w-full flex-col gap-4 border-y p-4",children:[e,l,c]}),x[31]=c,x[32]=e,x[33]=l,x[34]=g):g=x[34],g}let C=N?.src??"",_=N?.alt??"";x[35]!==C||x[36]!==_?(t=(0,r.jsx)("div",{className:"border-outline-2 rounded-corner relative aspect-video w-full overflow-clip border",children:(0,r.jsx)(o(),{src:C,alt:_,fill:!0,priority:!0,className:"object-cover transition duration-300 group-hover:scale-[1.05]"})}),x[35]=C,x[36]=_,x[37]=t):t=x[37],x[38]!==A||x[39]!==j?(s=j&&(0,r.jsx)("span",{children:A}),x[38]=A,x[39]=j,x[40]=s):s=x[40],x[41]!==$||x[42]!==w?(i=w&&(0,r.jsx)("div",{className:"flex gap-2",children:f(w,$,!1)}),x[41]=$,x[42]=w,x[43]=i):i=x[43],x[44]!==s||x[45]!==i?(n=(0,r.jsxs)("div",{className:"-my-2 flex gap-2",children:[s,i]}),x[44]=s,x[45]=i,x[46]=n):n=x[46];let V=v?.value;x[47]!==V?(d=(0,r.jsx)(p.DZ,{tagName:"h2",tagStyle:"h3",children:V}),x[47]=V,x[48]=d):d=x[48];let k=y?.value;return x[49]!==k?(u=(0,r.jsx)("div",{children:k}),x[49]=k,x[50]=u):u=x[50],x[51]!==I?(c=I("storiesReadMore"),x[51]=I,x[52]=c):c=x[52],x[53]!==c?(h=(0,r.jsx)(p.$n,{variant:"primary",onlyStyle:!0,className:"w-fit",sm:!0,children:c}),x[53]=c,x[54]=h):h=x[54],x[55]!==u||x[56]!==h||x[57]!==t||x[58]!==n||x[59]!==d?(m=(0,r.jsxs)("div",{className:"bp:px-0 group mb-4 flex w-full flex-col gap-4 px-4",children:[t,n,d,u,h]}),x[55]=u,x[56]=h,x[57]=t,x[58]=n,x[59]=d,x[60]=m):m=x[60],m},v=e=>{let a,t,s,i,n,d,u,c,h,m,x=(0,l.c)(61),{title:v,premble:y,image:N,variant:b,showDates:j,date:S,tags:w,tagValues:$,dateFormat:P}=e,{t:I,locale:D}=(0,g.s9)();
1if(x[0]!==S?.formattedDateValue||x[1]!==P?.value||x[2]!==D){let e=new Date(S?.formattedDateValue??"");a=isNaN(e.getTime())?"":e.toLocaleDateString(P?.value??D()),x[0]=S?.formattedDateValue,x[1]=P?.value,x[2]=D,x[3]=a}else a=x[3];let A=a;if(b){let e,a,t,l,s,i,n,d,u,c,g,h=N?.src??"",m=N?.alt??"";x[4]!==h||x[5]!==m?(e=(0,r.jsx)("div",{className:"border-outline-2 bp:w-1/3 rounded-corner relative aspect-video overflow-clip border",children:(0,r.jsx)(o(),{src:h,alt:m,fill:!0,className:"object-cover transition duration-300 group-hover:scale-[1.05]"})}),x[4]=h,x[5]=m,x[6]=e):e=x[6],x[7]!==A||x[8]!==j?(a=j&&(0,r.jsx)("span",{className:"h-min",children:A}),x[7]=A,x[8]=j,x[9]=a):a=x[9],x[10]!==$||x[11]!==w||x[12]!==b?(t=w?.value&&(0,r.jsx)("div",{className:"flex gap-2",children:f(w,$,b)}),x[10]=$,x[11]=w,x[12]=b,x[13]=t):t=x[13],x[14]!==a||x[15]!==t?(l=(0,r.jsxs)("div",{className:"mb-2 flex gap-2",children:[a,t]}),x[14]=a,x[15]=t,x[16]=l):l=x[16];let S=v?.value;x[17]!==S?(s=(0,r.jsx)(p.DZ,{tagName:"h2",tagStyle:"h4",children:S}),x[17]=S,x[18]=s):s=x[18];let P=y?.value;return x[19]!==P?(i=(0,r.jsx)("div",{children:P}),x[19]=P,x[20]=i):i=x[20],x[21]!==I?(n=I("storiesReadMore"),x[21]=I,x[22]=n):n=x[22],x[23]!==n?(d=(0,r.jsx)(p.$n,{variant:"ghost",onlyStyle:!0,sm:!0,className:"bp:justify-self-end bp:mt-0 h-max self-end",children:n}),x[23]=n,x[24]=d):d=x[24],x[25]!==i||x[26]!==d||x[27]!==s?(u=(0,r.jsxs)("div",{className:"grid flex-1 gap-4",children:[s,i,d]}),x[25]=i,x[26]=d,x[27]=s,x[28]=u):u=x[28],x[29]!==u||x[30]!==l?(c=(0,r.jsxs)("div",{className:"flex h-full flex-1 flex-col",children:[l,u]}),x[29]=u,x[30]=l,x[31]=c):c=x[31],x[32]!==c||x[33]!==e?(g=(0,r.jsxs)("div",{className:"bg-background-100 border-outline-2 bp:flex-row rounded-corner group flex flex-col gap-4 border p-4",children:[e,c]}),x[32]=c,x[33]=e,x[34]=g):g=x[34],g}let C=N?.src??"",_=N?.alt??"";x[35]!==C||x[36]!==_?(t=(0,r.jsx)("div",{className:"border-outline-2 rounded-corner relative aspect-video overflow-clip border",children:(0,r.jsx)(o(),{src:C,alt:_,fill:!0,className:"rounded-corner object-cover transition duration-300 group-hover:scale-[1.05]"})}),x[35]=C,x[36]=_,x[37]=t):t=x[37],x[38]!==A||x[39]!==j?(s=j&&(0,r.jsx)("span",{children:A}),x[38]=A,x[39]=j,x[40]=s):s=x[40],x[41]!==$||x[42]!==w?(i=w?.value&&(0,r.jsx)("div",{className:"flex gap-2",children:f(w,$,!1)}),x[41]=$,x[42]=w,x[43]=i):i=x[43],x[44]!==s||x[45]!==i?(n=(0,r.jsxs)("div",{className:"mb-1 mt-2 flex gap-4",children:[s,i]}),x[44]=s,x[45]=i,x[46]=n):n=x[46];let V=v?.value;x[47]!==V?(d=(0,r.jsx)(p.DZ,{tagName:"h2",tagStyle:"h4",children:V}),x[47]=V,x[48]=d):d=x[48];let k=y?.value;return x[49]!==k?(u=(0,r.jsx)("div",{children:k}),x[49]=k,x[50]=u):u=x[50],x[51]!==I?(c=I("storiesReadMore"),x[51]=I,x[52]=c):c=x[52],x[53]!==c?(h=(0,r.jsx)(p.$n,{variant:"iconLink",onlyStyle:!0,icon:"ArrowForwardIcon",className:"w-fit",iconClassName:"transition group-hover:translate-x-1",children:c}),x[53]=c,x[54]=h):h=x[54],x[55]!==u||x[56]!==h||x[57]!==t||x[58]!==n||x[59]!==d?(m=(0,r.jsxs)("div",{className:"bp:px-0 group flex flex-col px-4",children:[t,n,d,u,h]}),x[55]=u,x[56]=h,x[57]=t,x[58]=n,x[59]=d,x[60]=m):m=x[60],m};function f(e,a,t){return e.value&&""!==e.value?e.value.split("|").map(e=>e.trim().replace(/[{}]/g,"")).map(e=>{let t=a.find(a=>a.id.toLowerCase()===e.toLowerCase());return(0,r.jsx)("span",{className:(0,i.A)("border-outline flex items-center rounded-full border bg-white px-2 py-1 text-xs"),children:t?.value},e)}):null}let y=async e=>{let a=e?.fields?.Tags;return{tags:a?.map(e=>({key:e?.fields?.Key?.value??"",value:e?.fields?.Value?.value??"",id:e?.id??""})).filter(e=>e.id)??[]}};function N(e,a){return e.storieslistpage.pageInfo.hasNext?e.storieslistpage.pageInfo.endCursor:null}function b(e){return e.storieslistpage?.stories}},33939:(e,a,t)=>{t.d(a,{q:()=>n});var r=t(18932),l=t(53916),s=class extends r.${constructor(e,a){super(e,a)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){super.setOptions({...e,behavior:(0,l.PL)()})}getOptimisticResult(e){return e.behavior=(0,l.PL)(),super.getOptimisticResult(e)}
1fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,a){let{state:t}=e,r=super.createResult(e,a),{isFetching:s,isRefetching:i,isError:n,isRefetchError:o}=r,d=t.fetchMeta?.fetchMore?.direction,u=n&&"forward"===d,c=s&&"forward"===d,g=n&&"backward"===d,p=s&&"backward"===d;return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,l.rB)(a,t.data),hasPreviousPage:(0,l.RQ)(a,t.data),isFetchNextPageError:u,isFetchingNextPage:c,isFetchPreviousPageError:g,isFetchingPreviousPage:p,isRefetchError:o&&!u&&!g,isRefetching:i&&!c&&!p}}},i=t(40161);function n(e,a){return(0,i.t)(e,s,a)}},34732:(e,a,t)=>{t.d(a,{Ss:()=>d,XK:()=>n,wF:()=>i});var r=t(68417),l=t(32108);let s="{CD784F69-3959-4C11-B651-81E6A5951466}",i=async(e,a,t,r,s)=>{let[i,n]=await Promise.all([(0,l.p)(v,{language:a,datasource:e}),(0,l.p)(m,{language:a,datasource:e})]),o=i.parentId.parent.parent.id,d=await (0,l.p)(x(s),{language:a,limit:t,cursor:r??null,itemId:o});return{storiesindex:n.storiesindex,storieslistpage:d.storieslistpage}},n=async(e,a)=>{let t=await (0,l.p)(o,{language:e,storyId:a});return t?.storyPage?.date?.formattedDateValue??null},o=(0,r.J1)` 2 query GetStoryPublishDate($language: String!, $storyId: String!) { 3 storyPage: item(path: $storyId, language: $language) { 4 ... on StoryPage { 5 date { 6 formattedDateValue 7 } 8 } 9 } 10 } 11`,d=async(e,a)=>{let t=await (0,l.p)(p,{language:e,storyId:a}),r=t?.storyPage?.indexAncestors?.[0]??t?.storyPage?.parent,s=r?.id;if(!s)return console.warn(`StoryNavigation: could not resolve the stories index for story "${a}"`),{indexUrl:null,nextArticle:null,prevArticle:null};let i=await (0,l.p)(h,{language:e,indexId:s,limit:u});i?.stories?.pageInfo?.hasNext&&console.warn(`StoryNavigation: the index holds more than ${u} stories; previous/next only consider the first page.`);let n=[...i?.stories?.results??[]].sort(g),o=n.findIndex(e=>c(e.id)===c(a));return -1===o?(console.warn(`StoryNavigation: story "${a}" was not found under its index page.`),{indexUrl:r?.url?.path??null,nextArticle:null,prevArticle:null}):{indexUrl:r?.url?.path??null,nextArticle:n[o+1]?.url?.path??null,prevArticle:n[o-1]?.url?.path??null}},u=200,c=e=>e.replace(/[{}-]/g,"").toUpperCase(),g=(e,a)=>{let t=e.date?.value??"",r=a.date?.value??"";return t!==r?t?r?r.localeCompare(t):-1:1:c(e.id).localeCompare(c(a.id))},p=(0,r.J1)` 12 query getStoryIndexId($language: String!, $storyId: String!) { 13 storyPage: item(path: $storyId, language: $language) { 14 indexAncestors: ancestors( 15 includeTemplateIDs: "${"{7554923F-CB70-4124-B6EF-F76D30E9BD82}"}" 16 ) { 17 id 18 url { 19 path 20 } 21 } 22 parent { 23 id 24 url { 25 path 26 } 27 } 28 } 29 } 30`,h=(0,r.J1)` 31 fragment IndexStory on StoryPage { 32 id 33 date { 34 value 35 } 36 url { 37 path 38 } 39 } 40 41 query getIndexStories($language: String!, $indexId: String!, $limit: Int!) { 42 stories: search( 43 first: $limit 44 where: { 45 AND: [ 46 { 47 name: "_templates" 48 value: "${s}" 49 operator: EQ 50 } 51 { name: "_name", value: "__Standard Values", operator: NCONTAINS } 52 # One index entry per item version â see getStoriesListQuery. 53 { name: "_latestversion", value: "true", operator: EQ } 54 { name: "_language", value: $language, operator: EQ } 55 # CONTAINS matches ancestors, so this spans the year folders authors 56 # group stories into rather than just the current story's siblings. 57 { name: "_path", value: $indexId, operator: CONTAINS } 58 ] 59 } 60 ) { 61 pageInfo { 62 hasNext 63 } 64 results { 65 ...IndexStory 66 } 67 } 68 } 69`,m=(0,r.J1)` 70 query GetStoriesIndex($language: String!, $datasource: String!) { 71 storiesindex: item(path: $datasource, language: $language) { 72 id 73 displayName 74 name 75 url {
76 path 77 } 78 ... on StoriesIndex { 79 id 80 displayName 81 showDates { 82 boolValue 83 } 84 layout { 85 value 86 } 87 highlightLatestStory { 88 boolValue 89 value 90 } 91 } 92 } 93 } 94`,x=(e=[])=>(0,r.J1)` 95 fragment StoriesFields on StoryPage { 96 id 97 date { 98 value 99 dateValue 100 formattedDateValue 101 } 102 name 103 image { 104 src 105 alt 106 height 107 width 108 } 109 displayName 110 url { 111 path 112 } 113 title { 114 value 115 } 116 premble { 117 value 118 } 119 tags{ 120 value 121 } 122 dateFormat { 123 value 124 } 125 } 126 127 query GetStoriesList( 128 $language: String! 129 $limit: Int! 130 $cursor: String 131 $itemId: String 132 ) { 133 storieslistpage: search( 134 first: $limit 135 after: $cursor 136 where: { 137 AND: [ 138 { 139 name: "_templates" 140 value: "${s}" 141 operator: EQ 142 } 143 { name: "_name", value: "__Standard Values", operator: NCONTAINS } 144 # Sitecore's search index holds one entry per item version, so without 145 # this every historic version of a story is returned as its own result 146 # (including empty v1 drafts). 147 { name: "_latestversion", value: "true", operator: EQ } 148 ${e?.length>0?`{ OR: [${e.map(e=>` 149 { name: "tags", value: "${e}", operator: CONTAINS } 150 `).join(",")}]}`:""} 151 { name: "_language", value: $language, operator: EQ } 152 {name: "_path", value: $itemId, operator: CONTAINS} 153 ] 154 } 155 orderBy: { name: "date", direction: DESC } 156 ) { 157 total 158 pageInfo { 159 endCursor 160 hasNext 161 } 162 stories: results { 163 ...StoriesFields 164 } 165 } 166 } 167`;(0,r.J1)` 168 fragment Tags on StoryTagsItem { 169 key { 170 value 171 } 172 value { 173 value 174 } 175 id 176 } 177 178 query getTags($language: String!) { 179 item(language: $language, path: "5B4232E3-3EF1-45AB-AE38-0152FD23FA57") { 180 children { 181 results { 182 ...Tags 183 } 184 } 185 } 186 } 187`;let v=(0,r.J1)` 188 query getParentId($language: String!, $datasource: String!) { 189 parentId: item(path: $datasource, language: $language) { 190 parent { 191 parent { 192 id 193 } 194 } 195 } 196 } 197`}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.