https://pipe.com/_next/static/chunks/9759-1e304b92b42538d3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9759],{65721:function(e,r,t){t.d(r,{m:function(){return i}});var l=t(85893),n=t(24027);let i=(0,n.I)({displayName:"ArrowForwardIcon",viewBox:"0 0 13 10",path:[(0,l.jsx)("path",{d:"M0 4.038h10.979v1.416H0V4.038Z",fill:"currentColor"},0),(0,l.jsx)("path",{d:"M7.934 9.492 6.94 8.5l3.755-3.754L6.941.992 7.934 0l4.745 4.746-4.745 4.746Z",fill:"currentColor"},1)]})},23227:function(e,r,t){t.d(r,{K:function(){return k}});var l=t(85893),n=t(67294),i=t(11163),o=t(35796),s=t(56714),a=t(57747),c=t(14225),d=t(71293),x=t(48783),u=t(45966),h=t(27239),y=t(81136),j=t(82140),m=t(32735),f=t(33090),g=t(7116),b=t(65721),p=t(24027);let v=(0,p.I)({displayName:"FilterIcon",viewBox:"0 0 12 12",path:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("path",{d:"M1.375 2.375H10.625M4.375 9.625H7.625M2.875 6H9.125",stroke:"white",strokeWidth:"1.5",strokeLinecap:"square"}),(0,l.jsx)("path",{d:"M1.375 2.375H10.625M4.375 9.625H7.625M2.875 6H9.125",stroke:"white",strokeWidth:"1.5",strokeLinecap:"square"})]})});function k(e){let{stories:r=[],searchTitle:t,filterTitle:p,tags:k=[],onFilter:S=()=>null,onFilterClear:D=()=>null}=e,w=(0,i.useRouter)(),C=(0,o.S)({base:!0,md:!1}),_=(0,n.useRef)(null),[P,z]=(0,n.useState)(""),[A,I]=(0,n.useState)(!1),[L,E]=(0,n.useState)(!1),[F,H]=(0,n.useState)(!1),[T,M]=(0,n.useState)(k),[W,R]=(0,n.useState)([]),[q,N]=(0,n.useState)({});(0,s.O)({ref:_,handler:()=>{I(!1),E(!1)}});let B=e=>{let r=W.some(r=>r.slug===e.slug)?W.filter(r=>r.slug!==e.slug):[...W,e];R(r)},K=()=>{A&&I(!1),E(!L)},Z=()=>{L&&E(!1),I(!A)},O=()=>{let e=V(r),t=k.filter(r=>e[r.slug]>0);N(e),M(t),D()},Q=e=>{e&&(H(!0),w.push({pathname:"/resources/search",query:{q:e}}))},V=e=>{let r={};return e.forEach(e=>{var t;let l=(null==e?void 0:null===(t=e.content)||void 0===t?void 0:t.related_tags)||[];l.forEach(e=>{r[e.slug]?r[e.slug]+=1:r[e.slug]=1})}),r};return(0,n.useEffect)(()=>{if(0===W.length)O();else{let e=r.filter(e=>{var r;let t=(null==e?void 0:null===(r=e.content)||void 0===r?void 0:r.related_tags)||[],l=W.every(e=>t.some(r=>r.slug===e.slug));return l}),t=V(e),l=k.filter(e=>t[e.slug]>0);M(l),N(t),S(e,W)}},[W]),(0,l.jsxs)(a.xu,{ref:_,display:"flex",position:"relative",zIndex:99,gap:2,children:[C?(0,l.jsxs)(l.Fragment,{children:[p&&(0,l.jsxs)(c.z,{variant:"solid",isDisabled:0===T.length,border:A?"1px solid":"none",borderColor:A?"surfaceAccentPrimaryDark":"unset",onClick:Z,children:[W.length>0&&(0,l.jsxs)(d.x,{as:"span",mr:"0.5rem",children:[W.length," "]}),(0,l.jsx)(v,{})]}),t&&(0,l.jsx)(c.z,{variant:"solid",border:L?"1px solid":"none",borderColor:L?"surfaceAccentPrimaryDark":"unset",onClick:K,children:(0,l.jsx)(g.W,{})})]}):(0,l.jsxs)(l.Fragment,{children:[p&&(0,l.jsx)(c.z,{isDisabled:0===T.length,border:A?"1px solid":"none",borderColor:A?"surfaceAccentPrimaryDark":"unset",rightIcon:(0,l.jsx)(v,{textStyle:"body12"}),variant:"secondary",size:"sm",onClick:Z,children:(0,l.jsxs)(d.x,{textStyle:"body12",children:[W.length>0&&(0,l.jsxs)(d.x,{as:"span",mr:"0.5rem",children:[W.length," "]}),p]})}),t&&(0,l.jsx)(c.z,{border:L?"1px solid":"none",borderColor:L?"surfaceAccentPrimaryDark":"unset",rightIcon:(0,l.jsx)(g.W,{textStyle:"body12"}),variant:"secondary",size:"sm",onClick:K,children:(0,l.jsx)(d.x,{textStyle:"body12",children:t})})]}),A&&(0,l.jsxs)(a.xu,{position:"absolute",right:0,top:"110%",bg:"surfacePrimaryDark",p:4,borderRadius:"lg",width:"21.5rem",border:"1px solid",borderColor:"surfaceAccentPrimaryDark",children:[(0,l.jsxs)(a.xu,{display:"flex",justifyContent:"space-between",mb:5,children:[(0,l.jsx)(d.x,{textStyle:"headline14",children:p}),(0,l.jsx)(d.x,{fontSize:"sm",color:W.length>0?"textAccentPrimaryLight":"textSecondaryDark",cursor:"pointer",onClick:()=>R([]),children:"Clear"})]}),(0,l.jsx)(x.g,{align:"start",spacing:3,maxH:"21.5rem",overflowY:"auto",children:T.map(e=>(0,l.jsxs)(a.xu,{order:q[e.slug]&&-1*q[e.slug],display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between",cursor:"pointer",children:[(0,l.jsx)(d.x,{textStyle:"body12",children:e.name}),(0,l.jsxs)(a.xu,{display:"flex",gap:2,alignItems:"center",children:[(0,l.jsx)(d.x,{textStyle:"body12",color:"textSecondary

