https://www.diffblue.com/_next/static/chunks/3637.8bb808b58aa38895.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3637],{33637:function(e,l,s){s.r(l),s.d(l,{default:function(){return k}});var o=s(85893),t=s(79645),i=s(14025),a=s(70798),d=s(11163),n=s(67294),r=s(41664),c=s.n(r),u=s(19078),v=s(25675),x=s.n(v),m=s(79661),g=s(26674),p=s(11358),h=s.n(p),f=s(6745),b=s(16072),j=s(90512),N=s(90976),_=s(89235);var y=e=>{let{title:l,items:s,selectedItem:t="/resources/"}=e;var i,r,u,v;const x=(0,d.useRouter)(),m=(null===(r=x.query)||void 0===r||null===(i=r.slug)||void 0===i?void 0:i[0])||"resources",[g]=(0,n.useContext)(b.A);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("select",{className:"text-12-mono w-full flex-1 border-b-0 border-r-0 border-blue-oxford/20 bg-transparent text-blue-oxford/80 focus:border-b-0 focus:border-r-0 focus:border-blue-oxford/40 focus:shadow-none focus:outline-none focus:ring-0 xs:max-w-[50%] md:hidden",onChange:e=>x.push(e.target.value===m?m:"".concat(e.target.value)),children:[(0,o.jsx)("option",{value:m,selected:x.asPath===m,children:"All"}),null===(u=s||[])||void 0===u?void 0:u.map(((e,l)=>{let{name:s,url:t}=e;const i=t.split("/").slice(2).join("/");let a="/".concat(m,"/").concat(i);return"guides"===(0,_.Z)(s)&&(a=(null===g||void 0===g?void 0:g.guides_page_slug)||"/guides/"),(0,o.jsx)("option",{value:a,selected:x.asPath===a,children:s},"category-".concat(l))}))]}),(0,o.jsxs)("div",{className:"hidden lg:block",children:[(0,o.jsx)("h3",{className:"text-12-mono mb-5 text-blue-oxford/40",children:l}),(0,o.jsxs)("nav",{className:"flex flex-col gap-3",children:[(0,o.jsxs)(c(),{href:m||"#",className:(0,j.Z)("text-12-mono flex items-center gap-3 text-left transition-colors",t===m?"text-blue-oxford":"text-blue-oxford/70"),children:[t===m&&(0,o.jsx)(a.E.div,{className:"size-[7px] bg-blue-oxford"}),"All"]}),null===(v=s||[])||void 0===v?void 0:v.map((e=>{let{name:l,url:s}=e;const i=s.split("/").slice(2).join("/"),d="/".concat(m,"/").concat(i);return(0,o.jsxs)(c(),{href:"guides"===(0,_.Z)(l)?(null===g||void 0===g?void 0:g.guides_page_slug)||"/guides/":d,type:"button",className:(0,j.Z)("text-12-mono relative flex items-center gap-2 text-left transition-colors",(0,_.Z)(t)===(0,_.Z)(l)?"text-blue-oxford":"text-blue-oxford/70"),children:[(0,_.Z)(t)===(0,_.Z)(l)&&(0,o.jsx)(a.E.div,{className:"size-[7px] bg-blue-oxford"}),l]},l)}))]})]}),(0,o.jsx)("div",{className:"hidden",children:s&&s.map((e=>{let{name:l,url:s}=e;return(0,o.jsx)(c(),{href:s||"#"},l)}))})]})},w=s(32778);var P=e=>{let{post:l}=e;var s,t,i,a,r,v;const x=(0,d.useRouter)(),{post_title:m,post_date:g,categories:p,permalink:h,acf:f}=l,[j]=(0,n.useContext)(b.A),N=(null===j||void 0===j?void 0:j.guides_page_slug)===x.asPath.split("/")[1];return(0,o.jsxs)(c(),{href:h||"#",className:"group flex flex-col",children:[(0,o.jsx)("div",{className:"relative aspect-[332/181] shrink-0 overflow-hidden rounded-[3px] bg-blue-oxford/20",children:(null===f||void 0===f||null===(s=f.preview_card)||void 0===s?void 0:s.image)&&(0,o.jsx)(u.Z,{image:null===f||void 0===f||null===(t=f.preview_card)||void 0===t?void 0:t.image,className:"scale-100 object-cover object-center transition-transform group-hover:scale-105",fill:!0})}),(0,o.jsxs)("div",{className:"flex h-full flex-col pb-6 pl-3 pr-8",children:[(p&&!N||!(null===f||void 0===f?void 0:f.hide_timestamps)&&!(null===j||void 0===j?void 0:j.hide_timestamps)||!!(null===f||void 0===f||null===(i=f.preview_card)||void 0===i?void 0:i.length))&&(0,o.jsxs)("div",{className:"mt-6 flex items-center gap-5",children:[p&&!N&&(0,o.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,o.jsx)("div",{className:"size-[5px] bg-blue-oxford"}),(0,o.jsx)("div",{className:"text-12-mono !leading-[1.2] text-blue-oxford",children:null===(a=p[0])||void 0===a?void 0:a.name})]}),(0,o.jsxs)("div",{className:"flex items-center gap-2.5",children:[!(null===f||void 0===f?void 0:f.hide_timestamps)&&!(null===j||void 0===j?void 0:j.hide_timestamps)&&(0,o.jsx)("div",{className:"text-12 !leading-[1.2] text-blue-oxford",children:(0,w.ZP)(g)}),(0,o.jsx)("div",{className:"text-12 !leading-[1.2] text-blue-cobalt",children:(null===f||void 0===f||null===(r=f.preview_card)||void 0===r?void 0:r.length)&&(0,o.jsxs)(o.Fragment,{children:["\u2014 ",null===f||void 0===f||null===(v=f.preview_card)||void 0===v?void 0:v.length]})})]})]}),(0,o.jsx)("div",{className:"text-h6 mt-2 text-blue-oxford",children:m})]})]})},Z=s(53786);var k=e=>{var l,s,r,v,p,_,w,k,C,I,T,S,E,A,q,F,L,R,D,z,H,M,G,U;const{postListing:W,featured:B,show_cta:O,companyInfo:V,hide_categories:Y,featured_heading:J,listings_heading_terms:K,listings_heading:Q}=e,{socials:X}=V,$=(0,d.useRouter)(),[ee]=(0,n.useContext)(b.A),le=(null===ee||void 0===ee?void 0:ee.guides_page_slug)===$.asPath.split("/")[1],se=(0,n.useRef)(null),[oe,te]=(0,n.use

