MOON
Server: Apache
System: Linux server1.studioinfinity.com.br 2.6.32-954.3.5.lve1.4.90.el6.x86_64 #1 SMP Tue Feb 21 12:26:30 UTC 2023 x86_64
User: artinside (517)
PHP: 7.4.33
Disabled: exec,passthru,shell_exec,system
Upload Files
File: //proc/self/root/opt/netdata/netdata-web-files/v3/9462.bec8962f161cf961eef6.chunk.js
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"161df38a3ce485b0993d5667ea290f6097b8818b"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7dae7056-d7e8-4153-ae84-d37efbb8cd04",e._sentryDebugIdIdentifier="sentry-dbid-7dae7056-d7e8-4153-ae84-d37efbb8cd04")}catch(e){}}(),(globalThis.webpackChunkcloud_frontend=globalThis.webpackChunkcloud_frontend||[]).push([[9462],{89462(e,t,n){n.r(t),n.d(t,{default:()=>Ie});var r=n(38429),o=n(96540),i=(n(98992),n(54520),n(42318)),s=n(61661),l=n(14815),a=n(74848);const c=e=>{let{flavour:t}=e;const[n,c]=(0,s.x9)(),{history:d,setHistory:g}=(0,s.b8)(),h=(0,s.GT)(),{setSearchTerm:u}=(0,i.A)(),x=(0,o.useCallback)(e=>{u(e),e?(n||c(d.filter(e=>{let{type:t}=e;return"integration"!==t})),g([])):n&&g(n)},[d,n,u,g]),m=(0,o.useMemo)(()=>l.jI[t]?.search,[t]),p=m?.wrapperProps||{},j=m?.inputProps||{};return(0,a.jsx)(r.Flex,{...p,children:(0,a.jsx)(r.SearchInput,{value:h,onChange:x,placeholder:"Search through 800+ integrations",dataGa:`integrations::searchTerm::${t}`,...j})})},d=e=>{let{flavour:t,...n}=e;const i=(0,o.useMemo)(()=>l.vD[t]?.headerContent,[t]),s=(0,o.useMemo)(()=>l.jI[t]?.header,[t]),d=s?.wrapperProps||{};return(0,a.jsxs)(r.Flex,{"data-testid":"integrations-header-container",position:"relative",column:!0,alignItems:"center",justifyContent:"center",gap:2,width:{min:"500px"},...d,children:[i&&(0,a.jsx)(i,{...n}),(0,a.jsx)(c,{flavour:t})]})};var g=n(37846),h=(n(81454),n(63950)),u=n.n(h),x=n(85660),m=n(73700),p=n(87239),j=n(6304);const f=e=>{let{categories:t=[],level:n=0,flavour:r}=e;return(0,a.jsx)(a.Fragment,{children:t.map(e=>(0,a.jsx)(w,{category:e,level:n+1,flavour:r},e.id))})},y=e=>{let{subcategories:t=[],popular:n=[],noPopular:i=[],limitResults:s=0,level:l,flavour:c}=e;const[d,g]=(0,j.A)(s),h=s&&!d?i.slice(0,s):i,u=(0,o.useMemo)(()=>C(2)+4,[]);return(0,a.jsxs)(r.Flex,{column:!0,children:[(0,a.jsx)(f,{categories:n,level:l,flavour:c}),(0,a.jsx)(f,{categories:h,level:l,flavour:c}),!!s&&s<t.length&&(0,a.jsx)(r.Flex,{padding:[0,0,0,u],children:(0,a.jsx)(r.Button,{flavour:"borderless",label:d?"Show less":"Show more",onClick:g,small:!0,"data-ga":`integrations::click-category-${name}-${d?"showLess":"showMore"}::${c}`})})]})};var b=n(45087),v=n(41514);const C=function(){return 4*(arguments.length>0&&void 0!==arguments[0]?arguments[0]:1)},w=e=>{let{isSidebarCollapsed:t,category:n={},level:i=1,flavour:c,maxItemsPerCategory:d={}}=e;const h=(0,s.j6)(),{selectedCategory:u,pushCategory:x}=(0,s.b8)(),{id:m,name:f}=n,w=l.aw[m],{categories:I,popular:k,rest:F}=(0,o.useMemo)(()=>(0,p.YK)((0,p.PQ)({category:n,categories:h})),[n,h]),A=(0,o.useMemo)(()=>{const e=d[m]?.limit,t=k.length+1;return e>1?e-t:0},[d,k]),S=m===u?.id,T=(0,o.useMemo)(()=>C(i),[i]),[P,B]=(0,j.A)(),_=(0,s.q2)(),E=()=>{_(),x(n),(0,v.H)("integrations","select-category","sidebar",`category-id:${n.id}`),I.length&&B()};return t?(0,a.jsx)(r.Flex,{alignItems:"center",justifyContent:"center",padding:[2],children:(0,a.jsx)(b.A,{content:f,align:"right",children:w&&(0,a.jsx)(r.Icon,{name:w,color:S?"primary":"text",cursor:"pointer",onClick:E})})}):(0,a.jsxs)(r.Flex,{column:!0,children:[(0,a.jsxs)(g.Av,{className:1===i?"top-level":"",gap:i>1?1:2,padding:[2,2,2,T],onClick:E,dataGa:`integrations::click-category-${f}::${c}`,background:i>1&&S?"integrationMenuItemHover":null,alignItems:"center",children:[w&&(0,a.jsx)(r.Icon,{name:w,size:"small",color:S?"primary":"text"}),i>1&&(0,a.jsx)(g.oO,{name:"chevron_right",rotate:P?1:0,size:"small",color:"textLite",cursor:"pointer",disabled:!I.length}),(0,a.jsx)(r.TextBig,{children:f})]}),!!I.length&&(P||1===i)&&(0,a.jsx)(y,{subcategories:I,popular:k,noPopular:F,limitResults:A,level:i,flavour:c})]})},I=e=>(0,a.jsx)(r.Box,{as:"hr",height:"1px",width:"100%",sx:{borderWidth:"1px 0px 0px 0px",borderColor:"borderSecondary",borderStyle:"solid"},...e}),k={collapsed:{alignItems:"center",justifyContent:"center",padding:[2]},expanded:{justifyContent:"end",padding:[0,2,0,0],position:"sticky",top:"0"}},F={collapsed:{icon:"chevron_right",iconSize:"large",flavour:"borderless"},expanded:{icon:"chevron_left",iconSize:"small",flavour:"hollow"}},A=e=>{let{isSidebarCollapsed:t,onClick:n=u()}=e;const i=(0,o.useMemo)(()=>t?"collapsed":"expanded",[t]);return(0,a.jsx)(r.Flex,{width:"100%",...k[i],children:(0,a.jsx)(r.Button,{neutral:!0,onClick:n,...F[i]})})},S=(0,m.s)(300,p.vF),T=e=>{let{flavour:t,isSidebarCollapsed:n,toggleSidebar:i=u()}=e;const[l,{height:c}]=(0,x.A)(),d=(0,s.Ss)(),g=(0,s.j6)(),[h,m]=(0,o.useState)({});return(0,o.useEffect)(()=>{S({height:c,topLevelCategories:d,categories:g,setState:m})},[c,d,g]),(0,a.jsxs)(r.Flex,{ref:l,column:!0,gap:2,overflow:{vertical:"auto"},children:[(0,a.jsx)(A,{isSidebarCollapsed:n,onClick:i}),d.map((e,o)=>(0,a.jsxs)(r.Flex,{column:!0,gap:2,children:[(0,a.jsx)(w,{isSidebarCollapsed:n,category:e,maxItemsPerCategory:h,flavour:t}),!n&&o<d.length-1&&(0,a.jsx)(I,{})]},e.id))]})},P=(0,o.memo)(T),B=()=>{const{pop:e}=(0,s.b8)(),t=(0,o.useCallback)(()=>{e(),(0,v.H)("integrations","navigate-back","breadcrumb")},[e]);return(0,a.jsx)(r.Button,{label:"Back",icon:"arrow_left",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:t})};var _=n(882);const E=e=>{let{iconProps:t,...n}=e;return(0,a.jsx)(r.Flex,{width:"74px",height:"74px",alignItems:"center",justifyContent:"center",background:"primary",round:"100%",...n,children:(0,a.jsx)(r.Icon,{name:"integrations",color:"white",size:"large",...t})})},H=(0,_.default)(E).withConfig({displayName:"fallbackIcon__PlaceholderIcon",componentId:"sc-182ui8v-0"})(["filter:blur(3px);background:",";opacity:0.7;"],(0,r.getColor)("mainBackground")),M=()=>(0,a.jsx)(H,{iconProps:{color:"textLite"}}),R=E;var N=n(79748);const $=e=>{let{name:t,icon:n}=e;const[i,s]=(0,o.useState)(),l=(0,o.useCallback)(()=>s(!0),[]);return(0,a.jsxs)(r.Flex,{alignItems:"center",gap:1,children:[n&&(i?(0,a.jsx)(R,{width:"18px",height:"18px",iconProps:{size:void 0,with:"12px",height:"12px"}}):(0,a.jsx)("img",{src:n,alt:`${t}-logo`,height:"18px",onError:l})),(0,a.jsx)(r.Text,{children:t})]})},L=e=>{let{category:t={},index:n=0}=e;const{history:o,selectedIntegration:i,pushCategory:l}=(0,s.b8)();return!i&&n===o.length-1?(0,a.jsx)(r.Text,{children:t.name}):(0,a.jsx)(N.A,{onClick:()=>{l(t),(0,v.H)("integrations","select-category","breadcrumb",`category-id:${t.id}`)},children:t.name})},z=e=>{let{flavour:t}=e;const{history:n}=(0,s.b8)(),o=n.map(e=>{let{name:t}=e;return t}).join("-").replace(" ","");return(0,a.jsx)(r.Flex,{gap:2,dataGa:`integrations::view-integration-${o}::${t}`,children:n.map((e,t)=>(0,a.jsxs)(r.Flex,{gap:2,children:["category"===e.type?(0,a.jsx)(L,{category:e,index:t}):(0,a.jsx)($,{...e}),t<n.length-1&&(0,a.jsx)(r.Text,{children:"/"})]},e.id))})},D=e=>{let{url:t=""}=e;return t?(0,a.jsx)(N.A,{href:t,rel:"noopener noreferrer",target:"_blank",children:(0,a.jsx)(b.A,{content:"Do you see something wrong? Edit the contents of this resource here.",children:(0,a.jsxs)(r.Flex,{alignItems:"center",gap:1,children:[(0,a.jsx)(r.Icon,{color:"primary",name:"pencilOutline",width:"12px",height:"12px"}),(0,a.jsx)(r.Text,{color:"primary",children:"Edit"})]})})}):null};var G=n(29147);const W=()=>{const{integrations:e}=(0,i.A)(),t=(0,s.q2)(),n=(0,s.hh)(),{setHistory:l}=(0,s.b8)(),c=(0,o.useCallback)(()=>{t(),n&&l(n)},[]);return(0,a.jsx)(r.Flex,{alignItems:"center",justifyContent:"between",children:(0,a.jsxs)(r.Flex,{alignItems:"center",gap:4,children:[(0,a.jsxs)(r.TextBig,{children:["Found ",e.length," results"]}),(0,a.jsx)(r.Button,{label:"Clear",icon:"x",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:c})]})})};var q=n(51220),O=n(32465);const Y=_.default.img.withConfig({displayName:"progressiveImage__StyledImage",componentId:"sc-16k6xv6-0"})(["max-width:80%;max-height:74px;"]),K=e=>{let{src:t,Placeholder:n,onError:r=u(),...i}=e;const[s,l]=(0,j.A)(!0);return(0,o.useEffect)(()=>{const e=new Image;e.src=t,e.onload=()=>l(),e.onerror=e=>r(e)},[]),s&&n?(0,a.jsx)(n,{}):(0,a.jsx)(Y,{src:t,...i})},V=e=>{let{isCommunity:t,...n}=e;return(0,a.jsxs)(r.Flex,{alignItems:"center",gap:1,position:"absolute",top:"-20px",right:"0",padding:[0,2],...n,children:[(0,a.jsx)(b.A,{content:t?"This integration is maintaned by the community":"This integration is maintained by Netdata",children:(0,a.jsx)(r.TextMicro,{strong:!0,color:"textDescription",children:t?"by Community":"by Netdata"})}),!t&&(0,a.jsx)(r.Icon,{name:"favorites",color:"primary",width:"14px",height:"14px"})]})},J=e=>{let{integration:t={},...n}=e;const{selectedCategory:i,pushIntegration:l}=(0,s.b8)(),c=(0,s.j6)(),[d,h]=(0,j.A)(),{flattenedCategory:u,community:x}=t,m=(0,O.A)(),{tree:f,topLevelCategory:y}=(0,p.fk)({category:u,getCategoryById:m}),b=(0,o.useMemo)(()=>f.slice(0,2).filter(Boolean).map(e=>{let{name:t}=e;return t}).join(" / "),[f,y]),C=(0,p.q1)(i?.id||u?.id,c),[w,I]=(0,o.useState)(),k=(0,o.useCallback)(()=>I(!0),[]);return(0,a.jsxs)(g.Zp,{alignItems:"center",justifyContent:"center",height:"100%",position:"relative",overflow:"hidden",cursor:"pointer",padding:[2],onMouseEnter:h,onMouseLeave:h,onClick:()=>{l(t),(0,v.H)("integrations","select-integration","integration-tile",`integration-id:${t.id}`)},round:"2px",...n,children:[(0,a.jsx)(g.AG,{name:C,className:d?"hover":"",width:"190px",height:"190px",color:"textLite"}),(0,a.jsxs)(r.Flex,{width:"100%",alignItems:"center",justifyContent:"center",column:!0,gap:2,zIndex:10,children:[(0,a.jsxs)(r.Flex,{justifyContent:"center",column:!0,gap:1,children:[(0,a.jsx)(r.H3,{textAlign:"center",strong:!1,children:t.name}),b&&(0,a.jsx)(r.TextSmall,{textAlign:"center",children:b})]}),t.icon&&!w&&(0,a.jsx)(K,{Placeholder:M,src:t.icon,alt:`${t.name}-logo`,onError:k}),w&&(0,a.jsx)(R,{}),t.description?(0,a.jsxs)(g.BT,{className:d?"hover":"",alignItems:"center",justifyContent:"center",width:"100%",padding:[3],background:"mainBackground",children:[(0,a.jsx)(V,{isCommunity:x}),(0,a.jsx)(r.Text,{textAlign:"center",children:t.description})]}):(0,a.jsx)(V,{isCommunity:x,bottom:"4px",top:"unset"})]})]})},Q=(0,o.memo)(J),Z=e=>{let{integrations:t=[],itemsPerRow:n=4,rowHeight:r=200}=e;const i=(0,o.useRef)(),s=(0,o.useMemo)(()=>(e=>{let{integrations:t=[],itemsPerRow:n}=e;const r=[];let o=[];for(let i=0;i<t.length;i++)o.push(t[i]),(i+1)%n===0&&(r.push(o),o=[]);return o.length>0&&r.push(o),r})({integrations:t,itemsPerRow:n}),[t,n]),l=(0,o.useCallback)(()=>r,[r]),c=(0,q.Te)({count:s.length,getScrollElement:()=>i.current,enableSmoothScroll:!1,estimateSize:l});return(0,a.jsx)("div",{ref:i,style:{height:"100%",overflow:"auto",paddingRight:"16px"},children:(0,a.jsx)("div",{style:{minHeight:`${c.getTotalSize()}px`,width:"100%",position:"relative"},children:c.getVirtualItems().map(e=>(0,a.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${e.start}px)`,overflow:"hidden"},ref:c.measureElement,"data-index":e.index,children:(0,a.jsx)(g.$c,{itemsPerRow:n,rowHeight:r,children:(s[e.index]||[]).map(e=>(0,a.jsx)(Q,{width:"100%",height:"100%",integration:e},e.flattenedKey||e.id))})},e.key))})})},U=()=>(0,a.jsx)(r.Flex,{width:"100%",column:!0,alignItems:"center",margin:[8,0,0,0],children:(0,a.jsxs)(r.Flex,{column:!0,justifyContent:"center",alignItems:"center",margin:[0,0,6],children:[(0,a.jsx)(r.H3,{margin:[0,0,4],children:"No integrations to display"}),(0,a.jsxs)(r.Text,{color:"textDescription",textAlign:"center",children:["There are currently no integrations under this category.",(0,a.jsx)("br",{}),"Try another category or use the search bar to find what you're looking for."]})]})});var X=n(64156);const ee="(min-width: 1600px)",te="(max-width: 1599px)",ne="(max-width: 1299px)",re={large:{itemsPerRow:4,rowHeight:200},medium:{itemsPerRow:3,rowHeight:200},small:{itemsPerRow:2,rowHeight:190}};var oe=n(60908);const ie=(0,o.memo)(e=>{let{selectedCategory:t,searchTerm:n,integrations:o}=e;const{itemsPerRow:i,rowHeight:s}=(()=>{const e=(0,X.A)(ee),t=(0,X.A)(te),n=(0,X.A)(ne);return re[e?"large":t&&!n?"medium":"small"]||{}})();return(0,a.jsxs)(r.Flex,{column:!0,gap:4,width:"100%",height:"100%",overflow:{vertical:"auto"},children:[(0,a.jsx)(r.Flex,{width:"100%",position:"sticky",top:"0",background:"mainBackground",zIndex:15,children:n?(0,a.jsx)(W,{}):(0,a.jsxs)(r.Flex,{column:!0,gap:2,children:[(0,a.jsx)(r.H1,{strong:!1,children:t?.name}),(0,a.jsx)(r.Text,{children:t?.description})]})}),o.length?(0,a.jsx)(oe.Ay,{mode:"IntegrationsList",...n?{searchTerm:n}:{},children:(0,a.jsx)(Z,{integrations:o,itemsPerRow:i,rowHeight:s})}):(0,a.jsx)(oe.Ay,{mode:"NoIntegrations",...n?{searchTerm:n}:{},children:(0,a.jsx)(U,{})})]})}),se=e=>{let{flavour:t}=e;const{selectedCategory:n}=(0,s.b8)(),r=(0,s.GT)(),{integrations:o}=(0,i.A)();return(0,a.jsx)(ie,{flavour:t,selectedCategory:n,searchTerm:r,integrations:o})};var le=n(22794),ae=n(96026),ce=n(74891);const de=(0,n(94404).A)((0,ce.A)(r.Button)),ge=e=>{let{itemId:t,...n}=e;const r=(0,ae.l)();return t?(0,a.jsx)(de,{small:!0,icon:"gear",onClick:()=>r(t),label:"Configure",tooltip:"Add a new data collection job or edit existing jobs for this collector",payload:{dyncfgId:t},...n}):null};var he=n(42790),ue=n(89942);const xe=()=>{const[e,t]=(0,o.useState)("calc(100% - 133px)"),{selectedIntegrationTab:n}=(0,ue.PP)(),i=(0,he.rI)("selectedIntegrationTab"),[l,c]=(0,o.useState)(n||0),{selectedIntegration:d={}}=(0,s.b8)(),{overview:g,metrics:h,alerts:u,setup:m,troubleshooting:p,relatedResources:j,dyncfgId:f}=d,[y,{height:b}]=(0,x.A)(),C=(0,o.useMemo)(()=>[g?{id:"overview",label:"Overview",content:g}:null,h?{id:"metrics",label:"Metrics",content:h}:null,u?{id:"alerts",label:"Alerts",content:u}:null,m?{id:"setup",label:"Setup",content:m}:null,p?{id:"troubleshooting",label:"Troubleshooting",content:p}:null].filter(Boolean),[g,h,u,m,p,j]);(0,o.useLayoutEffect)(()=>{b&&t(b-70+"px")},[b]);return(0,a.jsx)(oe.Ay,{tab:C[l]?.label,delay:0,children:(0,a.jsxs)(r.Flex,{ref:y,column:!0,gap:2,width:"100%",height:"100%",margin:[4,0,0,0],children:[(0,a.jsxs)(r.Flex,{border:{side:"bottom",size:"1px",color:"borderSecondary"},padding:[0,4],justifyContent:"between",children:[(0,a.jsx)(r.Tabs,{selected:parseInt(l),onChange:e=>{i(e),c(e),(0,v.H)("integrations","select-integration-tab","integration-view",`selected-tab:${C[e]?.label}`)},children:C.map(e=>{let{label:t}=e;return(0,a.jsx)(r.Tab,{label:(0,a.jsx)(r.Text,{children:t}),minWidth:"auto",maxWidth:"auto",padding:[1,4],background:"mainBackground",small:!0},t)})}),(0,a.jsx)(ge,{itemId:f})]}),(0,a.jsx)(r.Flex,{width:"100%",height:e,overflow:{vertical:"auto"},padding:[2,0],children:(0,a.jsx)(le.A,{children:C[l]?.content})})]})})},me=e=>{let{integration:t={}}=e;return(0,a.jsxs)(a.Fragment,{children:[t.description&&(0,a.jsx)(r.Flex,{margin:[4,0,0,0],children:(0,a.jsx)(r.Text,{children:t.description})}),(0,a.jsx)(xe,{})]})},pe=e=>{let{integration:t={},topLevelCategory:n={},isNightly:r}=e;const i=(0,o.useMemo)(()=>(e=>l.rP[e?.id]||me)(n),[n]);return(0,a.jsx)(oe.Ay,{mode:"IntegrationView",integrationId:t?.id,children:(0,a.jsx)(i,{integration:t,isNightly:r})})},je=()=>{const{selectedCategory:e,selectedIntegration:t}=(0,s.b8)(),n=(0,he.rI)("selectedIntegrationCategory"),r=(0,he.rI)("selectedIntegration");(0,o.useEffect)(()=>{e?.id&&n(e.id)},[e?.id,n]),(0,o.useEffect)(()=>{t?.id&&r(t.id)},[t?.id,r])},fe=e=>{let{flavour:t}=e;const n=(0,O.A)(),{level:o,selectedCategory:i,selectedIntegration:l}=(0,s.b8)(),{flattenedCategory:c}=l||{},d=c||i,{topLevelCategory:g}=(0,p.fk)({category:d,getCategoryById:n}),h="deploy"===g?.id,u=l||o>2;return je(),(0,a.jsxs)(r.Flex,{column:!0,gap:2,width:"100%",overflow:l&&!h?{}:{vertical:"auto"},children:[(0,a.jsxs)(r.Flex,{column:!0,alignItems:"start",gap:2,padding:[0,2,0,0],children:[u&&(0,a.jsx)(B,{}),(0,a.jsxs)(r.Flex,{width:"100%",alignItems:"end",justifyContent:"between",children:[(0,a.jsxs)(r.Flex,{alignItems:"center",gap:4,children:[(0,a.jsx)(z,{flavour:t}),l?.editLink&&(0,a.jsx)(D,{url:l.editLink})]}),l&&h&&(0,a.jsx)(G.A,{})]})]}),l?(0,a.jsx)(pe,{integration:l,topLevelCategory:g,flavour:t}):(0,a.jsx)(se,{flavour:t})]})};var ye=n(48791);const be=(0,_.default)(r.Flex).withConfig({displayName:"cncfReference__Wrapper",componentId:"sc-1ntasha-0"})(["position:absolute;bottom:0;"]),ve=()=>(0,a.jsxs)(be,{width:"100%",alignItems:"start",justifyContent:"end",background:"mainBackground",gap:2,padding:[6],children:[(0,a.jsx)(r.Flex,{width:"500px",children:(0,a.jsxs)(r.TextSmall,{textAlign:"right",children:["Netdata is a member of the Cloud Native Computing Foundation (CNCF), and it is one of the most starred projects in the"," ",(0,a.jsx)(N.A,{alignSelf:"start",Component:r.TextSmall,href:"https://landscape.cncf.io/?item=observability-and-analysis--observability--netdata",rel:"noopener noreferer",target:"_blank",children:"CNCF landscape"}),"."]})}),(0,a.jsx)(ye.g,{})]});var Ce=n(83864),we=n(76667);const Ie=e=>{let{flavour:t=l.Jr}=e;const[n,,i,c]=(0,j.A)();(()=>{const e=(0,o.useRef)(!0),{pathname:t}=(0,we.zy)(),n=(0,s.yv)();(0,o.useEffect)(()=>{e.current||(e.current=!1,n())},[t])})();const[h,u]=(0,j.A)();return(0,a.jsxs)(oe.Ay,{feature:"Integrations",children:[(0,a.jsxs)(r.Flex,{position:"relative",height:"100%",column:!0,background:"mainBackground",children:[(0,a.jsx)(d,{flavour:t,onInvite:i}),(0,a.jsxs)(g.D6,{flavour:t,isSidebarCollapsed:h,children:[(0,a.jsx)(P,{flavour:t,isSidebarCollapsed:h,toggleSidebar:u}),(0,a.jsx)(fe,{flavour:t})]}),t===l.D_.homePage&&(0,a.jsx)(ve,{})]}),n&&(0,a.jsx)(Ce.d,{onClose:c})]})}}}]);