https://www.extrahop.com/_next/static/immutable/chunks/27p7ca82ywhvq.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,855144,e=>{e.v({featuredMain:"BlogHub-module-scss-module__M_yyAG__featuredMain",featuredTopic:"BlogHub-module-scss-module__M_yyAG__featuredTopic",lineDivider:"BlogHub-module-scss-module__M_yyAG__lineDivider",lowerSearch:"BlogHub-module-scss-module__M_yyAG__lowerSearch",scrollList:"BlogHub-module-scss-module__M_yyAG__scrollList",search:"BlogHub-module-scss-module__M_yyAG__search",upperSearch:"BlogHub-module-scss-module__M_yyAG__upperSearch"})},396588,e=>{"use strict";var t=e.i(843476),s=e.i(271645),a=e.i(657688),l=e.i(204822),i=e.i(312506),r=e.i(393387),d=e.i(960550),o=e.i(771022),c=e.i(855144),n=e.i(192543);e.s(["default",0,function({c:e,topicPosts:h=[],allPosts:m=[]}){let p=new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}),u=(0,s.useRef)(null),x=Array.isArray(e?.topFeature)?e.topFeature:[],g=Array.isArray(e?.categories)?e.categories:[],f=Array.isArray(h)?h:[],b=Array.isArray(m)?m:[],j=(0,s.useMemo)(()=>new Set((Array.isArray(e?.categories)?e.categories:[]).map(e=>e?.id).filter(Boolean)),[e?.categories]),N=(0,s.useMemo)(()=>b.map(e=>{let t=Array.isArray(e?.collection)?e.collection:[],s=(e?.title||"")+" "+(e?.metadata?.description||"")+" "+(e?.heading||"")+" "+(e?.tileDescription||"");for(let e=0;e<t.length;e++)s+=" "+(t[e]?.title||"");return{...e,collection:t,searchCompare:s.toLowerCase()}}),[b]),v=x[0]?.post||null,y=x[1]?.post||null,w=x[2]?.post||null,_=x[3]?.post||null,[A,k]=(0,s.useState)("none"),[S,B]=(0,s.useState)(""),[T,$]=(0,s.useState)(""),[E,L]=(0,s.useState)(!0),[M,C]=(0,s.useState)(N),[D,I]=(0,s.useState)(N.slice(0,6));function G(e){return!e||e.startsWith("/uploads/")||e.startsWith("https://app.asana")?"https://cloud-assets.extrahop.com/asset_images/image-placeholder.png":e}function H(e){let t=e?.metadata?.dateOfficial||e?._createdAt;return t?p.format(new Date(t)):""}return(0,s.useEffect)(()=>{C(N),I(N.slice(0,6))}

