https://www.apollographql.com/_next/static/chunks/pages/graphos-router-f881a01569f00d12.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53067,27743],{35769:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/graphos-router",function(){return r(25606)}])},24732:function(e,t,r){"use strict";r.d(t,{B:function(){return m}});var n=r(52676),i=r(51626),a=r(93647),o=r.n(a),l=r(50066),s=r(61831),c=r(63152),d=r(6122),u=r(48750),p=r(47956),h=r(12909),x=r.n(h);let m=e=>{var t,r,a,h;let{heading:m,data:v,cta:_}=e,f=null==m?void 0:null===(r=m.title[0])||void 0===r?void 0:null===(t=r.title)||void 0===t?void 0:t.value,g=null==m?void 0:null===(h=m.subtitle[0])||void 0===h?void 0:null===(a=h.subtitle)||void 0===a?void 0:a.value;return(0,n.jsxs)(d.$,{children:[(0,n.jsx)(c.W,{children:m&&(0,n.jsx)(l.ri,{className:"text-center",title:{children:f},subtitle:{children:g}})}),v.map((e,t)=>{var r,a;let{lottieAnimation:l,asset:c,title:d,subtitle:u,content:h,cta:m,eyebrow:_,reverseColumns:f}=e;return(0,n.jsxs)(s.ZP,{className:(0,i.Z)(x().alternatingContent),reverse:f||!1,lastItem:t===v.length-1,children:[(0,n.jsx)(s.ZP.Asset,{className:(0,i.Z)(x().asset,"flex items-center justify-center rounded-3xl p-6",f?"bg-brand-primary":"bg-surface-alt-2"),children:l?(0,n.jsx)(p.LottiePlayer,{src:"/assets/graphos-router/lottie/lottie-".concat(l,".json"),loop:!0}):(0,n.jsx)("div",{className:x().imageWrapper,children:(0,n.jsx)(o(),{src:null==c?void 0:null===(r=c.image)||void 0===r?void 0:r.url,alt:(null==c?void 0:null===(a=c.image)||void 0===a?void 0:a.alt)||"Image hero",width:0,height:0,sizes:"100vw",style:{width:"100%",height:"auto"}})})}),(0,n.jsx)(s.ZP.InfoList,{title:null==d?void 0:d.value,subtitle:null==u?void 0:u.value,list:null==h?void 0:h.value,eyebrow:_,cta:m,plainList:!0,checkIcon:!0})]},t)}),_&&_.length>0&&(0,n.jsx)("div",{className:x().ctaWrapper,children:_.map((e,t)=>(0,n.jsx)(u.Z,{href:e.link,mode:e.mode,size:"medium",childrenMobile:e.textMobile,onClick:()=>{var t;(null==e?void 0:e.googleAnaylticsId)&&(null===(t=window.dataLayer)||void 0===t||t.push({event:e.googleAnaylticsId}))},children:e.text},t))})]})}},31029:function(e,t,r){"use strict";r.d(t,{I:function(){return c}});var n=r(52676),i=r(51626),a=r(61758),o=r(56275),l=r(68540),s=r(50066);let c=e=>{let{title:t,subtitle:r,icon:c,theme:d,className:u}=e;return(0,n.jsxs)(o.Z,{className:(0,i.Z)("flex flex-col items-start gap-4 max-w-full w-[95%] md:shrink-0 p-8 xl:w-full mb-4 md:mb-0",u),theme:d,withBorder:"regolith"===d,children:[c&&(0,n.jsx)(l.z,{theme:d,children:a.r9[c]}),(0,n.jsx)(s.Fl,{as:"h5",children:t}),(0,n.jsx)(s.ZT,{children:r})]})}},85564:function(e,t,r){"use strict";var n=r(52676),i=r(51626),a=r(46785);t.Z=e=>{let{className:t,withIcon:r=!0,message:o,id:l}=e;return(0,n.jsxs)("div",{className:(0,i.Z)("flex items-center gap-2 text-[var(--color-error)]",t),id:l,children:[r&&(0,n.jsx)(a.S,{className:"h-[14px] w-[14px] shrink-0"}),(0,n.jsx)("p",{className:"small mb-0 w-full text-[18px] leading-[1.4]",children:o})]})}},96663:function(e,t,r){"use strict";var n=r(72646),i=r(32586),a=r(25659),o=r(52676),l=r(51626),s=r(54185),c=r(85564);let d={regolith:"[--select-color:var(--color-nebula)] [--select-border:var(--color-nebula)] [--select-background:var(--surface-default)]",satellite:"[--select-color:var(--color-nebula)] [--select-border:var(--color-nebula)] [--select-background:var(--color-satellite)]",nebula:"[--select-color:var(--surface-default)] [--select-border:var(--surface-default)] [--select-background:var(--color-nebula)]"};t.Z=e=>{var t,{label:r,required:u,id:p,name:h,theme:x="regolith",className:m="",error:v}=e,_=(0,a._)(e,["label","required","id","name","theme","className","error"]);let f=null!==(t=d[x])&&void 0!==t?t:d.regolith;return(0,o.jsxs)("div",{className:(0,l.Z)("relative flex flex-col gap-4",f,m),children:[r&&(0,o.jsxs)("label",{htmlFor:p,className:"text-[18px] leading-[1.4]",children:[r,u&&(0,o.jsx)("span",{className:"text-[var(--color-horizon)]",children:" *"})]}),(0,o.jsxs)("div",{className:"relative flex flex-col gap-2",children:[(0,o.jsx)("select",(0,i._)((0,n._)({id:p,name:h,className:(0,l.Z)("h-[54px] w-full cursor-pointer appearance-none rounded-(--border-radius-16) border border-[var(--select-border)] bg-[var(--select-background)] px-6 text-[18px] leading-[1.4] text-[var(--select-color)] transition-[border-color] duration-[var(--duration-normal)] ease-[var(--ease-out-soft)] disabled:cursor-not-allowed",v&&"border-[var(--color-error)]",m)},_),{children:_.children})),(0,o.jsx)("span",{className:"pointer-events-none absolute right-6 top-0 flex h-[54px] w-8 items-center justify-center text-[var(--select-color)]",children:(0,o.jsx)(s.v,{className:"h-6 w-6"})}),v&&(0,o.jsx)(c.Z,{message:v})]})]})}},68540:function(e,t,r){"use strict";r.d(t,{z:function(){return d}});var n=r(72646),i=r(32586),a=r(25659),o=r(52676),l=r(51626);r(75271);var s=r(66188),c=r.n(s);let d=e=>{var{theme:t="regolith",children:r}=e,s=(0,a._)(e,["theme","children"]);return(0,o.jsx)("div",(0,i._)((0,n._)({className:(0,l.Z)(c().iconBox,c()["theme-".concat(t)])},s),{children:r}))}},92221:function(e,t,r){"use strict";r.d(t,{g:function(){return h}});var n=r(52676),i=r(51626);r(75271);var a=r(50066),o=r(63152),l=r(6122),s=r(48750),c=r(56886),d=r(15160),u=r(48898),p=r.n(u);let h=e=>{var t,r,u,h;let{heading:x,cta:m,image:v,asset:_}=e;if(!x)return null;let{title:f,subtitle:g,note:b}=x;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.X,{}),(0,n.jsx)(l.$,{id:"intro-content",className:p().section,children:(0,n.jsx)(o.W,{className:p().container,children:(0,n.jsxs)("div",{className:"flex flex-col md:flex-row gap-12",children:[(0,n.jsxs)("div",{className:"flex-1",children:[(0,n.jsx)(a.ri,{className:(0,i.Z)(p().titleAndSubtitle,"max-w-[950px] mx-auto"),title:{className:"h2 mb-heading",children:null===(r=f[0])||void 0===r?void 0:null===(t=r.title)||void 0===t?void 0:t.value},subtitle:{children:null===(h=g[0])||void 0===h?void 0:null===(u=h.subtitle)||void 0===u?void 0:u.value},note:{children:null==b?void 0:b.value,gap:!0}}),m&&(0,n.jsx)("div",{className:p().ctaWrapper,children:m.map((e,t)=>(0,n.jsx)(s.Z,{href:e.link,mode:e.mode,size:"medium",childrenMobile:e.textMobile,onClick:()=>{var t;(null==e?void 0:e.googleAnaylticsId)&&(null===(t=window.dataLayer)||void 0===t||t.push({event:e.googleAnaylticsId}))},children:e.text},t))})]}),(0,n.jsxs)("div",{className:"flex-1 flex aspect-video",children:[v&&(0,n.jsx)("div",{children:(0,n.jsx)("img",{src:v,alt:"Graphos Intro Image"})}),_&&"WistiaVideoRecord"===_.__typename&&_.videoId&&(0,n.jsx)("div",{className:p().videoContainer,id:"featured-video",children:(0,n.jsx)(d.Q,{videoId:_.videoId,className:p().youtube})})]})]})})})]})}},9022:function(e,t,r){"use strict";r.d(t,{e:function(){return l}});var n=r(52676),i=r(51626),a=r(14654),o=r.n(a);let l=e=>{let{className:t,theme:r="nebula",amount:a,size:l="medium",activeIndex:s,onClick:c}=e;return a?(0,n.jsx)("div",{className:(0,i.Z)(o().sliderDots,o()["theme-".concat(r)],o()["size-".concat(l)],t),children:[...Array(a)].map((e,t)=>(0,n.jsx)("button",{className:(0,i.Z)(o().dot,"applyPressFeedback",{[o().active]:t===s}),onClick:()=>null==c?void 0:c(t),"aria-label":"Slide to ".concat(t+1),children:(0,n.jsx)("span",{})},t))}):null}},30737:function(e,t,r){"use strict";var n=r(72646),i=r(32586),a=r(25659),o=r(52676),l=r(8974),s=r(51626),c=r(75271),d=r(75603),u=r.n(d);t.Z=e=>{let{children:t,content:r,theme:d="satellite",contentProps:p,open:h}=e,[x,m]=(0,c.useState)(!1),v=p||{},{className:_}=v,f=(0,a._)(v,["className"]);return(0,c.useEffect)(()=>{void 0!==h&&m(h)},[h]),(0,o.jsx)(l.zt,{delayDuration:100,children:(0,o.jsxs)(l.fC,{open:x,onOpenChange:e=>{void 0===h&&m(e)},children:[(0,o.jsx)(l.xz,{asChild:!0,children:t}),(0,o.jsx)(l.h_,{children:(0,o.jsxs)(l.VY,(0,i._)((0,n._)({className:(0,s.Z)(u().tooltipContent,u()["theme-".concat(d)],_)},f),{children:[(0,o.jsx)("p",{children:r}),(0,o.jsx)(l.Eh,{className:u().tooltipArrow})]}))})]})})}},7927:function(e,t,r){"use strict";r.d(t,{k:function(){return u}});var n=r(52676),i=r(51626);r(75271);var a=r(31029),o=r(50066),l=r(63152),s=r(6122),c=r(7513),d=r.n(c);let u=e=>{var t,r;let{title:c,subtitle:u,cards:p}=e;return(0,n.jsx)(s.$,{className:(0,i.Z)(d().section,"bg-surface-alt-2"),id:"professional-services-benefits",children:(0,n.jsxs)(l.W,{className:d().container,children:[(0,n.jsx)(o.ri,{className:"text-center",title:{children:null==c?void 0:null===(t=c.title)||void 0===t?void 0:t.value},subtitle:{children:null==u?void 0:null===(r=u.subtitle)||void 0===r?void 0:r.value}}),(0,n.jsx)("div",{className:"px-0 lg:px-20",children:(0,n.jsx)("div",{className:"flex flex-col md:grid md:grid-cols-3 gap-0 xl:gap-12",children:p.map((e,t)=>{var r,i,o,l,s;return(0,n.jsx)(a.I,{theme:"surface",className:"border-brand-primary border",icon:null===(r=e.icon[0])||void 0===r?void 0:r.icon,title:null===(o=e.title[0])||void 0===o?void 0:null===(i=o.title)||void 0===i?void 0:i.value,subtitle:null===(s=e.subtitle[0])||void 0===s?void 0:null===(l=s.subtitle)||void 0===l?void 0:l.value},t)})})})]})})}},23677:function(e,t,r){"use strict";r.d(t,{$:function(){return f}});var n=r(72646),i=r(52676),a=r(51626),o=r(72009),l=r(20995),s=r.n(l),c=r(75271),d=r(56275),u=r(9022),p=r(50066),h=r(63152),x=r(6122),m=r(62077),v=r(67706),_=r.n(v);let f=e=>{var t,r,l,s;let{heading:d,items:v}=e,[f,b]=(0,c.useState)(0),j=(0,m.s8)(),[y,w]=(0,o.Z)({align:"start",skipSnaps:!0,breakpoints:{"(max-width: 1280px)":{align:"center"}}}),C=(0,c.useCallback)(e=>{b(e.selectedScrollSnap())},[]),N=(0,c.useCallback)(e=>w&&w.scrollTo(e),[w]);return(0,c.useEffect)(()=>{w&&j&&(C(w),w.on("select",C))},[w,j,C]),(0,c.useEffect)(()=>{N(f)},[N,f]),(0,i.jsx)(x.$,{id:"resources-recommended-reading",className:_().section,children:(0,i.jsxs)(h.W,{className:(0,a.Z)(_().container,"flex flex-col"),children:[d&&(0,i.jsx)(p.ri,{className:"text-center mb-10",title:{children:null===(r=d.title[0])||void 0===r?void 0:null===(t=r.title)||void 0===t?void 0:t.value},subtitle:{children:null===(s=d.subtitle[0])||void 0===s?void 0:null===(l=s.subtitle)||void 0===l?void 0:l.value}}

