!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e314d290-9d8d-49f3-9ac5-841cb0e202df",e._sentryDebugIdIdentifier="sentry-dbid-e314d290-9d8d-49f3-9ac5-841cb0e202df")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"0c0a7a41a0e7ecb4870dbce38dbd7d5e0913bb7f"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[6129],{66129:function(e,t,n){n.r(t),n.d(t,{default:function(){return Te}});var r=n(29439),o=n(67294),a=n(59978),l=n(87462),i=n(45987),c=(n(74916),n(64765),n(8641)),u=n(85373),s=n(67034),m=function(){var e=(0,c.NE)(),t=(0,s.Z)(),n=(0,c.dG)(),a=(0,r.Z)(n,2),l=a[0],i=a[1],m=(0,c.Zc)(),d=(0,o.useMemo)((function(){return(0,u.cW)({searchTerm:l,integrations:e})}),[l,e]),g=l?(0,u.QJ)(d,t):m;return{integrations:(0,u._x)((0,u.mi)(g)),setSearchTerm:i}},d=n(41898),g=function(e){var t=e.flavour,n=(0,c.xh)(),i=(0,r.Z)(n,2),u=i[0],s=i[1],g=(0,c.wC)(),f=g.history,p=g.setHistory,v=(0,c.lX)(),h=m().setSearchTerm,E=(0,o.useMemo)((function(){var e;return null===(e=d.xN[t])||void 0===e?void 0:e.search}),[t]),y=(null===E||void 0===E?void 0:E.wrapperProps)||{},x=(null===E||void 0===E?void 0:E.inputProps)||{};return o.createElement(a.Flex,y,o.createElement(a.TextInput,(0,l.Z)({iconLeft:o.createElement(a.Icon,{name:"search",color:"textLite"}),value:v,onInput:function(e){var t=e.target.value;h(t),t?(u||s(f),p([])):u&&p(u)},placeholder:"Search through 800+ integrations",containerStyles:{width:"100%"},dataGa:"integrations::searchTerm::".concat(t)},x)))},f=["flavour"],p=function(e){var t=e.flavour,n=(0,i.Z)(e,f),r=(0,o.useMemo)((function(){var e;return null===(e=d.n5[t])||void 0===e?void 0:e.headerContent}),[t]),c=(0,o.useMemo)((function(){var e;return null===(e=d.xN[t])||void 0===e?void 0:e.header}),[t]),u=(null===c||void 0===c?void 0:c.wrapperProps)||{};return o.createElement(a.Flex,(0,l.Z)({column:!0,alignItems:"center",justifyContent:"center",gap:2},u),r&&o.createElement(r,n),o.createElement(g,{flavour:t}))},v=n(668),h=(n(21249),n(57640),n(9924),n(50308)),E=n.n(h),y=n(88553),x=n(27856),b=(n(92222),n(86348)),w=(n(47042),n(46667)),C=function(e){var t=e.categories,n=void 0===t?[]:t,r=e.level,a=void 0===r?0:r,l=e.flavour;return o.createElement(o.Fragment,null,n.map((function(e){return o.createElement(T,{key:e.id,category:e,level:a+1,flavour:l})})))},Z=function(e){var t=e.subcategories,n=void 0===t?[]:t,l=e.popular,i=void 0===l?[]:l,c=e.noPopular,u=void 0===c?[]:c,s=e.limitResults,m=void 0===s?0:s,d=e.level,g=e.flavour,f=(0,w.Z)(m),p=(0,r.Z)(f,2),v=p[0],h=p[1],E=m&&!v?u.slice(0,m):u,y=(0,o.useMemo)((function(){return F(2)+4}),[]);return o.createElement(a.Flex,{column:!0},o.createElement(C,{categories:i,level:d,flavour:g}),o.createElement(C,{categories:E,level:d,flavour:g}),!!m&&m0&&void 0!==arguments[0]?arguments[0]:1)},T=function(e){var t=e.isSidebarCollapsed,n=e.category,l=void 0===n?{}:n,i=e.level,u=void 0===i?1:i,s=e.flavour,m=e.maxItemsPerCategory,g=void 0===m?{}:m,f=(0,c.pZ)(),p=(0,c.wC)(),h=p.selectedCategory,E=p.pushCategory,x=l.id,C=l.name,T=d.JZ[x],P=(0,o.useMemo)((function(){return(0,b.Ov)((0,b.KT)({category:l,categories:f}))}),[l,f]),N=P.categories,L=P.popular,M=P.rest,_=(0,y.Z)(),B=(0,r.Z)(_,2),R=B[0],j=B[1].width,H=(0,o.useMemo)((function(){return d.xN[s]||{}}),[s]).categoryCharacterWidth,z=(0,o.useMemo)((function(){return H>0?Math.floor(j/H):30}),[j,H]),D=(0,o.useMemo)((function(){var e,t=null===(e=g[x])||void 0===e?void 0:e.limit,n=L.length+1;return t>1?t-n:0}),[g,L]),A=x==(null===h||void 0===h?void 0:h.id),W=(0,o.useMemo)((function(){return F(u)}),[u]),G=(0,w.Z)(),O=(0,r.Z)(G,2),Q=O[0],J=O[1],V=(0,c.Si)(),K=function(){V(),E(l),(0,S.L)("integrations","select-category","sidebar","category-id:".concat(l.id)),N.length&&J()};return t?o.createElement(a.Flex,{alignItems:"center",justifyContent:"center",padding:[2]},o.createElement(k.Z,{content:C,align:"right"},T&&o.createElement(a.Icon,{name:T,color:A?"primary":"text",cursor:"pointer",onClick:K}))):o.createElement(a.Flex,{column:!0},o.createElement(v.MJ,{ref:R,className:1==u?"top-level":"",gap:u>1?1:2,padding:[2,2,2,W],onClick:K,dataGa:"integrations::click-category-".concat(C,"::").concat(s),background:u>1&&A?"integrationMenuItemHover":null},T&&o.createElement(a.Icon,{name:T,size:"small",color:A?"primary":"text"}),u>1&&o.createElement(v.pV,{name:"chevron_right",rotate:Q?1:0,size:"small",color:"textLite",cursor:"pointer",disabled:!N.length}),o.createElement(I.Z,{maxLength:z,text:C,TextComponent:a.TextBig})),!!N.length&&(Q||1==u)&&o.createElement(Z,{subcategories:N,popular:L,noPopular:M,limitResults:D,level:u,flavour:s}))},P=function(e){return o.createElement(a.Box,(0,l.Z)({as:"hr",height:"1px",width:"100%",sx:{borderWidth:"1px 0px 0px 0px",borderColor:"borderSecondary",borderStyle:"solid"}},e))},N={collapsed:{alignItems:"center",justifyContent:"center",padding:[2]},expanded:{justifyContent:"end",padding:[0,2,0,0],position:"sticky",top:"0"}},L={collapsed:{icon:"chevron_right",iconSize:"large",flavour:"borderless",small:!0},expanded:{icon:"chevron_left",iconSize:"small",flavour:"hollow",tiny:!0}},M=function(e){var t=e.isSidebarCollapsed,n=e.onClick,r=void 0===n?E():n,i=(0,o.useMemo)((function(){return t?"collapsed":"expanded"}),[t]);return o.createElement(a.Flex,(0,l.Z)({width:"100%"},N[i]),o.createElement(a.Button,(0,l.Z)({neutral:!0,onClick:r},L[i])))},_=(0,x.D)(300,b.XB),B=function(e){var t=e.flavour,n=e.isSidebarCollapsed,l=e.toggleSidebar,i=void 0===l?E():l,u=(0,y.Z)(),s=(0,r.Z)(u,2),m=s[0],d=s[1].height,g=(0,c.BN)(),f=(0,c.pZ)(),p=(0,o.useState)({}),v=(0,r.Z)(p,2),h=v[0],x=v[1];return(0,o.useEffect)((function(){_({height:d,topLevelCategories:g,categories:f,setState:x})}),[d,g,f]),o.createElement(a.Flex,{ref:m,column:!0,gap:2,overflow:{vertical:"auto"}},o.createElement(M,{isSidebarCollapsed:n,onClick:i}),g.map((function(e,r){return o.createElement(a.Flex,{key:e.id,column:!0,gap:2},o.createElement(T,{isSidebarCollapsed:n,category:e,maxItemsPerCategory:h,flavour:t}),!n&&r0&&o.push(a),o}({integrations:n,itemsPerRow:a})}),[n,a]),s=(0,o.useCallback)((function(){return i}),[i]),m=(0,q.MG)({count:u.length,getScrollElement:function(){return c.current},enableSmoothScroll:!1,estimateSize:s});return o.createElement("div",{ref:c,style:{height:"100%",overflow:"auto",paddingRight:"16px"}},o.createElement("div",{style:{minHeight:"".concat(m.getTotalSize(),"px"),width:"100%",position:"relative"}},m.getVirtualItems().map((function(e){return o.createElement("div",{key:e.key,style:{position:"absolute",top:0,left:0,width:"100%",transform:"translateY(".concat(e.start,"px)"),overflow:"hidden"},ref:m.measureElement},o.createElement(v.DF,{itemsPerRow:a,rowHeight:i},(u[e.index]||[]).map((function(e){return o.createElement(ae,{width:"100%",height:"100%",key:e.flattenedKey||e.id,integration:e})}))))}))))},ie=function(){return o.createElement(a.Flex,{width:"100%",column:!0,alignItems:"center",margin:[8,0,0,0]},o.createElement(a.Flex,{column:!0,justifyContent:"center",alignItems:"center",margin:[0,0,6]},o.createElement(a.H3,{margin:[0,0,4]},"No integrations to display"),o.createElement(a.Text,{color:"textDescription",textAlign:"center"},"There are currently no integrations under this category.",o.createElement("br",null),"Try another category or use the search bar to find what you're looking for.")))},ce=n(94829),ue="(min-width: 1600px)",se="(max-width: 1599px)",me="(max-width: 1299px)",de={large:{itemsPerRow:4,rowHeight:200},medium:{itemsPerRow:3,rowHeight:200},small:{itemsPerRow:2,rowHeight:190}},ge=n(63346),fe=(0,o.memo)((function(e){var t=e.selectedCategory,n=e.searchTerm,r=e.integrations,i=function(){var e=(0,ce.Z)(ue),t=(0,ce.Z)(se),n=(0,ce.Z)(me);return de[e?"large":t&&!n?"medium":"small"]||{}}(),c=i.itemsPerRow,u=i.rowHeight;return o.createElement(a.Flex,{column:!0,gap:4,width:"100%",height:"100%",overflow:{vertical:"auto"}},o.createElement(a.Flex,{width:"100%",position:"sticky",top:"0",background:"mainBackground",zIndex:15},n?o.createElement($,null):o.createElement(a.Flex,{column:!0,gap:2},o.createElement(a.H1,{strong:!1},null===t||void 0===t?void 0:t.name),o.createElement(a.Text,null,null===t||void 0===t?void 0:t.description))),r.length?o.createElement(ge.ZP,(0,l.Z)({mode:"IntegrationsList"},n?{searchTerm:n}:{}),o.createElement(le,{integrations:r,itemsPerRow:c,rowHeight:u})):o.createElement(ge.ZP,(0,l.Z)({mode:"NoIntegrations"},n?{searchTerm:n}:{}),o.createElement(ie,null)))})),pe=function(e){var t=e.flavour,n=(0,c.wC)().selectedCategory,r=(0,c.lX)(),a=m().integrations;return o.createElement(fe,{flavour:t,selectedCategory:n,searchTerm:r,integrations:a})},ve=(n(91058),n(67996)),he=n(4822),Ee=n(58591),ye=function(){var e,t,n=(0,o.useState)("calc(100% - 133px)"),l=(0,r.Z)(n,2),i=l[0],u=l[1],s=(0,Ee.m$)().selectedIntegrationTab,m=(0,he.I0)("selectedIntegrationTab"),d=(0,r.Z)(m,2)[1],g=(0,o.useState)(s||0),f=(0,r.Z)(g,2),p=f[0],v=f[1],h=(0,c.wC)().selectedIntegration,E=void 0===h?{}:h,x=E.overview,b=E.metrics,w=E.alerts,C=E.setup,Z=E.troubleshooting,I=E.relatedResources,k=(0,y.Z)(),F=(0,r.Z)(k,2),T=F[0],P=F[1].height,N=(0,o.useMemo)((function(){return[x?{id:"overview",label:"Overview",content:x}:null,b?{id:"metrics",label:"Metrics",content:b}:null,w?{id:"alerts",label:"Alerts",content:w}:null,C?{id:"setup",label:"Setup",content:C}:null,Z?{id:"troubleshooting",label:"Troubleshooting",content:Z}:null].filter(Boolean)}),[x,b,w,C,Z,I]);(0,o.useLayoutEffect)((function(){P&&u("".concat(P-70,"px"))}),[P]);return o.createElement(ge.ZP,{tab:null===(e=N[p])||void 0===e?void 0:e.label,delay:0},o.createElement(a.Flex,{ref:T,column:!0,gap:2,width:"100%",height:"100%",margin:[4,0,0,0]},o.createElement(a.Flex,{border:{side:"bottom",size:"1px",color:"borderSecondary"},padding:[0,4]},o.createElement(a.Tabs,{selected:parseInt(p),onChange:function(e){var t;d(e),v(e),(0,S.L)("integrations","select-integration-tab","integration-view","selected-tab:".concat(null===(t=N[e])||void 0===t?void 0:t.label))}},N.map((function(e){var t=e.label;return o.createElement(a.Tab,{key:t,label:o.createElement(a.Text,null,t),minWidth:"auto",maxWidth:"auto",padding:[1,4],background:"mainBackground",small:!0})})))),o.createElement(a.Flex,{width:"100%",height:i,overflow:{vertical:"auto"},padding:[2,0]},o.createElement(ve.Z,null,null===(t=N[p])||void 0===t?void 0:t.content))))},xe=function(e){var t=e.integration,n=void 0===t?{}:t;return o.createElement(o.Fragment,null,n.description&&o.createElement(a.Flex,{margin:[4,0,0,0]},o.createElement(a.Text,null,n.description)),o.createElement(ye,null))},be=function(e){var t=e.integration,n=void 0===t?{}:t,r=e.topLevelCategory,a=void 0===r?{}:r,l=e.isNightly,i=(0,o.useMemo)((function(){return function(e){return d.ON[null===e||void 0===e?void 0:e.id]||xe}(a)}),[a]);return o.createElement(ge.ZP,{mode:"IntegrationView",integrationId:null===n||void 0===n?void 0:n.id},o.createElement(i,{integration:n,isNightly:l}))},we=n(35253),Ce=function(e){var t=e.flavour,n=(0,j.OS)("plan"),l=(0,s.Z)(),i=(0,c.wC)(),u=i.level,m=i.selectedCategory,d=i.selectedIntegration,g=(d||{}).flattenedCategory||m,f=(0,b.QQ)({category:g,getCategoryById:l}).topLevelCategory,p="deploy"==(null===f||void 0===f?void 0:f.id),v=(0,o.useState)(we.N[n]||we.N.default),h=(0,r.Z)(v,2),E=h[0],y=h[1],x=d||u>2;return o.createElement(a.Flex,{column:!0,gap:2,width:"100%",overflow:d&&!p?{}:{vertical:"auto"}},o.createElement(a.Flex,{column:!0,alignItems:"start",gap:2,padding:[0,2,0,0]},x&&o.createElement(H,null),o.createElement(a.Flex,{width:"100%",alignItems:"end",justifyContent:"between"},o.createElement(a.Flex,{alignItems:"center",gap:4},o.createElement(K,{flavour:t}),(null===d||void 0===d?void 0:d.editLink)&&o.createElement(X,{url:d.editLink})),d&&p&&o.createElement(Y.Z,{isNightly:"nightly"==E,toggleNightly:function(e){var t=e.target.checked?"nightly":"stable";y(t)}}))),d?o.createElement(be,{integration:d,topLevelCategory:f,isNightly:"nightly"==E,flavour:t}):o.createElement(pe,{flavour:t}))},Ze=n(26502),Ie=(0,z.default)(a.Flex).withConfig({displayName:"cncfReference__Wrapper",componentId:"sc-1ntasha-0"})(["position:absolute;bottom:0;"]),ke=function(){return o.createElement(Ie,{width:"100%",alignItems:"start",justifyContent:"end",background:"mainBackground",gap:2,padding:[6]},o.createElement(a.Flex,{width:"500px"},o.createElement(a.TextSmall,{textAlign:"right"},"Netdata is a member of the Cloud Native Computing Foundation (CNCF), and it is one of the most starred projects in the"," ",o.createElement(Q.Z,{alignSelf:"start",Component:a.TextSmall,href:"https://landscape.cncf.io/card-mode?grouping=no&sort=stars",rel:"noopener noreferer",target:"_blank"},"CNCF landscape"),".")),o.createElement(Ze.lR,null))},Se=n(18663),Fe=n(89250),Te=function(e){var t=e.flavour,n=void 0===t?d.p1:t,l=(0,w.Z)(),i=(0,r.Z)(l,4),u=i[0],s=i[2],m=i[3];!function(){var e=(0,o.useRef)(!0),t=(0,Fe.TH)().pathname,n=(0,c.P0)();(0,o.useEffect)((function(){e.current||(e.current=!1,n())}),[t])}();var g=(0,w.Z)(),f=(0,r.Z)(g,2),h=f[0],E=f[1];return o.createElement(ge.ZP,{feature:"Integrations",logImpression:!1},o.createElement(a.Flex,{position:"relative",height:"100%",column:!0,background:"mainBackground"},o.createElement(a.Flex,{column:!0,alignItems:"center",justifyContent:"center"},o.createElement(p,{flavour:n,onInvite:s})),o.createElement(v.J3,{flavour:n,isSidebarCollapsed:h},o.createElement(R,{flavour:n,isSidebarCollapsed:h,toggleSidebar:E}),o.createElement(Ce,{flavour:n})),n==d.RV.homePage&&o.createElement(ke,null)),u&&o.createElement(Se.l,{onClose:m}))}}}]);