1Dark",children:null==q?void 0:q[e.slug]}),(0,l.jsx)(u.X,{isChecked:W.some(r=>r.slug===e.slug),textStyle:"body12",borderColor:"textSecondaryDark",sx:{"& span":{borderRadius:"0.25rem"}},onChange:()=>B(e)})]})]},e.id))})]}),L&&(0,l.jsx)(a.xu,{position:"absolute",right:0,top:"110%",bg:"surfacePrimaryDark",opacity:100,p:4,borderRadius:"lg",width:"21.5rem",border:"1px solid",borderColor:"surfaceAccentPrimaryDark",children:(0,l.jsxs)(a.xu,{display:"flex",flexDirection:"column",width:"100%",gap:5,children:[(0,l.jsx)(d.x,{textStyle:"headline14",children:t}),F?(0,l.jsx)(h.M,{children:(0,l.jsx)(y.$,{size:"lg"})}):(0,l.jsxs)(j.B,{mb:3,children:[(0,l.jsx)(m.Z,{pointerEvents:"none",children:(0,l.jsx)(g.W,{color:"gray.500"})}),(0,l.jsx)(f.I,{placeholder:"Search...",bg:"surfaceTertiaryDark",border:"none",color:"textPrimaryDark",_placeholder:{color:"gray.500"},_focus:{borderColor:"gray.700"},value:P,onKeyDown:e=>"Enter"===e.key&&Q(P),onChange:e=>z(e.target.value)}),(0,l.jsx)(m.x,{cursor:"pointer",onClick:()=>Q(P),children:(0,l.jsx)(b.m,{color:"textAccentPrimaryLight"})})]}),(0,l.jsx)(d.x,{textStyle:"body12",color:"textSecondaryDark",children:"Common searches"}),(0,l.jsx)(x.g,{align:"start",maxH:"21.5rem",overflowY:"auto",children:k.map(e=>{var r;return(null===(r=e.content)||void 0===r?void 0:r.is_popular)&&(0,l.jsxs)(a.xu,{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between",cursor:"pointer",px:"1px",py:1,_hover:{bg:"surfaceTertiaryDark"},onClick:()=>Q(e.slug),children:[(0,l.jsx)(d.x,{textStyle:"body12",children:e.name}),(0,l.jsx)(g.W,{textStyle:"body12"})]},e.id)})})]})})]})}},54903:function(e,r,t){t.d(r,{s:function(){return d}});var l=t(85893);t(67294);var n=t(48940),i=t(35796),o=t(57747),s=t(71293),a=t(32883),c=t(65721);let d=e=>{let{title:r,subTitle:t,viewAllLink:d,children:x}=e,u=(0,n.F)(),h=(0,i.S)({base:!0,md:!1});return(0,l.jsxs)(o.xu,{as:"section",borderRadius:h?0:u.radii.md,maxWidth:h?"100vw":"100%",gap:"1px",overflow:"hidden",children:[(0,l.jsxs)(o.xu,{display:"flex",justifyContent:"space-between",alignItems:"center",height:"4rem",px:{base:"6"},width:{base:"100vw",md:"100%"},backgroundColor:"surfacePrimaryDark",mb:"1px",children:[(0,l.jsxs)(o.xu,{children:[r&&(0,l.jsx)(s.x,{as:"h4",textStyle:"headline14",color:"textPrimaryDark",sx:{"::first-letter":{textTransform:"uppercase"}},children:r}),t&&(0,l.jsx)(s.x,{as:"h4",textStyle:"body2",color:"textSecondaryDark",children:t})]}),d&&(0,l.jsx)(a.r,{href:d,children:(0,l.jsxs)(s.x,{textStyle:"body12",color:"textAccentPrimaryLight",children:["View all ",(0,l.jsx)(c.m,{ml:"0.3rem"})]})})]}),x]})}},13120:function(e,r,t){t.d(r,{At:function(){return v},PB:function(){return k},Wj:function(){return S},wO:function(){return D}});var l,n=t(85893);t(67294);var i=t(27484),o=t.n(i),s=t(71293),a=t(6089),c=t(49429),d=t(32883),x=t(93717),u=t(57747),h=t(67430),y=t(56176),j=t.n(y),m=t(6876);o().extend(j());let f=e=>{let{label:r,url:t,small:l}=e;return(0,n.jsx)(s.x,{textStyle:l?"body8":"body10",color:"textSecondaryDark",bg:"surfaceTertiaryDark",borderRadius:"100px",py:"0.12rem",px:"0.42rem",_hover:{bg:"surfaceAccentSecondaryDark",color:"textAccentPrimaryLight"},onClick:e=>{t&&(e.preventDefault(),window.location.href=t)},children:r})},g=e=>{var r,t;let{image:l,sizeSuffix:i,fit:o="cover",ratio:s=1,width:d="100%",flexShrink:x,mx:u}=e;if(!(null==l?void 0:l.filename))return null;let h="".concat(l.filename,"/m/").concat(i);return"contain"===o?(0,n.jsx)(a.E,{src:h,alt:null!==(r=l.alt)&&void 0!==r?r:"",width:d,height:"auto",bg:"transparent",loading:"lazy"}):(0,n.jsx)(c.o,{ratio:s,width:d,flexShrink:x,mx:u,children:(0,n.jsx)(a.E,{src:h,alt:null!==(t=l.alt)&&void 0!==t?t:"",bg:"surfaceTertiaryDark",objectFit:"cover",sx:{"&&":{objectFit:"cover"}},loading:"lazy"})})},b=e=>{let{title:r,link:t,publishedAt:l,image:i,tag:a,description:c}=e;return(0,n.jsx)(d.r,{href:t,_focus:{color:"unset"},_active:{color:"unset"},width:{base:"100%"},height:{base:"100%"},children:(0,n.jsxs)(x.k,{direction:"row",maxHeight:{base:"unset",md:"15rem"},height:"100%",gap:10,p:5,_hover:{bg:"surfaceTertiaryDark",textDecoration:"none"},children:[(0,n.jsx)(g,{image:i,sizeSuffix:"400x300",ratio:4/3,width:"12rem",flexShrink:0}),(0,n.jsxs)(u.xu,{display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",children:[(0,n.jsxs)(u.xu,{display:"flex",justifyContent:"space-between",children:[l&&(0,n.jsx)(s.x,{color:"textSecondary

1Dark",textStyle:"body12",children:o()(l).format("LL")}),(null==a?void 0:a.name)&&(0,n.jsx)(u.xu,{children:(0,n.jsx)(f,{label:a.name,url:"/resources/search?q=".concat(a.slug)})})]}),(0,n.jsxs)(u.xu,{children:[r&&(0,n.jsx)(s.x,{textStyle:"headline16",children:r}),c&&(0,n.jsx)(s.x,{color:"textSecondaryDark",textStyle:"body12",children:c})]})]})]})})},p=e=>{let{title:r,link:t,publishedAt:l,image:i,tag:a,description:c,imageFit:h="cover"}=e;return(0,n.jsx)(d.r,{href:t,width:{base:"100%"},height:{base:"100%"},_focus:{color:"unset"},_active:{color:"unset"},children:(0,n.jsxs)(x.k,{direction:"column",height:"100%",width:"100%",gap:3,p:"24px",_hover:{bg:"surfaceTertiaryDark",textDecoration:"none"},children:[(0,n.jsx)(g,{image:i,sizeSuffix:"0x600",fit:h,ratio:5/3,width:{base:"100%"},mx:"auto"}),(0,n.jsxs)(u.xu,{display:"flex",flexDirection:"column",justifyContent:"space-between",gap:10,children:[(0,n.jsxs)(u.xu,{display:"flex",justifyContent:"space-between",children:[l&&(0,n.jsx)(s.x,{color:"textSecondaryDark",textStyle:"body12",children:o()(l).format("LL")}),(null==a?void 0:a.name)&&(0,n.jsx)(u.xu,{children:(0,n.jsx)(f,{label:a.name,url:"/resources/search?q=".concat(a.slug)})})]}),(0,n.jsxs)(u.xu,{children:[r&&(0,n.jsx)(s.x,{textStyle:"headline16",children:r}),c&&(0,n.jsx)(s.x,{color:"textSecondaryDark",textStyle:"body12",children:c})]})]})]})})},v=e=>{let{title:r,link:t,publishedAt:l,image:i,tag:a}=e;return(0,n.jsx)(d.r,{href:t,width:{base:"100%"},height:{base:"100%"},children:(0,n.jsxs)(x.k,{direction:{base:"column"},gap:{base:"6",md:"12"},px:{base:"6",lg:"0"},children:[(0,n.jsx)(g,{image:i,sizeSuffix:"0x700",fit:"contain"}),(0,n.jsxs)(x.k,{flexDirection:"column",justifyContent:"space-between",height:"100%",gap:5,children:[(0,n.jsxs)(x.k,{justifyContent:"space-between",children:[l&&(0,n.jsx)(s.x,{color:"textSecondaryDark",textStyle:"body12",children:o()(l).format("LL")}),(null==a?void 0:a.name)&&(0,n.jsx)(u.xu,{children:(0,n.jsx)(f,{label:a.name,url:"/resources/search?q=".concat(a.slug)})})]}),(0,n.jsx)(s.x,{textStyle:{base:"headline20",md:"headline32"},as:"h2",children:r})]})]})})},k=e=>{let{title:r,image:t,tag:i,download:o,download2:x}=e;return(0,n.jsxs)(u.xu,{_hover:{bg:"surfaceTertiaryDark",textDecoration:"none"},backgroundColor:"surfacePrimaryDark",display:"flex",flexDirection:"column",height:"100%",width:"100%",gap:5,p:5,children:[(null==t?void 0:t.filename)&&(0,n.jsx)(c.o,{ratio:{base:2,md:2.5},mx:"auto",width:{base:"100%"},children:(0,n.jsx)(a.E,{src:t.filename,alt:null!==(l=t.alt)&&void 0!==l?l:"",objectFit:"contain",loading:"lazy"})}),(r||(null==i?void 0:i.name)||(null==o?void 0:o.link))&&(0,n.jsxs)(u.xu,{display:"flex",flexDirection:"column",gap:5,children:[(0,n.jsxs)(u.xu,{display:"flex",flexDirection:"row",justifyContent:"space-between",children:[r&&(0,n.jsx)(s.x,{textStyle:"body1",children:r}),(null==i?void 0:i.name)&&(0,n.jsx)(u.xu,{children:(0,n.jsx)(f,{label:i.name})})]}),(0,n.jsxs)(u.xu,{display:"flex",flexDirection:"row",gap:5,children:[(null==o?void 0:o.link)&&(0,n.jsx)(d.r,{href:o.link,children:(0,n.jsxs)(s.x,{color:"textAccentComplimentaryDark",textStyle:"body12",children:[o.label," ",(0,n.jsx)(h._,{ml:"0.3rem"})]})}),(null==x?void 0:x.link)&&(0,n.jsx)(d.r,{href:x.link,children:(0,n.jsxs)(s.x,{color:"textAccentComplimentaryDark",textStyle:"body12",children:[x.label," ",(0,n.jsx)(h._,{ml:"0.3rem"})]})})]})]})]})},S=e=>{let{stories:r,showDescription:t,isMobile:l,maxWidth:i="100%",width:o="100%",height:s="auto",surfaceColor:a="surfacePrimaryDark",imageFit:c}=e;return(null!=r?r:[]).map((e,r)=>{var d,x,h,y,j;return(0,n.jsx)(u.xu,{height:s,width:o,maxWidth:i,backgroundColor:a,mr:"1px",children:(0,n.jsx)(p,{title:(0,m.bI)(e.content.title,l?75:90,!0,"..."),description:t&&(0,m.bI)((0,m.NK)(e),150,!0,"..."),publishedAt:(0,m.zQ)(e),link:(null==e?void 0:null===(d=e.content)||void 0===d?void 0:d.external_url)?e.content.external_url:"/".concat(e.full_slug),readingTime:null===(x=e.content)||void 0===x?void 0:x.reading_time,image:null===(h=e.content)||void 0===h?void 0:h.image,tag:null==e?void 0:null===(j=e.content)||void 0===j?void 0:null===(y=j.related_tags)||void 0===y?void 0:y[0],imageFit:c})},"".concat(e._uid,"-").concat(r))})},D=e=>{let{stories:r,showDescription:t,isMobile:l,width:i="100%",height:o="100%",surfaceColor:s="surfacePrimaryDark"}=e;return(null!=r?r:[]).map((e,r)=>{var a,c,d,x,h;return(0,n.jsx)(u.xu,{height:o,width:i,backgroundColor:s,children:(0,n.jsx)(b,{title:(0,m.bI)(e.content.title,l?75:90,!0,"..."),description:t&&(0,m.bI)((0,m.NK)(e),150,!0,"..."),publishedAt:(0,m.zQ)(e),link:(null==e?void 0:null===(a=e.content)||void 0===a?void 0:a.external_url)?e.content.external_url:"/".concat(e.full_slug),readingTime:null===(c=e.content)||void 0===c?void 0:c.reading_time,image:null===(d=e.content)||void 0===d?void 0:d.image,tag:null==e?void 0:null===(h=e.content)||void 0===h?void 0:null===(x=h.related_tags)||void 0===x?void 0:x[0]})},"".concat(e._uid,"-").concat(r))})}},70127:function(e,r,t){t.d(r,{c:function(){return s}});

1var l=t(85893),n=t(57747),i=t(32883),o=t(71293);let s=e=>{let{title:r,breadcrumbTitle:t,breadcrumbLink:s,rightChild:a}=e;return(0,l.jsxs)(n.xu,{display:"flex",justifyContent:"space-between",alignItems:"center",px:{base:"6",lg:"0"},pb:{base:"6",lg:"12"},children:[(0,l.jsxs)(n.xu,{display:"flex",flexDirection:"column",gap:1,children:[t&&(0,l.jsx)(i.r,{href:s,children:(0,l.jsx)(o.x,{textStyle:"body12",color:"textSecondaryDark",children:t})}),r&&(0,l.jsx)(o.x,{as:"h2",color:"textPrimaryDark",textStyle:{base:"headline20"},children:r})]}),(0,l.jsx)(n.xu,{children:a&&a})]})}}}]);