1),(0,i.jsx)("div",{className:_().embla,ref:y,children:(0,i.jsx)("div",{className:(0,a.Z)(_().emblaContainer,"emblaContainer"),style:{"--articles-quantity":v.length},children:v.map(e=>(0,i.jsx)(g,(0,n._)({},e),e.id))})}),j&&(0,i.jsx)(u.e,{className:_().sliderDots,theme:"nebula",amount:v.length,activeIndex:f,onClick:e=>N(e)})]})})},g=e=>{var t,r;let{linkHref:n,colorTheme:o,tag:l,title:c,subtitle:u,linkLabel:h}=e;return(0,i.jsx)("article",{className:_().emblaSlide,children:(0,i.jsx)(s(),{href:null!=n?n:"",className:_().articleLink,children:(0,i.jsxs)(d.Z,{className:(0,a.Z)(_().articleCard,"px-8 py-10"),theme:null==o?void 0:o.color,withBorder:(null==o?void 0:o.color)==="regolith",children:[l&&(0,i.jsx)("div",{className:(0,a.Z)(_().tag,"mb-heading"),children:l}),(0,i.jsx)(p.ri,{title:{children:null==c?void 0:null===(t=c.title)||void 0===t?void 0:t.value,as:"h4"},subtitle:{children:null==u?void 0:null===(r=u.subtitle)||void 0===r?void 0:r.value,className:_().subtitle,as:"p"}}),(0,i.jsxs)("div",{className:(0,a.Z)(_().ctaLink,"mt-auto"),children:[h,(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M6 12h12.5m0 0-6-6m6 6-6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})})})}},99540:function(e,t,r){"use strict";r.d(t,{t:function(){return p}});var n=r(52676),i=r(51626),a=r(4248),o=r(85292),l=r(4279),s=r(45271),c=r(48750),d=r(87804),u=r.n(d);let p=e=>{let{title:t,subtitle:r,cta:d,hasEyebrow:p}=e;return(0,n.jsx)(s.V,{id:"graphos-hero",background:{color:"nebula",withOverlay:!0,lottie:{src:"/assets/graphos/hero/lottie-illustration.json",loop:!0},mobile:{src:"/assets/graphos/hero/background-mobile.png"},desktop:{src:"/assets/graphos/hero/background-desktop.png"}},className:(0,i.Z)(u().section,{[u().hasEyebrow]:p}),children:(0,n.jsxs)("div",{className:"max-w-[750px]",children:[(0,n.jsx)(s.V.Title,{children:(0,n.jsx)(o.rZ,{data:t.value,customNodeRules:[(0,l.SZ)(a.RF,e=>{let{children:t}=e;return t})]})}),(0,n.jsx)(s.V.Text,{className:u().text,children:(0,n.jsx)(o.rZ,{data:r.value,customNodeRules:[(0,l.SZ)(a.RF,e=>{let{children:t}=e;return t})]})}),(0,n.jsx)(s.V.Ctas,{children:null==d?void 0:d.map((e,t)=>(0,n.jsx)(c.Z,{href:e.link,mode:e.mode,size:"big",childrenMobile:e.textMobile,location:"hero",onClick:()=>{var t;(null==e?void 0:e.googleAnaylticsId)&&(null===(t=window.dataLayer)||void 0===t||t.push({event:e.googleAnaylticsId,page:"graphos"}))},children:e.text},t))})]})})}},25606:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return F},default:function(){return G}});var n=r(52676),i=r(24732),a=r(92221),o=r(32488),l=r(7927),s=r(99540),c=r(75271),d=r(50066),u=r(63152),p=r(48672),h=r(11575),x=r(24653),m=r.n(x),v=r(33656);let _=[{id:"operational-efficiency",label:"Operational Efficiency",title:"Operational Efficiency",rows:[{feature:"Hosted management plane",extraInfo:"Lower operational complexity and cost of managing the control plane",enterprise:(0,n.jsx)(v.n,{})},{feature:"Automatic schema deployments",extraInfo:"Integrate with the GraphOS platform to automatically rebuild the supergraph schema whenever changes are pushed to a subgraph, and deploy it to your router fleet.",enterprise:(0,n.jsx)(v.n,{})},{feature:"External coprocessing",extraInfo:"Integrate your router with external coprocessors using a lightweight HTTP-based hook written in your programming language of choice.",enterprise:(0,n.jsx)(v.n,{})},{feature:"Apollo Connectors for REST APIs",extraInfo:"Orchestrate any combination of REST and GraphQL APIs in just minutes",enterprise:(0,n.jsx)(v.n,{})}]},{id:"caching",label:"Caching",title:"Caching",rows:[{feature:"In-memory caching",extraInfo:"Cache to store generated query plans, automatic persisted queries (APQ) and introspection responses",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"Distributed caching",extraInfo:"Redis-backed caching for query plans and APQ",enterprise:(0,n.jsx)(v.n,{})},{feature:"Entity caching (preview)",extraInfo:"Redis-backed caching for entities",enterprise:(0,n.jsx)(v.n,{})}]},{id:"security-and-governance",label:"Security & Governance",title:"Security & Governance",rows:[{feature:"CORS",extraInfo:"Control browser access to your router",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"CSRF prevention",extraInfo:"Prevent Cross-Site Request Forgery (CSRF) attacks in the router",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"Subgraph authentication",extraInfo:"Support for subgraph request authentication and key rotation via AWS Signature Version 4",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"JWT authentication",extraInfo:"Authenticate JWT tokens for incoming requests to your GraphOS Router, extract and validate JWT claims, and forward JWT to subgraphs",enterprise:(0,n.jsx)(v.n,{})},{feature:"Request authorization",extraInfo:"Enforce request authorization in the GraphOS Router by decorating schemas with the @requiresScopes, @authenticated, and @policy directives.",enterprise:(0,n.jsx)(v.n,{})},{feature:"Operation limits",extraInfo:"Protect your graph from excessively complex operations by setting limits on depth, height, number of root fields, and number of aliases",enterprise:(0,n.jsx)(v.n,{})},{feature:"Persisted query safelisting",extraInfo:"Protect your production API by proactively safelisting trusted GraphQL operations in your GraphOS Router instances",enterprise:(0,n.jsx)(v.n,{})}]},{id:"executing-operations",label:"Executing Operations",title:"Executing Operations",rows:[{feature:"Native query planner",extraInfo:"Improve performance and resource utilization of query planning with the new Rust-native query planner. Available in Router v1.49 and beyond.",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"Federated queries & mutations",extraInfo:"Execute GraphQL queries and mutations across multiple subgraphs",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"@defer support",extraInfo:"Improve performance by delivering fields incrementally",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"Query batching",extraInfo:"Support for client and subgraph query batching",enterprise:(0,n.jsx)(v.n,{})},{feature:"Federated GraphQL subscriptions",extraInfo:"Native support for multi-service GraphQL subscriptions",enterprise:(0,n.jsx)(v.n,{})}]},{id:"observability",label:"Observability",title:"Observability",rows:[{feature:"Telemetry and monitoring via OpenTelemetry",extraInfo:"Collect data about the inner workings of your router and export logs, metrics, and traces to your application performance monitoring (APM) and observability tools",serverless:(0,n.jsx)(v.n,{}),enterprise:(0,n.jsx)(v.n,{})},{feature:"Operation & field performance insights in GraphOS Studio",extraInfo:"See operation and field-level metrics for request volume, latency, and error rates",enterprise:(0,n.jsx)(v.n,{})},{feature:"Trace inspection in GraphOS Studio",extraInfo:"Get a detailed breakdown of resolver timing and error traces for each operation requested against your graph. See how responses are composed from underlying services.",enterprise:(0,n.jsx)(v.n,{})},{feature:"Custom Instruments",extraInfo:"Collect measurements with standard and custom instruments",enterprise:(0,n.jsx)(v.n,{})}]},{id:"enterprise-support",label:"Enterprise Support and Services",title:"Enterprise Support and Services",rows:[{feature:"Enterprise support",extraInfo:"24x7x365 technical support SLAs",enterprise:(0,n.jsx)(v.n,{})},{feature:"Designated account team",extraInfo:"Access to Apollo SMEs to assist with onboarding, advanced implementations, schema design, and best practices",enterprise:(0,n.jsx)(v.n,{})},{feature:"Data processing agreement",extraInfo:"Available on enterprise plan",enterprise:(0,n.jsx)(v.n,{})}]}];var f=r(51626),g=r(96663),b=r(1712),j=r.n(b);let y=e=>{let{activePlan:t,handleActivePlan:r,headerIsHidden:i}=e;return(0,n.jsxs)("div",{className:(0,f.Z)(j().heading,{[j().headerIsHidden]:i}),children:[(0,n.jsx)("div",{className:j().planSelect,children:(0,n.jsxs)(g.Z,{name:"plan",value:t,onChange:e=>r(e.target.value),children:[(0,n.jsx)("option",{value:"serverless",children:"Apollo Router Core"}),(0,n.jsx)("option",{value:"enterprise",children:"GraphOS Router"})]})}),(0,n.jsx)("div",{className:(0,f.Z)(j().plan,{[j().planActive]:"serverless"==t}),children:(0,n.jsx)("h5",{className:(0,f.Z)(j().planTitle,"h5"),children:"Apollo Router Core"})}),(0,n.jsx)("div",{className:(0,f.Z)(j().plan,{[j().planActive]:"enterprise"===t}),children:(0,n.jsx)("h5",{className:(0,f.Z)(j().planTitle,"h5"),children:"GraphOS Router"})})]})};var w=r(20995),C=r.n(w),N=r(25934),S=r.n(N);let I=e=>{let{activeFeature:t}=e;return(0,n.jsx)("div",{className:S().sidebar,children:_.map(e=>{let{label:r,id:i}=e;return(0,n.jsx)(C(),{href:"#".concat(i),className:(0,f.Z)(S().indexAnchor,"small",{[S().active]:t===i}),children:r},i)})})};var T=r(72646),k=r(62077),A=r(87564),E=r(30737),Z=r(77995),O=r.n(Z);let R=e=>{let{id:t,active:r,feature:i,extraInfo:a,serverless:o="-",serverlessExtraInfo:l,enterprise:s="-"}=e;return(0,n.jsxs)("div",{className:O().row,children:[(0,n.jsxs)("div",{className:O().feature,children:[(0,n.jsx)(L,{id:t,trigger:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{className:O().accordtionTriggerTitle,children:i}),(0,n.jsxs)("p",{className:(0,f.Z)(O().rowCol,{[O().rowColActive]:"serverless"===r}),children:[o,l&&(0,n.jsx)("span",{className:(0,f.Z)("extra-small",O().serverlessSxtraInfo),children:l})]}),(0,n.jsx)("p",{className:(0,f.Z)(O().rowCol,{[O().rowColActive]:"enterprise"===r}),children:s})]}),content:a}

1),(0,n.jsx)("div",{className:(0,f.Z)(O().tooltipWrapper,"hide-mobile-and-tablet"),children:(0,n.jsx)(E.Z,{content:a,contentProps:{side:"right",sideOffset:10},children:(0,n.jsx)("p",{children:i})})})]}),(0,n.jsx)("p",{className:(0,f.Z)(O().rowCol,"hide-mobile-and-tablet",{[O().rowColActive]:"serverless"===r}),children:o}),(0,n.jsx)("p",{className:(0,f.Z)(O().rowCol,"hide-mobile-and-tablet",{[O().rowColActive]:"enterprise"===r}),children:s})]})},L=e=>{let{id:t,trigger:r,content:i}=e;return(0,n.jsx)(A.fC,{className:(0,f.Z)(O().accordion,"hide-desktop"),type:"single",collapsible:!0,children:(0,n.jsxs)(A.ck,{className:O().accordionItem,value:"item-".concat(t),children:[(0,n.jsx)(P,{children:(0,n.jsx)("div",{className:O().accordionTrigger,children:r})}),(0,n.jsx)(W,{children:(0,n.jsx)("p",{children:i})})]})})},P=e=>{let{children:t}=e;return(0,n.jsx)(A.xz,{children:t})},W=e=>{let{children:t}=e;return(0,n.jsx)(A.VY,{className:O().accordionContent,children:(0,n.jsx)("div",{className:O().accordionContentText,children:t})})},M=e=>{let{id:t,title:r,active:i,rows:a,handleActiveFeature:o}=e,l=(0,k.s8)(),[s,d]=(0,h.S)({triggerOnce:!1,rootMargin:"-20% 0% -60% 0%"});return(0,c.useEffect)(()=>{!l&&d&&o(t)},[d,t,o,l]),(0,n.jsxs)("div",{className:O().table,id:t,ref:s,children:[r&&(0,n.jsx)("h4",{className:O().tableTitle,children:r}),a.map((e,r)=>(0,n.jsx)(R,(0,T._)({id:t,active:i},e),"".concat(t,"-").concat(r)))]})},D=()=>{let[e,t]=(0,c.useState)("serverless"),[r,i]=(0,c.useState)(null),[a,o]=(0,h.S)({triggerOnce:!1,rootMargin:"0% 0% -65% 0%"}),{headerIsHidden:l}=(0,p.q)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.W,{className:"relative z-9",children:(0,n.jsx)(d.Dx,{as:"h3",className:m().title,children:"Explore GraphOS Router's enterprise capabilities"})}),(0,n.jsx)(u.W,{className:m().section,as:"section",id:"features",children:(0,n.jsxs)("div",{className:m().container,children:[(0,n.jsx)(y,{activePlan:e,handleActivePlan:t,headerIsHidden:l&&o}),(0,n.jsx)(I,{activeFeature:r}),(0,n.jsx)("div",{className:m().content,ref:a,children:_.map(t=>{let{id:r,title:a,rows:o}=t;return(0,n.jsx)(M,{id:r,handleActiveFeature:e=>i(e),active:e,title:a,rows:o},r)})})]})})]})};var q=r(23677),F=!0,G=e=>{var t,r,c,d,u,p,h;let{graphosRouterPageData:x}=e;if(!x)return null;let m=x.metaTags;return(0,n.jsxs)(o.X,{meta:{title:null==m?void 0:m.title,description:null==m?void 0:m.description,ogImage:null==m?void 0:null===(t=m.ogImage)||void 0===t?void 0:t.url,noFollow:null==m?void 0:m.noIndex},prefooterData:x.prefooter,children:[!x.hideHeroSection&&(0,n.jsx)(s.t,{eyebrow:null===(r=x.hero)||void 0===r?void 0:r.eyebrow,title:null===(c=x.hero)||void 0===c?void 0:c.title,subtitle:null===(d=x.hero)||void 0===d?void 0:d.subtitle,cta:null===(u=x.hero)||void 0===u?void 0:u.cta}),!x.hideContentSectionWithImage&&(0,n.jsx)(a.g,{heading:x.contentSectionHeading,image:null!==(h=null===(p=x.contentSectionImage)||void 0===p?void 0:p.url)&&void 0!==h?h:""}),!x.hideCtaCardsSection&&(0,n.jsx)(l.k,{cards:x.ctaCards}),!x.hideAlternatingContentSection&&(0,n.jsx)(i.B,{heading:x.alternatingContentSectionHeading,data:x.alternatingContent}),!x.hideCompareTableSection&&(0,n.jsx)(D,{}),!x.hideFeaturedResourcesSection&&(0,n.jsx)(q.$,{heading:x.featuredResourcesHeading,items:x.featuredResources})]})}},12909:function(e){e.exports={imageWrapper:"alternating-content_imageWrapper__DMVpM",section:"alternating-content_section__l0XZi",titleAndSubtitle:"alternating-content_titleAndSubtitle__NoX9_",alternatingContent:"alternating-content_alternatingContent__9FgcV",reverse:"alternating-content_reverse__Q_VJx",asset:"alternating-content_asset__KHeOr",index:"alternating-content_index__AkQjX",ctaWrapper:"alternating-content_ctaWrapper__l_PhB"}},66188:function(e){e.exports={iconBox:"icon-box_iconBox__hnHLf","theme-regolith":"icon-box_theme-regolith__0dxaV","theme-satellite":"icon-box_theme-satellite__8wFOD","theme-nebula":"icon-box_theme-nebula__7qxci"}},48898:function(e){e.exports={section:"intro-content_section__YSWmP",imageWrapper:"intro-content_imageWrapper__DwZxe",ctaWrapper:"intro-content_ctaWrapper__h0QCt",videoContainer:"intro-content_videoContainer__VQiKt",youtube:"intro-content_youtube__mJn67",videoWrapper:"intro-content_videoWrapper__ZMc_S"}}

