!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]="2ca73c08-c1ff-4606-a71b-2895ec7a7f14",e._sentryDebugIdIdentifier="sentry-dbid-2ca73c08-c1ff-4606-a71b-2895ec7a7f14")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"8b7b01b6c705cf50f8050ce0fb8fc6b58fe68567"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[6129],{66129:function(e,t,n){n.r(t),n.d(t,{default:function(){return Pe}});var r=n(29439),o=n(67294),a=n(93416),i=n(87462),l=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),i=a[0],l=a[1],m=(0,c.Zc)(),d=(0,o.useMemo)((function(){return(0,u.cW)({searchTerm:i,integrations:e})}),[i,e]),g=i?(0,u.QJ)(d,t):m;return{integrations:(0,u._x)((0,u.mi)(g)),setSearchTerm:l}},d=n(41898),g=function(e){var t=e.flavour,n=(0,c.xh)(),l=(0,r.Z)(n,2),u=l[0],s=l[1],g=(0,c.wC)(),f=g.history,p=g.setHistory,v=(0,c.lX)(),h=m().setSearchTerm,E=(0,o.useCallback)((function(e){h(e),e?(u||s(f),p([])):u&&p(u)}),[u]),y=(0,o.useMemo)((function(){var e;return null===(e=d.xN[t])||void 0===e?void 0:e.search}),[t]),x=(null===y||void 0===y?void 0:y.wrapperProps)||{},b=(null===y||void 0===y?void 0:y.inputProps)||{};return o.createElement(a.Flex,x,o.createElement(a.SearchInput,(0,i.Z)({value:v,onChange:E,placeholder:"Search through 800+ integrations",dataGa:"integrations::searchTerm::".concat(t)},b)))},f=["flavour"],p=function(e){var t=e.flavour,n=(0,l.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,i.Z)({column:!0,alignItems:"center",justifyContent:"center",gap:2,width:{min:"500px"}},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(24281),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,i=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:i})})))},Z=function(e){var t=e.subcategories,n=void 0===t?[]:t,i=e.popular,l=void 0===i?[]:i,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:l,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,i=void 0===n?{}:n,l=e.level,u=void 0===l?1:l,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=i.id,C=i.name,T=d.JZ[x],P=(0,o.useMemo)((function(){return(0,b.Ov)((0,b.KT)({category:i,categories:f}))}),[i,f]),N=P.categories,M=P.popular,_=P.rest,B=(0,y.Z)(),L=(0,r.Z)(B,2),R=L[0],j=L[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]),(0,o.useMemo)((function(){var e,t=null===(e=g[x])||void 0===e?void 0:e.limit,n=M.length+1;return t>1?t-n:0}),[g,M])),D=x==(null===h||void 0===h?void 0:h.id),A=(0,o.useMemo)((function(){return F(u)}),[u]),W=(0,w.Z)(),G=(0,r.Z)(W,2),O=G[0],Q=G[1],J=(0,c.Si)(),V=function(){J(),E(i),(0,S.L)("integrations","select-category","sidebar","category-id:".concat(i.id)),N.length&&Q()};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:D?"primary":"text",cursor:"pointer",onClick:V}))):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,A],onClick:V,dataGa:"integrations::click-category-".concat(C,"::").concat(s),background:u>1&&D?"integrationMenuItemHover":null,alignItems:"center"},T&&o.createElement(a.Icon,{name:T,size:"small",color:D?"primary":"text"}),u>1&&o.createElement(v.pV,{name:"chevron_right",rotate:O?1:0,size:"small",color:"textLite",cursor:"pointer",disabled:!N.length}),o.createElement(I.Z,{text:C,TextComponent:a.TextBig})),!!N.length&&(O||1==u)&&o.createElement(Z,{subcategories:N,popular:M,noPopular:_,limitResults:z,level:u,flavour:s}))},P=function(e){return o.createElement(a.Box,(0,i.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"}},M={collapsed:{icon:"chevron_right",iconSize:"large",flavour:"borderless",small:!0},expanded:{icon:"chevron_left",iconSize:"small",flavour:"hollow",tiny:!0}},_=function(e){var t=e.isSidebarCollapsed,n=e.onClick,r=void 0===n?E():n,l=(0,o.useMemo)((function(){return t?"collapsed":"expanded"}),[t]);return o.createElement(a.Flex,(0,i.Z)({width:"100%"},N[l]),o.createElement(a.Button,(0,i.Z)({neutral:!0,onClick:r},M[l])))},B=(0,x.D)(300,b.XB),L=function(e){var t=e.flavour,n=e.isSidebarCollapsed,i=e.toggleSidebar,l=void 0===i?E():i,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(){B({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(_,{isSidebarCollapsed:n,onClick:l}),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 l}),[l]),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,"data-index":e.index},o.createElement(v.DF,{itemsPerRow:a,rowHeight:l},(u[e.index]||[]).map((function(e){return o.createElement(ie,{width:"100%",height:"100%",key:e.flattenedKey||e.id,integration:e})}))))}))))},ce=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.")))},ue=n(14348),se="(min-width: 1600px)",me="(max-width: 1599px)",de="(max-width: 1299px)",ge={large:{itemsPerRow:4,rowHeight:200},medium:{itemsPerRow:3,rowHeight:200},small:{itemsPerRow:2,rowHeight:190}},fe=n(63346),pe=(0,o.memo)((function(e){var t=e.selectedCategory,n=e.searchTerm,r=e.integrations,l=function(){var e=(0,ue.Z)(se),t=(0,ue.Z)(me),n=(0,ue.Z)(de);return ge[e?"large":t&&!n?"medium":"small"]||{}}(),c=l.itemsPerRow,u=l.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(fe.ZP,(0,i.Z)({mode:"IntegrationsList"},n?{searchTerm:n}:{}),o.createElement(le,{integrations:r,itemsPerRow:c,rowHeight:u})):o.createElement(fe.ZP,(0,i.Z)({mode:"NoIntegrations"},n?{searchTerm:n}:{}),o.createElement(ce,null)))})),ve=function(e){var t=e.flavour,n=(0,c.wC)().selectedCategory,r=(0,c.lX)(),a=m().integrations;return o.createElement(pe,{flavour:t,selectedCategory:n,searchTerm:r,integrations:a})},he=(n(91058),n(57610)),Ee=n(4822),ye=n(58591),xe=function(){var e,t,n=(0,o.useState)("calc(100% - 133px)"),i=(0,r.Z)(n,2),l=i[0],u=i[1],s=(0,ye.m$)().selectedIntegrationTab,m=(0,Ee.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(fe.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:l,overflow:{vertical:"auto"},padding:[2,0]},o.createElement(he.Z,null,null===(t=N[p])||void 0===t?void 0:t.content))))},be=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(xe,null))},we=function(e){var t=e.integration,n=void 0===t?{}:t,r=e.topLevelCategory,a=void 0===r?{}:r,i=e.isNightly,l=(0,o.useMemo)((function(){return function(e){return d.ON[null===e||void 0===e?void 0:e.id]||be}(a)}),[a]);return o.createElement(fe.ZP,{mode:"IntegrationView",integrationId:null===n||void 0===n?void 0:n.id},o.createElement(l,{integration:n,isNightly:i}))},Ce=n(35253),Ze=function(e){var t=e.flavour,n=(0,j.OS)("plan"),i=(0,s.Z)(),l=(0,c.wC)(),u=l.level,m=l.selectedCategory,d=l.selectedIntegration,g=(d||{}).flattenedCategory||m,f=(0,b.QQ)({category:g,getCategoryById:i}).topLevelCategory,p="deploy"==(null===f||void 0===f?void 0:f.id),v=(0,o.useState)(Ce.N[n]||Ce.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(we,{integration:d,topLevelCategory:f,isNightly:"nightly"==E,flavour:t}):o.createElement(ve,{flavour:t}))},Ie=n(26502),ke=(0,z.default)(a.Flex).withConfig({displayName:"cncfReference__Wrapper",componentId:"sc-1ntasha-0"})(["position:absolute;bottom:0;"]),Se=function(){return o.createElement(ke,{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(Ie.lR,null))},Fe=n(18663),Te=n(89250),Pe=function(e){var t=e.flavour,n=void 0===t?d.p1:t,i=(0,w.Z)(),l=(0,r.Z)(i,4),u=l[0],s=l[2],m=l[3];!function(){var e=(0,o.useRef)(!0),t=(0,Te.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(fe.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(Ze,{flavour:n})),n==d.RV.homePage&&o.createElement(Se,null)),u&&o.createElement(Fe.l,{onClose:m}))}}}]);