1,[N]),(0,s.useEffect)(()=>{let e=new URLSearchParams(window.location.search),t=e.get("topic")||e.get("category")||e.get("filter");t&&j.has(t)&&k(t);let s=e=>{let t=(e||"").replace("#","");t&&j.has(t)&&(k(t),setTimeout(()=>{let e=document.getElementById("explore-posts");e&&e.scrollIntoView({behavior:"smooth"});let s=document.getElementById(t);s&&s.scrollIntoView({behavior:"smooth",block:"center"})},60))};s(window.location.hash);let a=()=>{s(window.location.hash)};return window.addEventListener("hashchange",a),()=>{window.removeEventListener("hashchange",a)}},[j]),(0,s.useEffect)(()=>{let e=[];if("none"===A&&""===T)e=N;else{let t=T.split(" ");e=N.filter(e=>{let s=Array.isArray(e?.collection)?e.collection:[],a=e?.searchCompare||"",l=!1;if("none"===A)l=!0;else for(let e=0;e<s.length;e++)if(s[e]?.id===A){l=!0;break}let i=!0;for(let e=0;e<t.length;e++)if(""!==t[e]&&!a.includes(t[e])){i=!1;break}return l&&i})}C(e),L(!0)},[A,T,N]),(0,s.useEffect)(()=>{E?I(M.slice(0,6)):I(M)},[E,M]),(0,s.useEffect)(()=>()=>{u.current&&clearTimeout(u.current)},[]),(0,t.jsxs)("main",{className:"max-md:mt-[70px]",children:[(0,t.jsx)("div",{className:"text-white bg-sapphire-300",children:(0,t.jsxs)("div",{className:"container mx-auto pt-90 pb-120",children:[(0,t.jsx)("div",{className:"mb-40",children:(0,t.jsxs)("h1",{className:"font-bold text-38",children:["Welcome to the ",(0,t.jsx)("span",{className:"text-lime",children:"ExtraHop Blog"})]})}),v&&(0,t.jsxs)("a",{href:`/blog/${v?.metadata?.slug||""}/`,className:"hover:brightness-[70%] ease-in-out duration-300 grid grid-cols-1 lg:grid-cols-2 items-center py-15 px-30 mb-30 border-2 border-sapphire-90 rounded-[10px]",children:[(0,t.jsxs)("div",{className:"max-w-[700px] max-lg:mb-30 relative",children:[(0,t.jsx)(a.default,{src:G(x[0]?.image),alt:"image representing the top featured blog post",className:"object-cover w-full rounded-[10px]",width:700,height:700}),(0,t.jsx)(o.default,{text:"FEATURED BLOG",className:"text-black absolute top-25 left-25"})]}),(0,t.jsxs)("div",{className:"lg:pl-60",children:[v?.preheading&&(0,t.jsx)("p",{className:"font-semibold text-12 rounded-md uppercase w-fit px-10 py-5 mb-5 bg-sapphire-400 text-sapphire-10 tracking-2",children:v.preheading}),(0,t.jsx)("h3",{className:`font-bold ${v?.preheading?"pb-15":"py-15"}`,children:v?.heading||""}),(0,t.jsx)("p",{className:"pb-15 font-light opacity-50",children:H(v)}),(0,t.jsx)("h5",{className:"pb-20",children:v?.tileDescription||v?.metadata?.description||""}),(0,t.jsx)("div",{className:"categories text-cyan pb-30",children:(Array.isArray(v?.collection)?v.collection:[]).map((e,s)=>(0,t.jsx)("span",{"data-cid":e?.id,className:"text-black text-12 py-3 px-8 mr-15 bg-light-gray rounded-md",children:e?.title||""},s))})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-20",children:[y&&(0,t.jsxs)("div",{className:"border-2 border-sapphire-90 rounded-[10px] p-20 hover:brightness-[70%] ease-in-out duration-300 p-10",children:[(0,t.jsx)("a",{href:`/blog/${y?.metadata?.slug||""}/`,children:(0,t.jsx)(a.default,{width:400,height:300,src:G(x[1]?.image),alt:"image representing this featured blog post",className:"mb-45 rounded-[10px]"})}),(0,t.jsx)(r.default,{hideArrowBtn:!0,c:y,pilled:!0,dateLight:!0})]}),w&&(0,t.jsxs)("div",{className:"border-2 border-sapphire-90 rounded-[10px] p-20 hover:brightness-[70%] ease-in-out duration-300 p-10",children:[(0,t.jsx)("a",{href:`/blog/${w?.metadata?.slug||""}/`,children:(0,t.jsx)(a.default,{width:400,height:300,src:G(x[2]?.image),alt:"image representing this featured blog post",className:"mb-45 rounded-[10px]"})}),(0,t.jsx)(r.default,{hideArrowBtn:!0,c:w,pilled:!0,dateLight:!0})]}),_&&(0,t.jsxs)("div",{className:"border-2 border-sapphire-90 rounded-[10px] p-20 hover:brightness-[70%] ease-in-out duration-300 p-10",children:[(0,t.jsx)("a",{href:`/blog/${_?.metadata?.slug||""}/`,children:(0,t.jsx)(a.default,{width:400,height:300,src:G(x[3]?.image),alt:"image representing this featured blog post",className:"mb-45 rounded-[10px]"})}),(0,t.jsx)(r.default,{hideArrowBtn:!0,c:_,pilled:!0,dateLight:!0})]})]})]})}),(0,t.jsx)("div",{id:c.default.featuredTopic,className:"pt-120 pb-90",children:(0,t.jsxs)("div",{className:"container mx-auto",children:[(0,t.jsxs)("div",{className:"flex items-center pb-40 gap-20",children:[(0,t.jsx)("img",{src:"https://cloud-assets.extrahop.com/website/icons/lock-magenta.svg",alt:"lock Icon"}),(0,t.jsx)("h4",{className:"text-almost-black uppercase text-nowrap text-ps font-semibold tracking-4",children:e?.featuredTopic?.topic?.title||""})]}),(0,t.jsxs)("div",{className:"flex flex-wrap border overflow-hidden border-sapphire-20 rounded-xl",children:[f[0]&&(0,t.jsxs)("a",{href:`/blog/${f[0]?.metadata?.slug||""}`,className:`${c.default.featuredMain} bg-white p-25 hover:brightness-90 transition`,children:[(0,t.jsx)(a.default,{width:500,height:500,className:"w-full h-auto rounded-lg max-w-[400px]",src:G(f[0]?.metadata?.ogp?.blogImage),alt:"post image"}),(0,t.jsxs)("div",{className:"h-fit mt-25",children:[(0,t.jsx)("h3",{className:"font-bold mb-10 fs-h5 md:fs-h3",children:f[0]?.heading||""}),(0,t.jsx)("p",{className:"pb-15 font-light opacity-50",children:H(f[0])}),(0,t.jsx)("p",{className:"mb-20",children:f[0]?.tileDescription||""})]})]}),(0,t.jsx)("div",{className:`${c.default.scrollList} flex flex-col`,children:f.slice(1).map((e,s)=>(0,t.jsx)("a",{href:`/blog/${e?.metadata?.slug||""}`,className:"block bg-white p-25 hover:brightness-95 transition border-b border-sapphire-20",children:(0,t.jsxs)("div",{className:"flex gap-25 max-sm:flex-col",children:[(0,t.jsx)(a.default,{width:200,height:150,className:"max-w-[200px] w-full h-fit roun

1ded-md max-md:w-full",src:G(e?.metadata?.ogp?.blogImage),alt:`cover image for ${e?.heading||"post"}`}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h5",{className:"font-semibold mb-10",children:e?.heading||""}),(0,t.jsx)("p",{className:"pb-15 font-light opacity-50",children:H(e)}),(0,t.jsx)("p",{className:"mb-20",children:e?.tileDescription||""})]})]})},s))})]}),(0,t.jsx)("div",{className:"flex justify-center w-full mt-30",children:(0,t.jsx)(n.default,{link:`/blog#${e?.featuredTopic?.topic?.id||""}`,text:"View All"})})]})}),(0,t.jsxs)("div",{className:"container mx-auto py-90",id:"explore-posts",children:[(0,t.jsxs)("div",{className:"flex items-center gap-x-30 pb-30",children:[(0,t.jsx)("h4",{className:"text-tangerine uppercase text-nowrap text-ps font-semibold tracking-4",children:"Explore Topics"}),(0,t.jsx)("div",{className:c.default.lineDivider})]}),(0,t.jsxs)("h4",{className:`pb-20 font-semibold ${"none"===A&&""===T?"hidden":""}`,children:[(0,t.jsx)("span",{className:"text-black mr-10",children:"Showing results for:"}),"none"!==A&&(0,t.jsxs)("span",{id:A,children:[(0,t.jsx)("span",{children:"Topic "}),(0,t.jsxs)("span",{className:"text-cyan",children:['"',A.replaceAll("-"," "),'"']})]}),"none"!==A&&""!==T&&", ",""!==T&&(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{children:"Search term "}),(0,t.jsxs)("span",{className:"text-cyan",children:['"',T,'"']})]})]}),(0,t.jsx)("div",{id:c.default.searchAndFilter,className:"flex lg:flex-row flex-col justify-space-between gap-45 pb-30",children:(0,t.jsx)("div",{children:g.map(e=>(0,t.jsx)("span",{id:e?.id,"data-cid":e?.id,onClick:()=>{var t;let s;return s=t=e?.id,void(t===A&&(s="none"),k(s),"none"===s?history.replaceState(null,"","/blog/"):history.replaceState(null,"",`/blog/#${s}`))},children:e?.id===A?(0,t.jsx)(l.default,{className:"mr-15 mt-15",text:e?.title||""}):(0,t.jsx)(l.default,{className:"mr-15 mt-15",type:"seethrough",text:e?.title||""})},e?.id))})}),(0,t.jsxs)("div",{className:c.default.search,id:c.default.lowerSearch,children:[(0,t.jsx)("img",{src:"https://cloud-assets.extrahop.com/icons/magnifying-class-tangerine.svg",alt:"magnifying glass icon",className:"mr-15 h-[20px]"}),(0,t.jsx)("input",{type:"text",id:"blog-search-field",name:"search-blog",value:S,placeholder:"Search the blog...",onChange:e=>{var t;B(t=e.target.value),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{$(t.toLowerCase())},700)}})]}),(0,t.jsx)(i.default,{list:D,pilled:!0,dateLight:!0,bordered:!0,showImage:!0,hideArrowBtn:!0}),(0,t.jsx)("div",{className:"pt-60 text-center",children:(0,t.jsx)("span",{onClick:function(){L(!1)},children:E&&M.length>6&&(0,t.jsx)(l.default,{text:"View all articles"})})})]}),(0,t.jsx)(d.default,{c:e?.footerCta})]})}])},960550,e=>{"use strict";var t=e.i(843476),s=e.i(204822);e.s(["default",0,({c:e})=>(0,t.jsx)("div",{className:`bg-gradient-reverse ${e.rounded&&"rounded-md"}`,children:(0,t.jsx)("div",{className:"container mx-auto",children:(0,t.jsxs)("div",{className:"lg:flex justify-center items-center py-90",children:[(0,t.jsx)("h2",{className:`text-white font-bold leading-tight lg:mr-60 pb-45 lg:pb-0 ${e.button2?"max-w-[400px]":"max-w-[600px]"}`,children:e.heading}),(0,t.jsxs)("div",{children:[(0,t.jsx)(s.default,{text:e.button1.text,link:e.button1.link,color:"tangerine"}),e.button2&&e.button2.text&&(0,t.jsx)("div",{className:"block mt-30 md:inline-block md:mt-0",children:(0,t.jsx)(s.default,{className:"md:ml-20 text-white",text:e.button2.text,link:e.button2.link,type:"seethrough",color:"tangerine"})})]})]})})})])}]);
2
3//# sourceMappingURL=2rr4teghpkok_.js.map