(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3667],{28430:function(e,n,a){"use strict";a.r(n),a.d(n,{__N_SSP:function(){return C}});var i,t,r,l,d,o,s,u=a(52746),c=a(8529),m=a(7328),k=a(2784),v=a(53055),h=a(97729),g=a.n(h),p=a(41857),f=a(73716),N=a(92210),y=a(28885),S=a(46184),b=a(11006),x=a(87330),F=a(48840),j=a(4227),T=a(51339),V=a(57209),_=a(4626),w=a(5778),D=a(30906),L=a(52322),Z=b.zo.h1(i||(i=(0,m.Z)(["\n  ","\n  margin-top: ",";\n  text-align: center;\n"])),(0,x.xv)("xlarge1","alternate"),(0,F.W0)(7)),W=b.zo.form(t||(t=(0,m.Z)(["\n  display: flex;\n  width: 100%;\n  height: 40px;\n  margin: "," 0 ",";\n  border-radius: 2px;\n  background-color: ",";\n"])),(0,F.W0)(2),(0,F.W0)(4),function(e){return e.theme.colors.palette.greys.white}),$=b.zo.input(r||(r=(0,m.Z)(["\n  ","\n  background: transparent;\n  padding: ",";\n  flex-grow: 1;\n  border: 2px solid transparent;\n  text-align: center;\n\n  &:focus-visible {\n    outline: none;\n    border-color: ",";\n  }\n"])),(0,x.xv)("large1","default"),(0,F.W0)(1),function(e){return e.theme.colors.palette.greys.darker}),A=b.zo.label(l||(l=(0,m.Z)(["\n  ","\n"])),j.U),I=b.zo.div(d||(d=(0,m.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"]))),P=b.zo.p(o||(o=(0,m.Z)(["\n  ","\n  margin-bottom: ",";\n  text-align: center;\n"])),(0,x.xv)("bodyText","default"),(0,F.W0)(1)),z=(0,b.zo)(V.r)(s||(s=(0,m.Z)(["\n  margin: 0px ",";\n"])),(0,F.W0)(4)),E=function(e){var n,a,i,t=(0,p.Dx)(),r=t.asgardToken,l=t.contentSlug,d=t.contentRoutePrefix,o=(0,f.Oj)(window,["search"]).search,s=(0,v.aM)(D.k,{variables:{search:o||"",offset:0,token:r||"",limit:10,link:l||""},ssr:!1}),m=s.data,h=s.refetch,S=s.loading,b=k.useState(0),x=(0,c.Z)(b,2),j=x[0],V=x[1],E=k.useState(!0),C=(0,c.Z)(E,2),O=C[0],q=C[1],B=k.useState((null==m?void 0:m.contentSearch)||[]),H=(0,c.Z)(B,2),M=H[0],G=H[1];k.useEffect(function(){null!=m&&m.contentSearch&&m.contentSearch.length<10&&q(!1),(null==m?void 0:m.contentSearch)&&G(function(e){return[].concat((0,u.Z)(e),(0,u.Z)(m.contentSearch))})},[m]);var J=(0,N.eB)(d,N.Z5.BlogSearch),R="/"===J.charAt(J.length-1)?J.slice(0,-1):J,U={buttonTitle:(0,y.ag)("header.contentsearchbutton.title"),formPlaceholder:(0,y.ag)("header.contentsearchform.placeholder"),formTitle:(0,y.ag)("header.contentsearchform.title"),resultsHeader:(0,y.ag)("content.searchresults.title"),resultsNotFound:(0,y.ag)("content.searchresultsnotfound.text"),resultsNextStep:(0,y.ag)("content.searchresultsnotfound.nextstep")};return(0,L.jsxs)(k.Fragment,{children:[(0,L.jsxs)(g(),{children:[(0,L.jsx)("title",{children:null===(n=e.seoData)||void 0===n||null===(n=n.pageSeo)||void 0===n?void 0:n.title}),(null===(a=e.seoData)||void 0===a||null===(a=a.pageSeo)||void 0===a?void 0:a.structuredDataJsonObject)&&(0,L.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:null===(i=e.seoData)||void 0===i||null===(i=i.pageSeo)||void 0===i?void 0:i.structuredDataJsonObject}})]}),(0,L.jsxs)(z,{children:[(0,L.jsxs)(_.P,{colSpan:[12,12,6,6],colStart:[1,1,4,4],children:[(0,L.jsx)(Z,{children:U.resultsHeader}),(0,L.jsxs)(W,{action:R,method:"GET",children:[(0,L.jsx)(A,{htmlFor:"article-search",children:U.formPlaceholder}),(0,L.jsx)($,{placeholder:U.formPlaceholder,title:U.formTitle,id:"article-search",type:"search",name:"search",defaultValue:o?decodeURIComponent(o):""})]})]}),(0,L.jsx)(_.P,{colSpan:[12,12,6,6],colStart:[1,1,4,4],children:M.length>0||S?(0,L.jsx)(w.qf,{offset:j,posts:M||[],refetch:function(e){h({search:o,offset:e,token:r||"",limit:10,link:l||""}),V(e)},postLimit:10,displayShowMore:O,isAmp:!1,alternativeImageStyle:!1,direction:"row",margin:[(0,F.W0)(2),(0,F.W0)(2),(0,F.W0)(2),(0,F.W0)(4)]}):(0,L.jsxs)(I,{children:[(0,L.jsx)(P,{children:U.resultsNotFound}),(0,L.jsx)(T.zx,{emphasis:"low",renderedAs:"a",href:"#article-search",children:U.resultsNextStep})]})})]})]})};E.Layout=S.G;var C=!0;n.default=E},22595:function(e,n,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/search",function(){return a(28430)}])},30906:function(e){e.exports.k={kind:"Document",operationName:"ContentSearch",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"ContentSearch"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"link"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"token"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"offset"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"limit"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"search"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"contentSearch"},arguments:[{kind:"Argument",name:{kind:"Name",value:"link"},value:{kind:"Variable",name:{kind:"Name",value:"link"}}},{kind:"Argument",name:{kind:"Name",value:"token"},value:{kind:"Variable",name:{kind:"Name",value:"token"}}},{kind:"Argument",name:{kind:"Name",value:"offset"},value:{kind:"Variable",name:{kind:"Name",value:"offset"}}},{kind:"Argument",name:{kind:"Name",value:"limit"},value:{kind:"Variable",name:{kind:"Name",value:"limit"}}},{kind:"Argument",name:{kind:"Name",value:"search"},value:{kind:"Variable",name:{kind:"Name",value:"search"}}}],directives:[{kind:"Directive",name:{kind:"Name",value:"client"},arguments:[{kind:"Argument",name:{kind:"Name",value:"always"},value:{kind:"BooleanValue",value:!0}}]}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"titleLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"type"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"typeLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"typeLabel"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"categoryLabel"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"excerpt"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"content"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"date"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"author"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"authorLink"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"authorName"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"featuredImage"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"imageSource"},arguments:[],directives:[]}]}}]}}],loc:{source:"\nquery ContentSearch(\n  $link: String!\n  $token: String!\n  $offset: Int!\n  $limit: Int!\n  $search: String!\n) {\n  contentSearch(\n    link: $link\n    token: $token\n    offset: $offset\n    limit: $limit\n    search: $search\n  ) @client(always: true) {\n    id\n    title\n    titleLink\n    type\n    typeLink\n    typeLabel\n    categoryLabel\n    excerpt\n    content\n    date\n    author\n    authorLink\n    authorName\n    featuredImage\n    imageSource\n  }\n}\n"}}}},function(e){e.O(0,[2670,1642,3232,6621,6910,6159,4776,3382,7559,5370,5762,4781,6796,9774,2888,179],function(){return e(e.s=22595)}),_N_E=e.O()}]);
//# sourceMappingURL=search-9627d81b3d114893.js.map