1State)(""),[ie,ae]=(0,n.useState)([]),[de,ne]=(0,n.useState)(0),[re,ce]=(0,n.useState)(0),{width:ue}=(0,m.iP)({initializeWithValue:!1}),{scrollYProgress:ve}=(0,t.v)({target:se,offset:["start end","end center"]});(0,n.useEffect)((()=>{window.scrollTo(0,0)}),[]),(0,n.useEffect)((()=>{oe&&(async()=>{let e=[];e=le?await(0,f.Z)().search(oe,{taxonomyFilters:{category:["guides"]}}):await(0,f.Z)().search(oe),ae(e)})()}),[oe]);(0,i.W)(ve,"change",(e=>{const l=ve.getPrevious();ne(l>e?1:0)})),(0,n.useEffect)((()=>{ce(ue>890&&de?80:ue>890&&!de?40:0)}),[ue,de]);const{loaded:xe,error:me,formCreated:ge}=(0,g.k1)({portalId:"7183665",formId:"58a2ac4a-1ef6-4cb4-9a8d-99e318957c6f",target:"#hubspot-cta-form",onFormSubmit:async(e,l)=>(0,N.Sz)(e,l,"CTA Hubspot form submitted")}),pe=$.asPath.split("/")[1];let he=pe;var fe,be;$.asPath.includes("category")&&(he="".concat(pe,"/category/").concat(null===(fe=$.query)||void 0===fe?void 0:fe.slug[2]));$.asPath.includes("tag")&&(he="".concat(pe,"/tag/").concat(null===(be=$.query)||void 0===be?void 0:be.slug[2]));const je=$.asPath.includes("category")||$.asPath.includes("tag"),Ne=$.asPath.includes("category"),_e=$.asPath.includes("tag"),ye=(null===$||void 0===$||null===(s=$.query)||void 0===s||null===(l=s.slug)||void 0===l?void 0:l.length)>1?null===$||void 0===$||null===(v=$.query)||void 0===v?void 0:v.slug[(null===$||void 0===$||null===(r=$.query)||void 0===r?void 0:r.slug.length)-1]:"",we=je?"h1":"h2";return(0,o.jsxs)("div",{className:"flex flex-col gap-10 md:gap-[55px] md-large:flex-row",children:[(0,o.jsxs)(a.E.aside,{style:{top:re||"unset",transition:"top 0.3s ease-in-out"},className:"md-large:top-[5vh]x flex w-full shrink-0 flex-col gap-6 md-large:sticky md-large:max-w-[291px] md-large:gap-[54px] md-large:self-start md-large:border-r md-large:border-blue-oxford/10",children:[(0,o.jsx)("div",{className:"w-full md:max-w-[231px]",children:(0,o.jsx)("input",{onChange:e=>{window.scrollTo(0,0),te(e.target.value)},type:"text",className:"border-1 text-12-mono block w-full border-b-0 border-r-0 border-blue-oxford/10 bg-white px-4 pb-2 pt-3 text-black ring-0 placeholder:text-blue-oxford focus:border-blue-oxford focus:ring-0",placeholder:"Search"})}),(0,o.jsxs)("div",{className:"flex gap-6 md:gap-[54px] lg:flex-col",children:[!Y&&(0,o.jsx)(y,{title:"Categories",items:null===W||void 0===W||null===(p=W.taxonomyTerms)||void 0===p?void 0:p.category,selectedItem:(null===$||void 0===$||null===(w=$.query)||void 0===w||null===(_=w.slug)||void 0===_?void 0:_.length)>1?null===$||void 0===$||null===(k=$.query)||void 0===k?void 0:k.slug[2]:""}),(0,o.jsx)(y,{title:"Topics",items:(null===W||void 0===W||null===(I=W.taxonomyTerms)||void 0===I||null===(C=I.tags_for_category)||void 0===C?void 0:C.length)>0?null===W||void 0===W||null===(T=W.taxonomyTerms)||void 0===T?void 0:T.tags_for_category:null===W||void 0===W||null===(S=W.taxonomyTerms)||void 0===S?void 0:S.post_tag,selectedItem:(null===$||void 0===$||null===(A=$.query)||void 0===A||null===(E=A.slug)||void 0===E?void 0:E.length)>1?null===$||void 0===$||null===(q=$.query)||void 0===q?void 0:q.slug[2]:""})]}),(0,o.jsxs)("div",{className:"hidden md:block",children:[(0,o.jsx)("h3",{className:"text-12-mono mb-5 text-blue-oxford/40",children:"Follow us"}),(0,o.jsx)("div",{className:"mt-4 flex gap-1.5",children:X&&X.map(((e,l)=>{let{link:s,oxford_logo:t}=e;return(0,o.jsx)(c(),{href:(null===s||void 0===s?void 0:s.url)||"#",className:"group overflow-hidden",children:(0,o.jsx)(u.Z,{image:t,className:"scale-100 opacity-40 transition-transform group-hover:scale-105"})},"social-".concat(l))}))})]})]}),(0,o.jsxs)("div",{className:"flex-1 space-y-[45px]",children:[0===ie.length&&1===(null===W||void 0===W||null===(F=W.page)||void 0===F?void 0:F.current)&&!Ne&&!je&&(0,o.jsxs)(o.Fragment,{children:[!!J&&(0,o.jsx)("h1",{className:"text-h5 text-blue-oxford",dangerouslySetInnerHTML:{__html:J}}),B&&(0,o.jsx)("div",{className:"grid gap-x-6 gap-y-12 sm:grid-cols-1 md:gap-y-[60px] lg:grid-cols-2",children:B.slice(0,2).map(((e,l)=>0===l||1===l?(0,o.jsx)(P,{post:e},"FEATURED-".concat(e.ID,"-").concat(l)):null))}),B&&(0,o.jsx)("div",{className:"grid gap-x-6 gap-y-12 sm:grid-cols-2 md:mt-6 md:gap-y-[60px] lg:grid-cols-3",children:B.slice(2,5).map(((e,l)=>(0,o.jsx)(Z.ZP,{post:e},"FEATURED-".concat(e.ID,"-").concat(l))))}),O&&(0,o.jsxs)("div",{className:"relative rounded-[3px] bg-blue-cobalt p-8 md:p-12",children:[(0,o.jsx)("h2",{className:"text-h4 max-w-[630px] text-white",children:"Subscribe for the latest AI for code testing and development updates"}),(0,o.jsxs)("div",{className:"mt-8 w-full max-w-[390px]",children:[(0,o.jsx)("div",{id:"hubspot-cta-form",className:"hubspot-form-cta"}),(0,o.jsx)("div",{className:"absolute bottom-0 right-0 hidden max-w-[20%] mix-blend-color-dodge md:block lg:max-w-[332px]",children:(0,o.jsx)(x(),{src:"/images/cta.png",width:571,height:405,className:"backface-hidden",alt:""})})]})]})]}),0===ie.length&&(null===W||void 0===W?void 0:W.posts)&&(null===W||void 0===W?void 0:W.posts.length)>0?(0,o.jsxs)("div",{children:[(!je||_e)&&(0,o.jsx)(we,{className:"text-h5 text-blue-oxford",dangerouslySetInnerHTML:{__html:Q}}),Ne&&(0,o.jsx)(we,{className:"text-h5 text-blue-oxford",dangerouslySetInnerHTML:{__html:(null===K||void 0===K||null===(L=K.find((e=>{var l;return(null===e||void 0===e||null===(l=e.taxonomy_term[0])||void 0===l?void 0:l.slug)===ye})))||void 0===L?void 0:L.heading)||"The latest"}}),(0,o.jsx)("div",{className:"mt-6 grid gap-x-6 gap-y-[60px] sm:grid-cols-2 lg:grid-cols-3",children:null===(R=W||[])||void 0===R?void 0:R.posts.map(((e,l)=>(0,o.jsx)(Z.ZP,{post:e},"LISTING-".concat(e.ID,"-").concat(l))))}),W.page.total>1&&(0,o.jsx)(h(),{className:"mt-12 flex select-none items-center justify-center space-x-1",pageClassName:"h-[30px] w-[30px] rounded flex flex-col items-center justify-center text-blue-oxford",activeClassName:"!text-blue-cobalt",breakLabel:"...",initialPage:(null===W||void 0===W||null===(D=W.page)||void 0===D?void 0:D.current)-1,onClick:e=>{let{event:l}=e;

1$.push(l.currentTarget.href)},hrefBuilder:(e,l)=>e>1&&e<=l?"/".concat(he,"/page/").concat(e,"/"):"/".concat(he,"/"),hrefAllControls:!0,pageRangeDisplayed:0,marginPagesDisplayed:2,pageCount:null===W||void 0===W||null===(z=W.page)||void 0===z?void 0:z.total,renderOnZeroPageCount:null,previousLabel:(0,o.jsx)("div",{className:(0,j.Z)("flex items-center space-x-2 pr-2",1===(null===W||void 0===W||null===(H=W.page)||void 0===H?void 0:H.current)&&"pointer-events-none cursor-default opacity-0"),children:(0,o.jsx)("div",{children:"Previous"})}),nextLabel:(0,o.jsx)("div",{className:(0,j.Z)("flex items-center space-x-2 pl-2",(null===W||void 0===W||null===(M=W.page)||void 0===M?void 0:M.current)===(null===W||void 0===W||null===(G=W.page)||void 0===G?void 0:G.total)&&"pointer-events-none cursor-default opacity-0"),children:(0,o.jsx)("div",{children:"Next"})}),selectedPageRel:null})]}):ie.length>0?(0,o.jsxs)("div",{children:[(0,o.jsx)("h2",{className:"text-h5 text-blue-oxford",children:"SEARCH"}),(0,o.jsx)("div",{className:"mt-6 grid gap-x-6 gap-y-[60px] sm:grid-cols-2 lg:grid-cols-3",children:null===(U=ie||[])||void 0===U?void 0:U.map(((e,l)=>(0,o.jsx)(Z.ZP,{post:e},"LISTING-".concat(e.ID,"-").concat(l))))})]}):(0,o.jsx)("h2",{className:"text-h5 text-blue-oxford",children:"No Posts found."})]})]})}},53786:function(e,l,s){s.d(l,{Zs:function(){return v}});var o=s(85893),t=s(41664),i=s.n(t),a=s(67294),d=s(19078),n=s(16072),r=s(32778),c=s(11163);const u=e=>e&&e.length>0,v=e=>{let{post:l}=e;var s,t,v,x,m,g;const{post_title:p,post_date:h,featured_image:f,categories:b,permalink:j,acf:N}=l,[_]=(0,a.useContext)(n.A),{preview_card:y}=N||{},w=(null===y||void 0===y?void 0:y.overwrite_featured_image)&&u(null===y||void 0===y||null===(s=y.image)||void 0===s?void 0:s.url)?null===y||void 0===y?void 0:y.image:f,P=u(null===y||void 0===y||null===(t=y.image)||void 0===t?void 0:t.url)||u(null===f||void 0===f?void 0:f.src),Z=(0,c.useRouter)(),k=(null===_||void 0===_?void 0:_.guides_page_slug)===Z.asPath.split("/")[1];return(0,o.jsxs)(i(),{href:j||"#",className:"group",children:[(0,o.jsx)("div",{className:"relative aspect-[332/181] overflow-hidden rounded-[3px] bg-blue-oxford/20",children:P&&(0,o.jsx)(d.Z,{image:w,className:"scale-100 object-cover object-center transition-transform group-hover:scale-105",fill:!0})}),(0,o.jsxs)("div",{className:"pl-2 pr-4",children:[(b&&!k||!(null===N||void 0===N?void 0:N.hide_timestamps)&&!(null===_||void 0===_?void 0:_.hide_timestamps)||!!(null===N||void 0===N||null===(v=N.preview_card)||void 0===v?void 0:v.length))&&(0,o.jsxs)("div",{className:"mt-6 flex items-center gap-5",children:[b&&!k&&(0,o.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,o.jsx)("div",{className:"size-[5px] bg-blue-oxford"}),(0,o.jsx)("div",{className:"text-12-mono !leading-[1.2] text-blue-oxford",children:null===(x=b[0])||void 0===x?void 0:x.name})]}),(0,o.jsxs)("div",{className:"flex items-center gap-2.5",children:[!(null===N||void 0===N?void 0:N.hide_timestamps)&&!(null===_||void 0===_?void 0:_.hide_timestamps)&&(0,o.jsx)("div",{className:"text-12 !leading-[1.2] text-blue-oxford",children:(0,r.ZP)(h)}),(0,o.jsx)("div",{className:"text-12 !leading-[1.2] text-blue-cobalt",children:(null===N||void 0===N||null===(m=N.preview_card)||void 0===m?void 0:m.length)&&(0,o.jsxs)(o.Fragment,{children:["\u2014 ",null===N||void 0===N||null===(g=N.preview_card)||void 0===g?void 0:g.length]})})]})]}),(0,o.jsx)("div",{className:"text-h6 mt-2 text-blue-oxford",children:p})]})]})};l.ZP=v},89235:function(e,l,s){function o(e){return void 0===e||""===e?null:e.toString().normalize("NFD").toLowerCase().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"")}s.d(l,{Z:function(){return o}})}}]);