1,14654:function(e){e.exports={sliderDots:"slider-dots_sliderDots__baSaN","theme-satellite":"slider-dots_theme-satellite__d_IOs","theme-nebula":"slider-dots_theme-nebula__AjuWo","size-small":"slider-dots_size-small__6WdjB",dot:"slider-dots_dot__NZTcz",active:"slider-dots_active__r2_N5"}},75603:function(e){e.exports={tooltipContent:"tooltip_tooltipContent__mreG_","theme-regolith":"tooltip_theme-regolith__A5Lms","theme-satellite":"tooltip_theme-satellite__c8Ec_","theme-nebula":"tooltip_theme-nebula__2A2iQ","slide-down-and-fade":"tooltip_slide-down-and-fade__V_KWh","slide-left-and-fade":"tooltip_slide-left-and-fade__XjxNs","slide-up-and-fade":"tooltip_slide-up-and-fade__FfGBH","slide-right-and-fade":"tooltip_slide-right-and-fade__55uqr",tooltipArrow:"tooltip_tooltipArrow__PfhhM"}},7513:function(e){e.exports={section:"cta-cards_section__4pjUX",container:"cta-cards_container__8bXA8",titleAndSubtitle:"cta-cards_titleAndSubtitle__KZ6_Q",cards:"cta-cards_cards__TRVap",card:"cta-cards_card___DSyI"}},24653:function(e){e.exports={section:"compare-features_section__qLqna",titleSection:"compare-features_titleSection__lmNRd",title:"compare-features_title__mcyvF",headerIsHidden:"compare-features_headerIsHidden__BF1yJ",container:"compare-features_container__7sVhB",content:"compare-features_content__0XkXf"}},1712:function(e){e.exports={heading:"heading_heading__a4sVJ",headerIsHidden:"heading_headerIsHidden__ZDzkG",planSelect:"heading_planSelect__mpGyx",plan:"heading_plan__cYQS0",planActive:"heading_planActive__jfF8_",planTitle:"heading_planTitle__ymLAi",button:"heading_button__S0qkO"}},67706:function(e){e.exports={section:"recommended_section___XdQ9",titleWrapper:"recommended_titleWrapper__G29_f",container:"recommended_container__sRLrt",embla:"recommended_embla__mtvkx",emblaContainer:"recommended_emblaContainer__pTRKi",emblaSlide:"recommended_emblaSlide__KvvPW",articleLink:"recommended_articleLink__wG9C5",amountOfArticles:"recommended_amountOfArticles__RlwCS",illustrationWrapper:"recommended_illustrationWrapper__2Ps4q",articleCard:"recommended_articleCard__7diMM",tag:"recommended_tag__XocYo",title:"recommended_title__yKQ3I",subtitle:"recommended_subtitle__G7P2_",ctaLink:"recommended_ctaLink__wL40d",sliderDots:"recommended_sliderDots__h5Thw"}},25934:function(e){e.exports={sidebar:"sidebar_sidebar__OKlLS",indexAnchor:"sidebar_indexAnchor__7Tiji",active:"sidebar_active__7irIX"}},77995:function(e){e.exports={table:"table_table__5EOBU",tableTitle:"table_tableTitle__Z556l",row:"table_row__ZOv9S",feature:"table_feature__dD3OL",rowCol:"table_rowCol__0fXUl",rowColActive:"table_rowColActive__RA488",serverlessSxtraInfo:"table_serverlessSxtraInfo__s7lnd",tooltipWrapper:"table_tooltipWrapper__IsCUf",accordion:"table_accordion__SAx42",accordionItem:"table_accordionItem__fL_O0",accordtionTriggerTitle:"table_accordtionTriggerTitle__fea5g",accordionTrigger:"table_accordionTrigger__dKOBl",accordionContent:"table_accordionContent__Rjgml","slide-down":"table_slide-down__YjzDp","slide-up":"table_slide-up__2To_T",accordionContentText:"table_accordionContentText__8X0eX"}},87804:function(e){e.exports={section:"hero_section__fREO5",hasEyebrow:"hero_hasEyebrow__Jk1OE",text:"hero_text__Q6HF7",eyebrow:"hero_eyebrow__clsJG"}},8974:function(e,t,r){"use strict";r.d(t,{Eh:function(){return Q},VY:function(){return H},fC:function(){return X},h_:function(){return V},xz:function(){return B},zt:function(){return z}});var n=r(75271),i=r(95061),a=r(37259),o=r(45833),l=r(97173),s=r(24790),c=r(5087),d=r(13744),u=r(77523),p=r(38067),h=r(52526),x=r(57074),m=r(49461),v=r(52676),[_,f]=(0,o.b)("Tooltip",[c.D7]),g=(0,c.D7)(),b="TooltipProvider",j="tooltip.open",[y,w]=_(b),C=e=>{let{__scopeTooltip:t,delayDuration:r=700,skipDelayDuration:i=300,disableHoverableContent:a=!1,children:o}=e,[l,s]=n.useState(!0),c=n.useRef(!1),d=n.useRef(0);return n.useEffect(()=>{let e=d.current;return()=>window.clearTimeout(e)},[]),(0,v.jsx)(y,{scope:t,isOpenDelayed:l,delayDuration:r,onOpen:n.useCallback(()=>{window.clearTimeout(d.current),s(!1)},[]),onClose:n.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>s(!0),i)},[i]),isPointerInTransitRef:c,onPointerInTransitChange:n.useCallback(e=>{c.current=e},[]),disableHoverableContent:a,children:o})};C.displayName=b;var N="Tooltip",[S,I]=_(N),T=e=>{let{__scopeTooltip:t,children:r,open:i,defaultOpen:a=!1,onOpenChange:o,disableHoverableContent:l,delayDuration:d}=e,u=w(N,e.__scopeTooltip),p=g(t),[h,m]=n.useState(null),_=(0,s.M)(),f=n.useRef(0),b=l??u.disableHoverableContent,y=d??u.delayDuration,C=n.useRef(!1),[I=!1,T]=(0,x.T)({prop:i,defaultProp:a,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(j))):u.onClose(),o?.(e)}}),k=n.useMemo(()=>I?C.current?"delayed-open":"instant-open":"closed",[I]),A=n.useCallback(()=>{window.clearTimeout(f.current),C.current=!1,T(!0)},[T]),E=n.useCallback(()=>{window.clearTimeout(f.current),T(!1)},[T]),Z=n.useCallback(()=>{window.clearTimeout(f.current),f.current=window.setTimeout(()=>{C.current=!0,T(!0)},y)},[y,T]);return n.useEffect(()=>()=>window.clearTimeout(f.current),[]),(0,v.jsx)(c.fC,{...p,children:(0,v.jsx)(S,{scope:t,contentId:_,open:I,stateAttribute:k,trigger:h,onTriggerChange:m,onTriggerEnter:n.useCallback(()=>{u.isOpenDelayed?Z():A()},[u.isOpenDelayed,Z,A]),onTriggerLeave:n.useCallback(()=>{b?E():window.clearTimeout(f.current)},[E,b]),onOpen:A,onClose:E,disableHoverableContent:b,children:r})})};T.displayName=N;var k="TooltipTrigger",A=n.forwardRef((e,t)=>

1{let{__scopeTooltip:r,...o}=e,l=I(k,r),s=w(k,r),d=g(r),u=n.useRef(null),h=(0,a.e)(t,u,l.onTriggerChange),x=n.useRef(!1),m=n.useRef(!1),_=n.useCallback(()=>x.current=!1,[]);return n.useEffect(()=>()=>document.removeEventListener("pointerup",_),[_]),(0,v.jsx)(c.ee,{asChild:!0,...d,children:(0,v.jsx)(p.WV.button,{"aria-describedby":l.open?l.contentId:void 0,"data-state":l.stateAttribute,...o,ref:h,onPointerMove:(0,i.M)(e.onPointerMove,e=>{"touch"===e.pointerType||m.current||s.isPointerInTransitRef.current||(l.onTriggerEnter(),m.current=!0)}),onPointerLeave:(0,i.M)(e.onPointerLeave,()=>{l.onTriggerLeave(),m.current=!1}),onPointerDown:(0,i.M)(e.onPointerDown,()=>{x.current=!0,document.addEventListener("pointerup",_,{once:!0})}),onFocus:(0,i.M)(e.onFocus,()=>{x.current||l.onOpen()}),onBlur:(0,i.M)(e.onBlur,l.onClose),onClick:(0,i.M)(e.onClick,l.onClose)})})});A.displayName=k;var E="TooltipPortal",[Z,O]=_(E,{forceMount:void 0}),R=e=>{let{__scopeTooltip:t,forceMount:r,children:n,container:i}=e,a=I(E,t);return(0,v.jsx)(Z,{scope:t,forceMount:r,children:(0,v.jsx)(u.z,{present:r||a.open,children:(0,v.jsx)(d.h,{asChild:!0,container:i,children:n})})})};R.displayName=E;var L="TooltipContent",P=n.forwardRef((e,t)=>{let r=O(L,e.__scopeTooltip),{forceMount:n=r.forceMount,side:i="top",...a}=e,o=I(L,e.__scopeTooltip);return(0,v.jsx)(u.z,{present:n||o.open,children:o.disableHoverableContent?(0,v.jsx)(q,{side:i,...a,ref:t}):(0,v.jsx)(W,{side:i,...a,ref:t})})}),W=n.forwardRef((e,t)=>{let r=I(L,e.__scopeTooltip),i=w(L,e.__scopeTooltip),o=n.useRef(null),l=(0,a.e)(t,o),[s,c]=n.useState(null),{trigger:d,onClose:u}=r,p=o.current,{onPointerInTransitChange:h}=i,x=n.useCallback(()=>{c(null),h(!1)},[h]),m=n.useCallback((e,t)=>{let r=e.currentTarget,n={x:e.clientX,y:e.clientY},i=function(e,t){let r=Math.abs(t.top-e.y),n=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(r,n,i,a)){case a:return"left";case i:return"right";case r:return"top";case n:return"bottom";default:throw Error("unreachable")}}(n,r.getBoundingClientRect());c(function(e){let t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();let t=[];for(let r=0;r<e.length;r++){let n=e[r];for(;t.length>=2;){let e=t[t.length-1],r=t[t.length-2];if((e.x-r.x)*(n.y-r.y)>=(e.y-r.y)*(n.x-r.x))t.pop();else break}t.push(n)}t.pop();let r=[];for(let t=e.length-1;t>=0;t--){let n=e[t];for(;r.length>=2;){let e=r[r.length-1],t=r[r.length-2];if((e.x-t.x)*(n.y-t.y)>=(e.y-t.y)*(n.x-t.x))r.pop();else break}r.push(n)}return(r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y)?t:t.concat(r)}(t)}([...function(e,t,r=5){let n=[];switch(t){case"top":n.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":n.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":n.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":n.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return n}(n,i),...function(e){let{top:t,right:r,bottom:n,left:i}=e;return[{x:i,y:t},{x:r,y:t},{x:r,y:n},{x:i,y:n}]}(t.getBoundingClientRect())])),h(!0)},[h]);return n.useEffect(()=>()=>x(),[x]),n.useEffect(()=>{if(d&&p){let e=e=>m(e,p),t=e=>m(e,d);return d.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{d.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[d,p,m,x]),n.useEffect(()=>{if(s){let e=e=>{let t=e.target,r={x:e.clientX,y:e.clientY},n=d?.contains(t)||p?.contains(t),i=!function(e,t){let{x:r,y:n}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e].x,l=t[e].y,s=t[a].x,c=t[a].y;l>n!=c>n&&r<(s-o)*(n-l)/(c-l)+o&&(i=!i)}return i}(r,s);n?x():i&&(x(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[d,p,s,u,x]),(0,v.jsx)(q,{...e,ref:l})}),[M,D]=_(N,{isInside:!1}),q=n.forwardRef((e,t)=>{let{__scopeTooltip:r,children:i,"aria-label":a,onEscapeKeyDown:o,onPointerDownOutside:s,...d}=e,u=I(L,r),p=g(r),{onClose:x}=u;return n.useEffect(()=>(document.addEventListener(j,x),()=>document.removeEventListener(j,x)),[x]),n.useEffect(()=>{if(u.trigger){let e=e=>{let t=e.target;t?.contains(u.trigger)&&x()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,x]),(0,v.jsx)(l.XB,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:o,onPointerDownOutside:s,onFocusOutside:e=>e.preventDefault(),onDismiss:x,children:(0,v.jsxs)(c.VY,{"data-state":u.stateAttribute,...p,...d,ref:t,style:{...d.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[(0,v.jsx)(h.A4,{children:i}),(0,v.jsx)(M,{scope:r,isInside:!0,children:(0,v.jsx)(m.f,{id:u.contentId,role:"tooltip",children:a||i})})]})})});P.displayName=L;var F="TooltipArrow",G=n.forwardRef((e,t)=>

1{let{__scopeTooltip:r,...n}=e,i=g(r);return D(F,r).isInside?null:(0,v.jsx)(c.Eh,{...i,...n,ref:t})});G.displayName=F;var z=C,X=T,B=A,V=R,H=P,Q=G},68915:function(e,t,r){"use strict";function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}r.d(t,{_:function(){return n}})},90758:function(e,t,r){"use strict";function n(e){if(null==e)throw TypeError("Cannot destructure "+e);return e}r.d(t,{_:function(){return n}})}},function(e){e.O(0,[8501,25601,72622,72009,36134,5087,87120,99356,32488,38130,92888,49774,40179],function(){return e(e.s=35769)}),_N_E=e.O()}]);