@sistent/sistent 0.15.3 → 0.15.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -76,7 +76,7 @@ Valid keys: `+JSON.stringify(Object.keys(N),null," "));var ue=se(b,O,D,F,q+"."+
|
|
|
76
76
|
overflow: hidden;
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
`,Gge=(0,ea.styled)(fd)(({theme:e})=>({height:"2.25rem",width:"2.25rem",fill:e.palette.common.white,cursor:"pointer"})),zge=(0,ea.styled)(z2)(({theme:e})=>({height:"2.25rem",width:"2.25rem",fill:e.palette.common.white,cursor:"pointer"})),Nm=(0,ea.styled)("div")(({theme:e})=>({background:e.palette.surface.tint,color:"#eee",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"1rem",textAlign:"center"})),nq=({headerIcon:e})=>{let[t,r]=(0,Au.useState)(!1),[o,a]=(0,Au.useState)(""),n=(0,Au.useRef)(null),[i,l]=(0,Au.useState)(null);return{isOpen:t,open:t,openModal:({title:f,reactNode:d=null,onClose:p})=>{f&&a(f),p&&(n.current=p),r(!0),d&&l(d)},reactNode:i,title:o,headerIcon:e,closeModal:()=>{r(!1),n.current&&n.current(),l(null),a(""),n.current=null}}},Fr=(0,ea.styled)(kn)(({theme:e})=>({padding:"1rem",backgroundColor:e.palette.surface.primary,overflowY:"auto",height:"100%",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none"})),jge=(0,ea.styled)("div",{shouldForwardProp:e=>e!=="variant"})(({theme:e,variant:t,hasHelpText:r})=>({background:t==="filled"?e.palette.surface.tint:"transparent",display:"flex",alignItems:"center",justifyContent:r?"space-between":"end",padding:"1rem",gap:"1rem","&& .InfoCircleIcon":{color:t==="filled"?e.palette.common.white:e.palette.background.info?.default}})),Nr=({open:e,closeModal:t,title:r,headerIcon:o,reactNode:a,children:n,maxWidth:i="xs",isFullScreenModeAllowed:l,...s})=>{let[u,f]=(0,Au.useState)(!1),d=()=>{f(p=>!p)};return(0,Zr.jsxs)(qge,{maxWidth:i,open:e,onClose:t,"aria-labelledby":"alert-dialog-slide-title","aria-describedby":"alert-dialog-slide-description",fullScreen:u,fullWidth:!u,...s,children:[r&&(0,Zr.jsxs)(Nm,{"data-testid":"modal-header",children:[o&&(0,Zr.jsx)(K,{"data-testid":"modal-header-icon",children:o}),(0,Zr.jsx)(z,{component:"div",variant:"h6","data-testid":"modal-title",children:r}),(0,Zr.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"1rem"},"data-testid":"modal-header-actions",children:[l&&(0,Zr.jsx)(ge,{title:u?"Exit Fullscreen":"Enter Fullscreen",children:u?(0,Zr.jsx)(zge,{onClick:d,"data-testid":"modal-exit-fullscreen-btn"}):(0,Zr.jsx)(Gge,{onClick:d,"data-testid":"modal-enter-fullscreen-btn"})}),(0,Zr.jsx)(Pu,{onClick:t,"data-testid":"modal-close-btn",children:(0,Zr.jsx)(Vt,{...Dd,fill:"#fff"})})]})]}),a&&a,n&&n]})},so=({helpText:e,children:t,variant:r})=>(0,Zr.jsxs)(jge,{variant:r,hasHelpText:!!e,children:[e&&(0,Zr.jsx)(yC,{content:e}),t]}),pn=(0,ea.styled)(vT)(({theme:e})=>({backgroundColor:e.palette.background.brand?.default,color:e.palette.text.constant?.white,"&:hover":{background:e.palette.background.brand?.hover},"&.MuiButton-contained.Mui-disabled":{color:e.palette.text.constant?.disabled,backgroundColor:e.palette.background.constant?.disabled}})),mn=(0,ea.styled)(_A)(({theme:e})=>({"&.MuiButton-outlined":{border:`1px solid ${e.palette.background.constant?.white}`,color:e.palette.text.constant?.white,backgroundColor:"transparent","&:hover":{background:"transparent",color:e.palette.text.constant?.white}},"&.MuiButton-outlined.Mui-disabled":{color:e.palette.text.disabled,border:"none",backgroundColor:e.palette.background.brand?.disabled}})),iq=(0,ea.styled)(kA)(({theme:e})=>({color:e.palette.text.inverse})),lq=(0,ea.styled)(vT)(({theme:e})=>({backgroundColor:e.palette.background.error?.default,color:e.palette.text.constant?.white,"&:hover":{background:e.palette.background.error?.hover}})),Kge=(0,ea.styled)(K)(()=>({width:"100%",display:"flex",justifyContent:"end",gap:"1rem"})),ap=({primaryText:e,secondaryText:t,primaryButtonProps:r,secondaryButtonProps:o})=>(0,Zr.jsxs)(Kge,{children:[(0,Zr.jsx)(mn,{...o,children:t}),(0,Zr.jsx)(pn,{...r,children:e})]});var np=require("@mui/material");var sq=(0,np.styled)("div")(({theme:e})=>({backgroundColor:e.palette.background.surfaces})),uq=(0,np.styled)("div")(()=>({zIndex:"100",borderRadius:"5px"})),fq=(0,np.styled)("div")(()=>({padding:"1.25rem 1rem",display:"flex",justifyContent:"flex-end",background:"linear-gradient(90deg, #3B687B 0%, #507D90 100%)",boxShadow:"inset 0px 3px 5px 0px rgba(0,0,0,0.25)",position:"relative",zIndex:"100"})),dq=(0,np.styled)(z)({fontSize:"18px"}),pq=(0,np.styled)("div")(()=>({display:"flex",borderRadius:"5px 5px 0px 0px",justifyContent:"space-between",padding:"11px 16px",height:"52px",fill:Xe,boxShadow:"inset 0px -1px 3px 0px rgba(0,0,0,0.2)",background:"linear-gradient(90deg, #3B687B 0%, #507D90 100%)"}));var ka=require("react/jsx-runtime");function $ge({title:e,leftHeaderIcon:t,helpText:r,helpArea:o,actions:a,hideActions:n=!1,content:i,closeComponent:l,"data-testid":s="modal-card-wrapper"}){return(0,ka.jsxs)(uq,{"data-testid":s,children:[(0,ka.jsxs)(pq,{"data-testid":"modal-card-header",children:[t&&(0,ka.jsx)("div",{style:{display:"flex",alignItems:"center"},"data-testid":"modal-card-header-icon",children:t}),e&&(0,ka.jsx)("div",{style:{display:"flex",alignItems:"center",color:"white"},"data-testid":"modal-card-title",children:(0,ka.jsx)(dq,{children:e})}),(0,ka.jsxs)("div",{style:{display:"flex",alignItems:"center"},"data-testid":"modal-card-header-right",children:[r&&(0,ka.jsx)("div",{"data-testid":"modal-card-help-area",children:o}),(0,ka.jsx)("div",{"data-testid":"modal-card-close-button",children:l})]})]}),(0,ka.jsx)(sq,{"data-testid":"modal-card-content",children:i}),!n&&(0,ka.jsx)(fq,{"data-testid":"modal-card-actions",children:a})]})}var Bm=$ge;var vt=require("@mui/material");var mq=(0,vt.styled)("div")({cursor:"pointer",width:"30px",height:"30px",display:"flex",alignItems:"center",fill:Si}),Yge={"bottom-center":{open:{bottom:"0px",left:"50%",transform:"translateX(-50%)"},closed:{bottom:"-42%",left:"50%",transform:"translateX(-50%)"}},"bottom-right":{open:{bottom:"0px",right:"10px"},closed:{bottom:"-448px",right:"10px"}},"bottom-left":{open:{bottom:"0px",left:"10px"},closed:{bottom:"-448px",left:"10px"}},"right-top":{open:{top:"0px",right:"0px"},closed:{top:"0px",right:"-448px"}},"right-middle":{open:{top:"50%",right:"0px",transform:"translateY(-50%)"},closed:{top:"50%",right:"-448px",transform:"translateY(-50%)"}},"right-bottom":{open:{bottom:"0px",right:"0px"},closed:{bottom:"0px",right:"-448px"}}},cq=(0,vt.styled)(vt.Box)(({isOpen:e,renderPosition:t})=>({position:"fixed",transition:"all 0.5s ease",...Yge[t][e?"open":"closed"]})),xq=(0,vt.styled)("div")({display:"flex",flexDirection:"column",justifyContent:"center",transition:"bottom 0.5s ease",padding:"1.688rem 1.188rem",width:"28rem",height:"12rem"}),hq=(0,vt.styled)("div")({display:"flex",alignItems:"center",paddingTop:"0.5px",height:"20px",width:"21.188rem"}),gq=(0,vt.styled)("div")({width:"24px",height:"24px"}),Eut=(0,vt.styled)(vt.Button)(({isOpen:e})=>({color:"white",width:"4.313rem",height:"2.25rem",textTransform:"none",boxShadow:"0px 1px 8px rgba(0, 0, 0, 0.25)",backgroundColor:e?Ys.main:De,"&:hover":{backgroundColor:QM}})),Tq=(0,vt.styled)(vt.Button)(({theme:e,renderPosition:t})=>({backgroundColor:td,color:Si,borderRadius:"5px",padding:"10px 20px",fontSize:"16px",transition:"bottom 0.5s ease",position:"fixed",...Zge[t],"&:hover":{backgroundColor:e.palette.mode==="dark"?Cr:"#213A45"}})),Zge={"bottom-center":{bottom:"-10px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"-10px",right:"10px"},"bottom-left":{bottom:"-10px",left:"10px"},"right-top":{top:"8%",right:"-45px",transform:"rotate(-90deg)"},"right-middle":{top:"50%",right:"-45px",transform:"rotate(-90deg)"},"right-bottom":{bottom:"10%",right:"-45px",transform:"rotate(-90deg)"}},Sq=(0,vt.styled)("div")(({theme:e})=>({display:"block",right:"0",backgroundColor:e.palette.mode==="dark"?"#333333":Si,bottom:"0",width:"100%",zIndex:"100",position:"relative",height:"100%",alignItems:"center",transition:"bottom 0.5s ease"})),Cq=(0,vt.styled)(vt.Box)(({isOpen:e,theme:t})=>({position:"relative",bottom:e?"0px":"-240px",right:"0",color:t.palette.text.default,backgroundColor:t.palette.mode==="dark"?js:Xe,border:`1px solid ${aL}`,padding:"20px",width:"28rem",height:"333.5px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",transition:"bottom 0.5s ease",fontSize:"1.5rem",textAlign:"center"})),yq=(0,vt.styled)(vt.Box)({display:"flex",justifyContent:"space-between",alignSelf:"center"}),bq=(0,vt.styled)(vt.Button)(({theme:e,isOpen:t})=>({fontSize:"16px",lineHeight:1,letterSpacing:"0.029em",textTransform:"none",width:"100%",height:"5rem",display:"flex",padding:"0rem",borderRadius:"0px",flexDirection:"column",borderBottom:t?`2px solid ${De}`:"",background:t?e.palette.mode==="dark"?Cr:Sa:e.palette.mode==="dark"?js:Ja,color:t?e.palette.mode==="dark"?Sa:Cr:e.palette.mode==="dark"?Sa:Sa,fill:t?e.palette.icon.default:Sa,stroke:t?e.palette.icon.inverse:e.palette.icon.brand,"&:hover":{color:e.palette.text.default,backgroundColor:e.palette.background.hover,fill:e.palette.icon.default}})),vq=(0,vt.styled)("textarea")(({theme:e})=>({width:"100%",background:"transparent",border:`1px solid ${$s}`,borderRadius:"4px",color:e.palette.mode==="dark"?Sa:Cr,fontSize:"16px",paddingTop:"10.5px",paddingBottom:"10.5px",paddingLeft:"0.6rem",paddingRight:"0.6rem",resize:"none",fontFamily:"inherit",fontStyle:"normal","&::placeholder":{color:e.palette.mode==="dark"?Sa:js},"&:focus":{outline:`1px solid ${Mo}`}})),wq=(0,vt.styled)("div")(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between",height:"137px",color:e.palette.text.default})),Eq=(0,vt.styled)("a")({textDecoration:"underline",color:"inherit","&:hover":{color:"inherit"}}),Rq=(0,vt.styled)(vt.Checkbox)({color:`${Xe} !important`,marginLeft:"-11px",paddingLeft:"0px"}),Oq=(0,vt.styled)("div")({padding:"1.5rem 1rem",width:"28rem",height:"12rem"}),Aq=(0,vt.styled)("div")({padding:"0px",width:"30px",height:"30px",display:"flex",alignItems:"center"});var Be=require("react/jsx-runtime"),Qge="Some account and system information may be sent to Layer5. We will use it to fix problems and improve our services, subject to our [Privacy Policy](https://layer5.io/company/legal/privacy) and [Terms of Service](https://layer5.io/company/legal/terms-of-service). We may email you for more information or updates.",bC=[{icon:(0,Be.jsx)(M1,{}),label:"Issue",placeholder:"I\u2019m having an issue with...",isTextInput:!0},{icon:(0,Be.jsx)(X2,{}),label:"Suggestion",placeholder:"I have a suggestion about...",isTextInput:!0},{icon:(0,Be.jsx)(K2,{}),label:"Meet Request",isTextInput:!1,innerComponent:(0,Be.jsxs)(wq,{children:[(0,Be.jsxs)(m3.default,{style:{lineHeight:"2.5",textAlign:"center"},children:["Need help or have more feedback than fits here?",(0,Be.jsx)("br",{})," Meet with us."]}),(0,Be.jsx)(Eq,{target:"_blank",href:"https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56",children:"Select a time convenient for you."})]})}],Xge=({onSubmit:e,containerStyles:t,feedbackOptionStyles:r,renderPosition:o,defaultMessage:a=void 0,defaultOpen:n=!1})=>{let[i,l]=(0,ip.useState)(n),[s,u]=(0,ip.useState)(!1),[f,d]=(0,ip.useState)(bC[0]),[p,m]=(0,ip.useState)(a),[x,h]=(0,ip.useState)(!!a);return(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(Tq,{onClick:()=>{l(!i),d(bC[0]),u(!1),m("")},style:t,renderPosition:o,children:"Feedback"}),(0,Be.jsx)(cq,{isOpen:i,style:t,renderPosition:o,children:s?(0,Be.jsxs)(Cq,{isOpen:i,children:[(0,Be.jsx)(u5,{width:"32",height:"32"}),"Submitting your feedback..."]}):(0,Be.jsx)(Be.Fragment,{children:(0,Be.jsx)(Bm,{onClose:()=>{},open:!0,closeComponent:(0,Be.jsx)(mq,{onClick:()=>l(!1),children:(0,Be.jsx)(Vt,{width:"30",height:"30",fill:Si})}),actions:(0,Be.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,Be.jsxs)(hq,{children:[(0,Be.jsx)(Rq,{checked:x,onChange:w=>{h(w.target.checked)}}),(0,Be.jsx)(m3.default,{style:{color:"white",fontSize:"12px",height:"15px"},children:"We may email you for more information or updates"})]}),(0,Be.jsx)(pn,{type:"submit",disabled:!(p&&x),isOpen:!(p&&x),onClick:()=>{u(!0),p&&x&&e({label:f?.label||"",message:p}),setTimeout(()=>{l(!1),d(void 0),u(!1),m("")},2e3)},children:"Send"})]}),leftHeaderIcon:(0,Be.jsx)(M1,{}),title:"Feedback",helpArea:(0,Be.jsx)(ge,{placement:"top",title:Qge,arrow:!0,children:(0,Be.jsx)(Aq,{children:(0,Be.jsx)(l5,{width:"30",height:"30"})})}),helpText:"Help",content:(0,Be.jsxs)(Sq,{children:[(0,Be.jsx)(yq,{children:bC?.map(w=>(0,Be.jsxs)(bq,{style:r,type:"button",onClick:()=>{d(w)},isOpen:f?.label===w.label,children:[(0,Be.jsx)(gq,{children:w.icon}),(0,Be.jsx)(m3.default,{children:w.label})]},w.label))}),f?.isTextInput?(0,Be.jsx)(xq,{children:(0,Be.jsx)(vq,{value:p||"",onChange:w=>{m(w.target.value)},required:!0,placeholder:f.placeholder,rows:5,cols:30})}):(0,Be.jsx)(Oq,{children:f?.innerComponent})]})})})})]})},vC=Xge;var Vm=require("@mui/material"),_u=G(require("react"));var Hm=require("react/jsx-runtime");function Pq(e,t){if(!e||e.length!=2)throw Error("FlipCard requires exactly two child components");return e[t]}var Jge=(0,Vm.styled)("div")(({theme:e})=>({height:"100%",backgroundColor:"transparent",perspective:e.spacing(125)})),eTe=(0,Vm.styled)("div")(({theme:e})=>({padding:e.spacing(2),borderRadius:e.spacing(1),transformStyle:"preserve-3d",boxShadow:"0 4px 8px 0 rgba(0,0,0,0.2)",backgroundColor:e.palette.mode==="dark"?c1:Xe,cursor:"pointer",transformOrigin:"50% 50% 10%"})),tTe=(0,Vm.styled)("div")({backfaceVisibility:"hidden"}),rTe=(0,Vm.styled)("div")({backfaceVisibility:"hidden",transform:"scale(-1, 1)",wordBreak:"break-word"});function Um({duration:e=500,onClick:t,onShow:r,children:o,disableFlip:a=!1,padding:n}){let[i,l]=_u.default.useState(!1),[s,u]=_u.default.useState(!1),f=_u.default.useRef(null),d=Pq(o,0),p=Pq(o,1);return _u.default.useEffect(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{u(i)},e/6)},[i,e]),(0,Hm.jsx)(Jge,{onClick:()=>{a||(l(m=>!m),t&&t(),r&&r())},children:(0,Hm.jsx)(eTe,{style:{transform:i?"scale(-1,1)":void 0,transition:`transform ${e}ms`,padding:n},children:s?(0,Hm.jsx)(rTe,{children:_u.default.isValidElement(p)?p:null}):(0,Hm.jsx)(tTe,{children:_u.default.isValidElement(d)?d:null})})})}var ku=require("@mui/material"),_q=G(require("lodash")),kq=require("react");var ms=require("react/jsx-runtime"),Wm=({id:e})=>{let[t,r]=(0,kq.useState)(!1),o=(0,y.useTheme)(),a=i=>{i.stopPropagation(),navigator.clipboard.writeText(e),r(!0),setTimeout(()=>{r(!1)},2e3)},n=_q.default.truncate(e,{length:15});return(0,ms.jsxs)(ku.Box,{sx:{display:"flex",alignItems:"center"},children:[(0,ms.jsx)(ku.Tooltip,{title:e,placement:"top",children:(0,ms.jsx)(ku.Typography,{variant:"body2",style:{cursor:"pointer",textWrap:"nowrap",color:o.palette.text.primary},children:n})}),(0,ms.jsx)(ku.Tooltip,{title:t?"Copied!":"Copy",placement:"top",children:(0,ms.jsx)("div",{onClick:a,style:{padding:"0.25rem"},children:(0,ms.jsx)(ya,{width:16,height:16,fill:o.palette.action.active})})})]})};var wC=G(require("react"));function Iq(){let{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function ta(){let[e,t]=wC.default.useState(Iq());return wC.default.useEffect(()=>{let r;function o(){r&&clearTimeout(r),r=window.setTimeout(()=>{t(Iq())},500)}return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o),r&&clearTimeout(r)}},[]),e}var Re=G(require("react")),fTe=require("react-dom");function Mq(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Mq(e[t]))&&(o&&(o+=" "),o+=r);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function oTe(){for(var e,t,r=0,o="";r<arguments.length;)(e=arguments[r++])&&(t=Mq(e))&&(o&&(o+=" "),o+=t);return o}var qm=oTe;var aTe={data:""},nTe=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||aTe;var iTe=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,lTe=/\/\*[^]*?\*\/| +/g,Lq=/\n+/g,Iu=(e,t)=>{let r="",o="",a="";for(let n in e){let i=e[n];n[0]=="@"?n[1]=="i"?r=n+" "+i+";":o+=n[1]=="f"?Iu(i,n):n+"{"+Iu(i,n[1]=="k"?"":t)+"}":typeof i=="object"?o+=Iu(i,t?t.replace(/([^,])+/g,l=>n.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,s=>/&/.test(s)?s.replace(/&/g,l):l?l+" "+s:s)):n):i!=null&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=Iu.p?Iu.p(n,i):n+":"+i+";")}return r+(t&&a?t+"{"+a+"}":a)+o},Gi={},Dq=e=>{if(typeof e=="object"){let t="";for(let r in e)t+=r+Dq(e[r]);return t}return e},sTe=(e,t,r,o,a)=>{let n=Dq(e),i=Gi[n]||(Gi[n]=(s=>{let u=0,f=11;for(;u<s.length;)f=101*f+s.charCodeAt(u++)>>>0;return"go"+f})(n));if(!Gi[i]){let s=n!==e?e:(u=>{let f,d,p=[{}];for(;f=iTe.exec(u.replace(lTe,""));)f[4]?p.shift():f[3]?(d=f[3].replace(Lq," ").trim(),p.unshift(p[0][d]=p[0][d]||{})):p[0][f[1]]=f[2].replace(Lq," ").trim();return p[0]})(e);Gi[i]=Iu(a?{["@keyframes "+i]:s}:s,r?"":"."+i)}let l=r&&Gi.g?Gi.g:null;return r&&(Gi.g=Gi[i]),((s,u,f,d)=>{d?u.data=u.data.replace(d,s):u.data.indexOf(s)===-1&&(u.data=f?s+u.data:u.data+s)})(Gi[i],t,o,l),i},uTe=(e,t,r)=>e.reduce((o,a,n)=>{let i=t[n];if(i&&i.call){let l=i(r),s=l&&l.props&&l.props.className||/^go/.test(l)&&l;i=s?"."+s:l&&typeof l=="object"?l.props?"":Iu(l,""):l===!1?"":l}return o+a+(i??"")},"");function c3(e){let t=this||{},r=e.call?e(t.p):e;return sTe(r.unshift?r.raw?uTe(r,[].slice.call(arguments,1),t.p):r.reduce((o,a)=>Object.assign(o,a&&a.call?a(t.p):a),{}):r,nTe(t.target),t.g,t.o,t.k)}var Jut=c3.bind({g:1}),eft=c3.bind({k:1});function Fq(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function dTe(e,t,r){return t&&Fq(e.prototype,t),r&&Fq(e,r),e}function cs(){return cs=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},cs.apply(this,arguments)}function pTe(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function MC(e,t){if(e==null)return{};var r={},o=Object.keys(e),a,n;for(n=0;n<o.length;n++)a=o[n],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}var Nq=function(){return""},mTe=Re.default.createContext({enqueueSnackbar:Nq,closeSnackbar:Nq}),Mu={downXs:"@media (max-width:599.95px)",upSm:"@media (min-width:600px)"};var x3="unmounted",lp="exited",sp="entering",Gm="entered",Bq="exiting",LC=function(e){pTe(t,e);function t(o){var a;a=e.call(this,o)||this;var n=o.appear,i;return a.appearStatus=null,o.in?n?(i=lp,a.appearStatus=sp):i=Gm:o.unmountOnExit||o.mountOnEnter?i=x3:i=lp,a.state={status:i},a.nextCallback=null,a}t.getDerivedStateFromProps=function(a,n){var i=a.in;return i&&n.status===x3?{status:lp}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(a){var n=null;if(a!==this.props){var i=this.state.status;this.props.in?i!==sp&&i!==Gm&&(n=sp):(i===sp||i===Gm)&&(n=Bq)}this.updateStatus(!1,n)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var a=this.props.timeout,n=a,i=a;return a!=null&&typeof a!="number"&&typeof a!="string"&&(i=a.exit,n=a.enter),{exit:i,enter:n}},r.updateStatus=function(a,n){a===void 0&&(a=!1),n!==null?(this.cancelNextCallback(),n===sp?this.performEnter(a):this.performExit()):this.props.unmountOnExit&&this.state.status===lp&&this.setState({status:x3})},r.performEnter=function(a){var n=this,i=this.props.enter,l=a,s=this.getTimeouts();if(!a&&!i){this.safeSetState({status:Gm},function(){n.props.onEntered&&n.props.onEntered(n.node,l)});return}this.props.onEnter&&this.props.onEnter(this.node,l),this.safeSetState({status:sp},function(){n.props.onEntering&&n.props.onEntering(n.node,l),n.onTransitionEnd(s.enter,function(){n.safeSetState({status:Gm},function(){n.props.onEntered&&n.props.onEntered(n.node,l)})})})},r.performExit=function(){var a=this,n=this.props.exit,i=this.getTimeouts();if(!n){this.safeSetState({status:lp},function(){a.props.onExited&&a.props.onExited(a.node)});return}this.props.onExit&&this.props.onExit(this.node),this.safeSetState({status:Bq},function(){a.props.onExiting&&a.props.onExiting(a.node),a.onTransitionEnd(i.exit,function(){a.safeSetState({status:lp},function(){a.props.onExited&&a.props.onExited(a.node)})})})},r.cancelNextCallback=function(){this.nextCallback!==null&&this.nextCallback.cancel&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(a,n){n=this.setNextCallback(n),this.setState(a,n)},r.setNextCallback=function(a){var n=this,i=!0;return this.nextCallback=function(){i&&(i=!1,n.nextCallback=null,a())},this.nextCallback.cancel=function(){i=!1},this.nextCallback},r.onTransitionEnd=function(a,n){this.setNextCallback(n);var i=a==null&&!this.props.addEndListener;if(!this.node||i){setTimeout(this.nextCallback,0);return}this.props.addEndListener&&this.props.addEndListener(this.node,this.nextCallback),a!=null&&setTimeout(this.nextCallback,a)},r.render=function(){var a=this.state.status;if(a===x3)return null;var n=this.props,i=n.children,l=MC(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return i(a,l)},dTe(t,[{key:"node",get:function(){var a,n=(a=this.props.nodeRef)===null||a===void 0?void 0:a.current;if(!n)throw new Error("notistack - Custom snackbar is not refForwarding");return n}}]),t}(Re.default.Component);function up(){}LC.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:up,onEntering:up,onEntered:up,onExit:up,onExiting:up,onExited:up};function Hq(e,t){typeof e=="function"?e(t):e&&(e.current=t)}function kC(e,t){return(0,Re.useMemo)(function(){return e==null&&t==null?null:function(r){Hq(e,r),Hq(t,r)}},[e,t])}function S3(e){var t=e.timeout,r=e.style,o=r===void 0?{}:r,a=e.mode;return{duration:typeof t=="object"?t[a]||0:t,easing:o.transitionTimingFunction,delay:o.transitionDelay}}var IC={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},zq=function(t){t.scrollTop=t.scrollTop},Vq=function(t){return Math.round(t)+"ms"};function fp(e,t){e===void 0&&(e=["all"]);var r=t||{},o=r.duration,a=o===void 0?300:o,n=r.easing,i=n===void 0?IC.easeInOut:n,l=r.delay,s=l===void 0?0:l,u=Array.isArray(e)?e:[e];return u.map(function(f){var d=typeof a=="string"?a:Vq(a),p=typeof s=="string"?s:Vq(s);return f+" "+d+" "+i+" "+p}).join(",")}function cTe(e){return e&&e.ownerDocument||document}function jq(e){var t=cTe(e);return t.defaultView||window}function xTe(e,t){t===void 0&&(t=166);var r;function o(){for(var a=this,n=arguments.length,i=new Array(n),l=0;l<n;l++)i[l]=arguments[l];var s=function(){e.apply(a,i)};clearTimeout(r),r=setTimeout(s,t)}return o.clear=function(){clearTimeout(r)},o}function hTe(e,t){var r=t.getBoundingClientRect(),o=jq(t),a;if(t.fakeTransform)a=t.fakeTransform;else{var n=o.getComputedStyle(t);a=n.getPropertyValue("-webkit-transform")||n.getPropertyValue("transform")}var i=0,l=0;if(a&&a!=="none"&&typeof a=="string"){var s=a.split("(")[1].split(")")[0].split(",");i=parseInt(s[4],10),l=parseInt(s[5],10)}switch(e){case"left":return"translateX("+(o.innerWidth+i-r.left)+"px)";case"right":return"translateX(-"+(r.left+r.width-i)+"px)";case"up":return"translateY("+(o.innerHeight+l-r.top)+"px)";default:return"translateY(-"+(r.top+r.height-l)+"px)"}}function h3(e,t){if(t){var r=hTe(e,t);r&&(t.style.webkitTransform=r,t.style.transform=r)}}var gTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.direction,a=o===void 0?"down":o,n=e.in,i=e.style,l=e.timeout,s=l===void 0?0:l,u=e.onEnter,f=e.onEntered,d=e.onExit,p=e.onExited,m=MC(e,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),x=(0,Re.useRef)(null),h=kC(r.ref,x),g=kC(h,t),T=function(v,P){h3(a,v),zq(v),u&&u(v,P)},R=function(v){var P=i?.transitionTimingFunction||IC.easeOut,B=S3({timeout:s,mode:"enter",style:cs({},i,{transitionTimingFunction:P})});v.style.webkitTransition=fp("-webkit-transform",B),v.style.transition=fp("transform",B),v.style.webkitTransform="none",v.style.transform="none"},w=function(v){var P=i?.transitionTimingFunction||IC.sharp,B=S3({timeout:s,mode:"exit",style:cs({},i,{transitionTimingFunction:P})});v.style.webkitTransition=fp("-webkit-transform",B),v.style.transition=fp("transform",B),h3(a,v),d&&d(v)},M=function(v){v.style.webkitTransition="",v.style.transition="",p&&p(v)},I=(0,Re.useCallback)(function(){x.current&&h3(a,x.current)},[a]);return(0,Re.useEffect)(function(){if(!(n||a==="down"||a==="right")){var C=xTe(function(){x.current&&h3(a,x.current)}),v=jq(x.current);return v.addEventListener("resize",C),function(){C.clear(),v.removeEventListener("resize",C)}}},[a,n]),(0,Re.useEffect)(function(){n||I()},[n,I]),(0,Re.createElement)(LC,Object.assign({appear:!0,nodeRef:x,onEnter:T,onEntered:f,onEntering:R,onExit:w,onExited:M,in:n,timeout:s},m),function(C,v){return(0,Re.cloneElement)(r,cs({ref:g,style:cs({visibility:C==="exited"&&!n?"hidden":void 0},i,{},r.props.style)},v))})});gTe.displayName="Slide";function C3(e){return Object.entries(e).reduce(function(t,r){var o,a=r[0],n=r[1];return cs({},t,(o={},o[a]=c3(n),o))},{})}var Km={SnackbarContainer:"notistack-SnackbarContainer",Snackbar:"notistack-Snackbar",CollapseWrapper:"notistack-CollapseWrapper",MuiContent:"notistack-MuiContent",MuiContentVariant:function(t){return"notistack-MuiContent-"+t}},Uq=C3({root:{height:0},entered:{height:"auto"}}),EC="0px",RC=175,TTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.in,a=e.onExited,n=(0,Re.useRef)(null),i=(0,Re.useRef)(null),l=kC(t,i),s=function(){return n.current?n.current.clientHeight:0},u=function(h){h.style.height=EC},f=function(h){var g=s(),T=S3({timeout:RC,mode:"enter"}),R=T.duration,w=T.easing;h.style.transitionDuration=typeof R=="string"?R:R+"ms",h.style.height=g+"px",h.style.transitionTimingFunction=w||""},d=function(h){h.style.height="auto"},p=function(h){h.style.height=s()+"px"},m=function(h){zq(h);var g=S3({timeout:RC,mode:"exit"}),T=g.duration,R=g.easing;h.style.transitionDuration=typeof T=="string"?T:T+"ms",h.style.height=EC,h.style.transitionTimingFunction=R||""};return(0,Re.createElement)(LC,{in:o,unmountOnExit:!0,onEnter:u,onEntered:d,onEntering:f,onExit:p,onExited:a,onExiting:m,nodeRef:i,timeout:RC},function(x,h){return(0,Re.createElement)("div",Object.assign({ref:l,className:qm(Uq.root,x==="entered"&&Uq.entered),style:cs({pointerEvents:"all",overflow:"hidden",minHeight:EC,transition:fp("height")},x==="entered"&&{overflow:"visible"},{},x==="exited"&&!o&&{visibility:"hidden"})},h),(0,Re.createElement)("div",{ref:n,className:Km.CollapseWrapper,style:{display:"flex",width:"100%"}},r))})});TTe.displayName="Collapse";var STe=typeof window<"u"?Re.useLayoutEffect:Re.useEffect;function Wq(e){var t=(0,Re.useRef)(e);return STe(function(){t.current=e}),(0,Re.useCallback)(function(){return t.current.apply(void 0,arguments)},[])}var CTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.className,a=e.autoHideDuration,n=e.disableWindowBlurListener,i=n===void 0?!1:n,l=e.onClose,s=e.id,u=e.open,f=e.SnackbarProps,d=f===void 0?{}:f,p=(0,Re.useRef)(),m=Wq(function(){l&&l.apply(void 0,arguments)}),x=Wq(function(w){!l||w==null||(p.current&&clearTimeout(p.current),p.current=setTimeout(function(){m(null,"timeout",s)},w))});(0,Re.useEffect)(function(){return u&&x(a),function(){p.current&&clearTimeout(p.current)}},[u,a,x]);var h=function(){p.current&&clearTimeout(p.current)},g=(0,Re.useCallback)(function(){a!=null&&x(a*.5)},[a,x]),T=function(M){d.onMouseEnter&&d.onMouseEnter(M),h()},R=function(M){d.onMouseLeave&&d.onMouseLeave(M),g()};return(0,Re.useEffect)(function(){if(!i&&u)return window.addEventListener("focus",g),window.addEventListener("blur",h),function(){window.removeEventListener("focus",g),window.removeEventListener("blur",h)}},[i,g,u]),(0,Re.createElement)("div",Object.assign({ref:t},d,{className:qm(Km.Snackbar,o),onMouseEnter:T,onMouseLeave:R}),r)});CTe.displayName="Snackbar";var OC,yTe=C3({root:(OC={display:"flex",flexWrap:"wrap",flexGrow:1},OC[Mu.upSm]={flexGrow:"initial",minWidth:"288px"},OC)}),Kq=(0,Re.forwardRef)(function(e,t){var r=e.className,o=MC(e,["className"]);return Re.default.createElement("div",Object.assign({ref:t,className:qm(yTe.root,r)},o))});Kq.displayName="SnackbarContent";var zm=C3({root:{backgroundColor:"#313131",fontSize:"0.875rem",lineHeight:1.43,letterSpacing:"0.01071em",color:"#fff",alignItems:"center",padding:"6px 16px",borderRadius:"4px",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},lessPadding:{paddingLeft:8*2.5+"px"},default:{backgroundColor:"#313131"},success:{backgroundColor:"#43a047"},error:{backgroundColor:"#d32f2f"},warning:{backgroundColor:"#ff9800"},info:{backgroundColor:"#2196f3"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"16px",marginRight:"-8px"}}),qq="notistack-snackbar",bTe=(0,Re.forwardRef)(function(e,t){var r=e.id,o=e.message,a=e.action,n=e.iconVariant,i=e.variant,l=e.hideIconVariant,s=e.style,u=e.className,f=n[i],d=a;return typeof d=="function"&&(d=d(r)),Re.default.createElement(Kq,{ref:t,role:"alert","aria-describedby":qq,style:s,className:qm(Km.MuiContent,Km.MuiContentVariant(i),zm.root,zm[i],u,!l&&f&&zm.lessPadding)},Re.default.createElement("div",{id:qq,className:zm.message},l?null:f,o),d&&Re.default.createElement("div",{className:zm.action},d))});bTe.displayName="MaterialDesignContent";var jm,AC,g3,T3,PC,zi={view:{default:20,dense:4},snackbar:{default:6,dense:2}},Gq="."+Km.CollapseWrapper,_C=16,aft=C3({root:(jm={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:fp(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},jm[Gq]={padding:zi.snackbar.default+"px 0px",transition:"padding 300ms ease 0ms"},jm.maxWidth="calc(100% - "+zi.view.default*2+"px)",jm[Mu.downXs]={width:"100%",maxWidth:"calc(100% - "+_C*2+"px)"},jm),rootDense:(AC={},AC[Gq]={padding:zi.snackbar.dense+"px 0px"},AC),top:{top:zi.view.default-zi.snackbar.default+"px",flexDirection:"column"},bottom:{bottom:zi.view.default-zi.snackbar.default+"px",flexDirection:"column-reverse"},left:(g3={left:zi.view.default+"px"},g3[Mu.upSm]={alignItems:"flex-start"},g3[Mu.downXs]={left:_C+"px"},g3),right:(T3={right:zi.view.default+"px"},T3[Mu.upSm]={alignItems:"flex-end"},T3[Mu.downXs]={right:_C+"px"},T3),center:(PC={left:"50%",transform:"translateX(-50%)"},PC[Mu.upSm]={alignItems:"center"},PC)});var nft=process.env.NODE_ENV!=="production";var $q=function(){return(0,Re.useContext)(mTe)};var DC=G(require("react")),vTe=()=>{let[e,t]=DC.default.useState(""),{enqueueSnackbar:r}=$q();return DC.default.useEffect(()=>{e&&(r(e),t(""))},[e,r]),(a,n)=>{t(a),n&&r(a,n)}},FC=vTe;var ra=(e,t)=>{let r={};return e.forEach(o=>{o[1]==="na"?r[o[0]]=!1:t>1140?r[o[0]]=!0:t>=915&&t<1140?["xs","s","m","l","xl"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=775&&t<915?["xs","s","m","l"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=690&&t<775?["xs","s","m"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=585&&t<690?["xs","s"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t<585&&(o[1]==="xs"?r[o[0]]=!0:r[o[0]]=!1)}),r};var Kn=require("@mui/material/styles");var Yq=(0,Kn.styled)("div")({width:"100%",maxWidth:"28rem",minWidth:"10rem",height:"16rem",margin:"auto",borderRadius:"1rem"}),Zq=(0,Kn.styled)("div")(({theme:e})=>({cursor:"pointer",transition:"all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s","&:hover":{boxShadow:`${e.palette.background.brand?.default} 0px 0px 19px 6px`},backgroundColor:e.palette.mode==="light"?Xe:Cr})),Qq=(0,Kn.styled)("a")({color:"black",textDecoration:"none"}),NC=(0,Kn.styled)("div")(({theme:e})=>({borderTop:`5px solid ${e.palette.background.brand?.default}`,borderRadius:"0.25rem",minHeight:"16rem",display:"flex",flexDirection:"column",justifyContent:"space-between",boxShadow:"0px 0.75rem 1rem 0.25rem rgba(0, 0, 0, 0.12)",position:"relative",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),Xq=(0,Kn.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?P2:Vl,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),BC=(0,Kn.styled)("div")(({theme:e})=>({display:"flex",justifyContent:"space-between",padding:"1rem","& span":{border:`1px solid ${e.palette.primary.dark}`,color:e.palette.text.primary,borderRadius:"0.8rem",padding:"0.05rem 0.75rem",fontSize:"1rem",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},"& h3":{color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}})),HC=(0,Kn.styled)("div")(({theme:e})=>({padding:"0 1rem",".summary":{color:e.palette.grey[700],transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},p:{fontSize:"1rem"}})),Jq=(0,Kn.styled)("div")(({theme:e})=>({margin:"0 1rem",display:"flex",justifyContent:"space-between",gap:"0.4rem",p:{fontSize:"1rem",color:e.palette.text.primary,fontWeight:600,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}})),VC=(0,Kn.styled)("div")({textAlign:"center",position:"absolute",bottom:"0.1rem",right:"0.75rem",opacity:.2,img:{height:"8.5rem",width:"8.5rem"}});var Ze=require("react/jsx-runtime"),wTe=({path:e,children:t})=>e?(0,Ze.jsx)(Qq,{href:e,children:t}):(0,Ze.jsx)(Ze.Fragment,{children:t}),ETe=({tutorial:e,path:t,courseCount:r,courseType:o})=>(0,Ze.jsx)(Yq,{children:e.frontmatter.disabled==="yes"?(0,Ze.jsx)(Xq,{children:(0,Ze.jsx)(NC,{style:{borderTop:`5px solid ${e.frontmatter.themeColor}`},children:(0,Ze.jsxs)("div",{children:[(0,Ze.jsxs)(BC,{children:[(0,Ze.jsx)("h3",{children:e.frontmatter.title?e.frontmatter.title:e.frontmatter.courseTitle}),(0,Ze.jsx)("div",{style:{whiteSpace:"nowrap"},children:(0,Ze.jsx)("span",{children:"Coming Soon"})})]}),(0,Ze.jsx)(HC,{children:(0,Ze.jsx)("p",{className:"summary",children:e.frontmatter.description})}),(0,Ze.jsx)(VC,{children:(0,Ze.jsx)("img",{src:e.frontmatter.cardImage,alt:e.frontmatter.title})})]})})}):(0,Ze.jsx)(wTe,{path:t,children:(0,Ze.jsx)(Zq,{children:(0,Ze.jsx)(NC,{style:{borderTop:`5px solid ${e.frontmatter.themeColor}`},children:(0,Ze.jsxs)("div",{children:[(0,Ze.jsxs)(BC,{style:{flexDirection:"column"},children:[(0,Ze.jsx)(z,{variant:"body1",color:"textSecondary",children:e.frontmatter.type}),(0,Ze.jsx)("h3",{style:{margin:"0.2rem 0.1rem"},children:e.frontmatter.title?e.frontmatter.title:e.frontmatter.courseTitle}),e.frontmatter.status?(0,Ze.jsx)("p",{children:(0,Ze.jsx)("span",{children:"New"})}):null]}),(0,Ze.jsx)(HC,{children:(0,Ze.jsx)("p",{className:"summary",children:e.frontmatter.description})}),(0,Ze.jsxs)(Jq,{className:"card-subdata",children:[(0,Ze.jsxs)("p",{children:[r," ",o,r>1?"s":""]}),(0,Ze.jsx)("p",{children:e?.frontmatter?.level?e.frontmatter.level.charAt(0).toUpperCase()+e.frontmatter.level.slice(1):""})]}),(0,Ze.jsx)(VC,{children:(0,Ze.jsx)("img",{src:e.frontmatter.cardImage})})]})})})})}),UC=ETe;var xs=require("react");var WC=require("@mui/material");var eG=(0,WC.styled)(Il)(()=>({minWidth:400,overflowWrap:"anywhere",textAlign:"center",padding:"5px"})),tG=(0,WC.styled)(K)(()=>({display:"flex",justifyContent:"end",width:"100%",gap:"10px"}));var oa=require("react/jsx-runtime"),$m={WARNING:"warning",DANGER:"error",SUCCESS:"success",INFO:"info"},rG=(0,xs.forwardRef)(({variant:e},t)=>{let[r,o]=(0,xs.useState)({isOpen:!1,title:"",subtitle:"",primaryOption:"",showInfoIcon:"",variant:e,headerIcon:void 0,isChecked:!1,showCheckbox:!1}),a=(0,xs.useRef)({resolve:()=>{},reject:()=>{}}),n=(0,y.useTheme)(),i=R=>new Promise((w,M)=>{a.current={resolve:w,reject:M},o({...R,isOpen:!0,showInfoIcon:R.showInfoIcon||"",showCheckbox:!!R.showCheckbox})}),l=()=>{o(R=>({...R,isOpen:!1}))},s=()=>{o(R=>({...R,isChecked:!R.isChecked}))},u=()=>!!r.isChecked;(0,xs.useImperativeHandle)(t,()=>({show:i,getCheckboxState:u}));let{isOpen:f,primaryOption:d,title:p,subtitle:m,showInfoIcon:x,headerIcon:h,showCheckbox:g}=r,{resolve:T}=a.current;return(0,oa.jsxs)(Nr,{open:f,closeModal:l,title:p,id:"searchClick",headerIcon:h,reactNode:void 0,"data-testid":"prompt-modal",children:[m&&(0,oa.jsxs)(Fr,{"data-testid":"prompt-body",children:[(0,oa.jsx)(eG,{id:"alert-dialog-description",variant:"body1",component:"div","data-testid":"prompt-subtitle",children:(0,oa.jsx)(z,{variant:"body1",component:"div",style:{color:n.palette.text.primary},children:m})}),g&&(0,oa.jsx)(Ll,{"data-testid":"prompt-checkbox-label",control:(0,oa.jsx)(Jr,{checked:u(),onChange:s,color:"primary","data-testid":"prompt-checkbox"}),label:(0,oa.jsx)("span",{style:{fontSize:"1rem"},children:"Do not show again"})})]}),(0,oa.jsx)(so,{variant:"filled",helpText:x,"data-testid":"prompt-footer",children:(0,oa.jsxs)(tG,{"data-testid":"prompt-actions",children:[(0,oa.jsx)(mn,{"data-testid":"prompt-secondary-button",onClick:()=>{l(),T("CANCEL")},children:"Cancel"}),(0,oa.jsx)(pn,{"data-testid":"prompt-primary-button",onClick:()=>{l(),T(d)},style:r.variant&&{backgroundColor:n.palette.background[r.variant]?.default,textTransform:"capitalize"},type:"submit",children:d})]})})]})});rG.displayName="PromptComponent";var y3=rG;var dp=y3;var qC=require("@mui/material/OutlinedInput"),b3=require("@mui/material/styles"),oG=G(require("lodash/debounce")),Ym=G(require("react"));var $n=require("react/jsx-runtime"),RTe=e=>(0,b3.createTheme)({typography:{fontFamily:e.typography.fontFamily},components:{MuiTextField:{styleOverrides:{root:{"--TextField-brandBorderColor":e.palette.border.strong,"--TextField-brandBorderHoverColor":e.palette.background.graphics?.default,"--TextField-brandBorderFocusedColor":e.palette.background.graphics?.default,"& label.Mui-focused":{color:"var(--TextField-brandBorderFocusedColor)"}}}},MuiOutlinedInput:{styleOverrides:{notchedOutline:{borderColor:"var(--TextField-brandBorderColor)"},root:{[`&:hover .${qC.outlinedInputClasses.notchedOutline}`]:{borderColor:"var(--TextField-brandBorderHoverColor)"},[`&.Mui-focused .${qC.outlinedInputClasses.notchedOutline}`]:{borderColor:"var(--TextField-brandBorderFocusedColor)"}}}},MuiInput:{styleOverrides:{root:{color:e.palette.text.default,"&::before":{borderBottom:"2px solid var(--TextField-brandBorderColor)"},"&:hover:not(.Mui-disabled, .Mui-error):before":{borderBottom:"2px solid var(--TextField-brandBorderHoverColor)"},"&.Mui-focused:after":{borderBottom:"2px solid var(--TextField-brandBorderFocusedColor)"}}}},MuiButton:{styleOverrides:{root:{lineHeight:"auto"}}}}});function OTe({onSearch:e,placeholder:t,onClear:r,expanded:o,setExpanded:a,"data-testid":n="search-bar-wrapper"}){let[i,l]=Ym.default.useState(""),s=Ym.default.useRef(null),u=(0,y.useTheme)(),f=(0,Ym.useCallback)((0,oG.default)(x=>{e(x)},300),[e]),d=x=>{let h=x.target.value;l(h),f(h)},p=x=>{x.stopPropagation(),f(""),l(""),a(!1),r&&r()},m=x=>{x.stopPropagation(),o?(f(""),l(""),a(!1)):(a(!0),setTimeout(()=>{s.current&&s.current.focus()},300))};return(0,$n.jsx)(_n,{onClickAway:x=>{x.stopPropagation();let h=x.target?.closest("#ref");i===""&&h&&p(x)},children:(0,$n.jsxs)("div",{style:{display:"flex"},"data-testid":n,children:[(0,$n.jsx)(b3.ThemeProvider,{theme:RTe(u),children:(0,$n.jsx)(to,{variant:"standard",value:i,onChange:d,inputRef:s,placeholder:t,"data-testid":"searchbar-input",style:{width:o?"150px":"0",opacity:o?1:0,transition:"width 0.3s ease, opacity 0.3s ease"}})}),o?(0,$n.jsx)(Gt,{title:"Close",onClick:p,icon:(0,$n.jsx)(Vt,{fill:u.palette.icon.default,"data-testid":"searchbar-clear-button"}),arrow:!0}):(0,$n.jsx)(Gt,{title:"Search",onClick:m,icon:(0,$n.jsx)(Ed,{fill:u.palette.icon.default,"data-testid":"searchbar-search-button"}),arrow:!0})]})})}var Yn=OTe;var O3=require("@mui/material");var $i=require("react");var ATe="N/A",aG=e=>e&&e.deleted_at&&e.deleted_at.Valid===!0?ds(e.deleted_at.Time):ATe;var ji=require("react/jsx-runtime"),nG=(0,y.styled)("div")({display:"flex",gap:"1rem"}),hs=(0,y.styled)("div")({display:"flex",justifyContent:"space-between",width:"100%",alignItems:"center"}),v3=(0,y.styled)("div")({display:"flex",alignItems:"center",marginRight:"1rem"}),GC=(0,y.styled)("div")({boxSizing:"border-box",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),zC=(0,y.styled)("div")({position:"absolute",top:0,right:0,bottom:0,left:0,boxSizing:"border-box",display:"block",width:"100%"}),iG=(0,y.styled)("span")(()=>({"& svg":{cursor:"pointer",width:"2rem",height:"2rem"}})),jft=(0,y.styled)("span")(()=>({"& svg":{width:"2rem",height:"2rem"}})),lG=(0,y.styled)("span")(({theme:e})=>({"& svg":{color:"#3C494F","&:hover":{color:e.palette.error.error}}})),w3=(0,y.styled)("span")(()=>({color:"#455a64",opacity:"0.5","& svg":{cursor:"not-allowed"}})),sG=(0,y.styled)("div")(()=>({display:"flex",justifyContent:"space-between",paddingRight:"26px"})),E3=(0,y.styled)("div")(()=>({color:"#455a64",display:"flex",cursor:"not-allowed","& svg":{cursor:"pointer"}})),uG=(0,y.styled)(Jr)({padding:0,marginRight:"0.5rem",height:"28px","& .MuiSvgIcon-root":{borderColor:"white"},color:"white","&:hover":{color:"white",cursor:"pointer"},"&.Mui-checked":{color:"white"}}),jC=(0,y.styled)(z)({fontSize:"1.25rem",fontWeight:800,"&:hover":{cursor:"default"}}),Kft=(0,y.styled)(z)({fontSize:"0.9rem",display:"flex",alignItems:"end",padding:"0 5px","&:hover":{cursor:"default"}}),$ft=(0,y.styled)("button")({background:"transparent",border:"none","&:hover":{cursor:"default"}}),KC=(0,y.styled)(z)({fontStyle:"italic",fontSize:"12px","&:hover":{cursor:"default"}}),$C=(0,y.styled)(z)({fontSize:"0.9rem",textAlign:"left",fontStyle:"italic"}),fG=(0,y.styled)($C)({height:"fit-content",fontStyle:"normal","&:hover":{cursor:"default"}}),PTe=(0,y.styled)(K)(({theme:e})=>({background:e.palette.background.brand?.default,padding:"10px 10px 1px 10px",borderRadius:"4px",height:"100%",display:"flex",width:"100%"})),Zm=(0,y.styled)(PTe)({display:"flex",width:"100%",gap:"10px","@media (min-width : 600px)":{flexDirection:"column",gap:"0"}}),YC=(0,y.styled)(Me)(({theme:e})=>({width:"100%",borderRadius:"4px",background:e.palette.background.brand?.default,boxShadow:"0px 4px 4px 0px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column",marginBottom:"10px",color:e.palette.text.default,"&:hover":{background:e.palette.text.default},padding:"15px 10px"})),ZC=(0,y.styled)("p")(({theme:e,textColor:t})=>({margin:"0",fontSize:"14px",fontWeight:"400",display:"flex",color:t||e.palette.text.constant?.white})),QC=(0,y.styled)("p")(({theme:e,textColor:t})=>({margin:"0",fontSize:"60px",fontWeight:"500",lineHeight:1,marginBottom:"5px",color:t||e.palette.text.constant?.white})),Yft=(0,y.styled)(Me)(({theme:e})=>({width:"100%",borderRadius:"4px",background:e.palette.text.default,boxShadow:"0px 4px 4px 0px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column",marginBottom:"10px",color:`${J[40]}30 !important`,"&:hover":{background:e.palette.text.default},padding:"15px 10px"})),Zft=(0,y.styled)("div")(({disabled:e=!1})=>({cursor:e?"not-allowed":"pointer",opacity:e?"0.5":"1",display:"flex","& svg":{cursor:e?"not-allowed":"pointer"}})),dG=(0,y.styled)(he)(({theme:e})=>({borderBottom:`1px solid ${e.palette.divider}`,display:"flex",flexDirection:"row",padding:"5px 0"})),R3=({onClick:e,bulk:t,disabled:r,style:o,key:a,title:n="Delete"})=>{let i=(0,y.useTheme)();return(0,ji.jsx)(ge,{title:n,arrow:!0,children:(0,ji.jsx)("div",{children:(0,ji.jsx)(rt,{sx:{"&:hover":{"& svg":{fill:r?i.palette.icon.disabled:i.palette.background.error?.hover}},...o},disableRipple:!0,disabled:r,onClick:e,children:(0,ji.jsx)(ho,{fill:r?i.palette.icon.disabled:i.palette.icon.default,width:t?"28":"24",height:t?"28":"24",style:o})})})},a)},Zn=({onClick:e,disabled:t,bulk:r,style:o,title:a="Edit"})=>{let n=(0,y.useTheme)();return(0,ji.jsx)(ge,{title:a,arrow:!0,children:(0,ji.jsx)("div",{children:(0,ji.jsx)(rt,{onClick:e,sx:{"&:hover":{"& svg":{fill:t?n.palette.icon.disabled:n.palette.background.brand?.default}},...o},disableRipple:!0,disabled:t,children:(0,ji.jsx)(Yo,{fill:t?n.palette.icon.disabled:n.palette.icon.default,width:r?"28":"24",height:r?"28":"24",style:o})})})})},pG=(0,y.styled)(he)({display:"flex",flexDirection:"row"}),Qft=(0,y.styled)(he)({display:"flex",alignItems:"center",marginTop:1}),Qm=(0,y.styled)(he)({width:"100%"}),mG=(0,y.styled)(Pr)(({theme:e})=>({width:"100%",display:"flex",flexDirection:"column",backgroundColor:e.palette.background.paper,padding:e.spacing(2.5),cursor:"pointer"})),cG=(0,y.styled)(mG)(({theme:e})=>({minHeight:e.spacing(50),background:"linear-gradient(180deg, #007366 0%, #000 100%)"})),xG=(0,y.styled)(mG)(({theme:e})=>({minHeight:e.spacing(50),backgroundColor:e.palette.background.paper,boxShadow:"none"})),hG=(0,y.styled)(he)({display:"flex",flexDirection:"row",justifyContent:"space-between"}),gG=(0,y.styled)(he)({display:"flex",alignItems:"flex-start"}),TG=(0,y.styled)(he)({display:"flex",alignItems:"center",justifyContent:"flex-end"}),SG=(0,y.styled)(z)(({theme:e})=>({fontSize:"1.25rem",fontWeight:600,padding:"0.5rem 0",color:e.palette.background.constant?.white})),CG=(0,y.styled)(he)({display:"flex",flexDirection:"column",maxHeight:"14.5rem",overflowY:"scroll",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none"}),yG=(0,y.styled)(he)(({theme:e})=>({display:"flex",flexDirection:"row",position:"absolute",bottom:"20px",width:"100%",color:`${e.palette.background.constant?.white}99`,justifyContent:"space-between",paddingRight:"40px"})),XC=(0,y.styled)(he)({textAlign:"left"});var Ki=require("react/jsx-runtime"),_Te=({userId:e,userName:t,userEmail:r,profileUrl:o})=>{let a=(0,y.useTheme)(),n=()=>{window.open(`${ga}/user/${e}`)};return(0,Ki.jsxs)(he,{container:!0,alignItems:"center",children:[(0,Ki.jsx)(he,{children:(0,Ki.jsx)(K,{sx:{color:a.palette.text.default,mr:2,cursor:"pointer"},children:(0,Ki.jsx)(Kt,{onClick:n,alt:t,src:o,children:o?"":(0,Ki.jsx)(Dn,{})})})}),(0,Ki.jsxs)(he,{size:"grow",children:[t,(0,Ki.jsx)(z,{variant:"body2",color:a.palette.text.disabled,children:r})]})]})},Lu=_Te;var Fe=require("react/jsx-runtime"),kTe=({tableMeta:e,handleRemoveFromTeam:t,handleEditUser:r,isRemoveFromTeamAllowed:o,isEditUserAllowed:a,theme:n})=>(0,Fe.jsxs)(E3,{children:[a?(0,Fe.jsx)(Gt,{id:`edit_user-${e.rowIndex}`,onClick:r(e.rowData),title:"Edit user",iconType:"edit",children:(0,Fe.jsx)(Yo,{fill:n?.palette.text.primary})}):(0,Fe.jsx)(Yo,{style:{marginRight:".5rem"},fill:Ir,height:"30",width:"30"}),o?(0,Fe.jsx)(Gt,{id:`delete_user-${e.rowIndex}`,onClick:t(e.rowData),title:"Remove user membership from team",iconType:"delete",children:(0,Fe.jsx)(zl,{fill:n?.palette.text.primary})}):(0,Fe.jsx)(zl,{fill:Ir,secondaryFill:Ir})]}),ITe=({teamID:e,useGetUsersForOrgQuery:t,org_id:r,useRemoveUserFromTeamMutation:o,useNotificationHandlers:a,isRemoveFromTeamAllowed:n,isEditUserAllowed:i,handleEditUser:l,theme:s})=>{let[u,f]=(0,$i.useState)(0),[d,p]=(0,$i.useState)(10),[m,x]=(0,$i.useState)("last_login_time desc"),[h,g]=(0,$i.useState)(""),T=[],{handleError:R,handleSuccess:w,handleInfo:M}=a(),I=(0,$i.useRef)(null),{width:C}=ta(),{data:v}=t({page:u,pagesize:d,search:h,order:m,teamId:e,orgId:r}),{data:P}=t({page:0,pagesize:d,search:h,order:m,orgId:r}),[B]=o(),_=v?.data||[],ee=P?.data||[],X=_.map(se=>{let ue=ee.find(qe=>qe.user_id===se.user_id),We=se.role_names||[],tt=ue?.organization_with_user_roles?.role_names||[];return{...se,role_names:[...We,...tt]}}),N=v?.total_count||0,W=se=>async()=>{let ue=se[0];await I.current?.show({title:"Remove User From Team ?",subtitle:L(se[3],se[2]),primaryOption:"Proceed",variant:$m.DANGER})==="Proceed"&&B({orgId:r,teamId:e,userId:ue}).unwrap().then(()=>{w(`${se[4]?se[4]:""} ${se[5]?se[5]:""} removed from team`)}).catch(tt=>{let qe=tt.response?.data?.message||"Failed to remove user from team";tt.response.status===404?M(qe):R(qe)})},H=(se,ue,We)=>{let tt=We.findIndex(qe=>qe.name===ue);return se[tt]},L=(se,ue)=>(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("p",{children:"Are you sure you want to remove this user? (This action is irreversible)"}),(0,Fe.jsxs)("p",{children:["User:"," ",(0,Fe.jsx)("i",{children:(0,Fe.jsx)("b",{children:se})})]}),(0,Fe.jsxs)("p",{children:["Email:"," ",(0,Fe.jsx)("i",{children:(0,Fe.jsx)("b",{children:ue})})]})]}),D,F={search:!1,viewColumns:!1,filter:!1,rowsPerPageOptions:[10,20,25],responsive:"standard",selectableRows:"none",count:N,rowsPerPage:d,page:u,print:!1,download:!1,elevation:0,serverSide:!0,sortOrder:{name:m.split(" ")[0],direction:m.split(" ")[1]},onTableChange:(se,ue)=>{let We=ue.announceText?ue.announceText.split(" : "):[],tt="";switch(ue.activeColumn&&(tt=`${b[ue.activeColumn].name} desc`),se){case"changePage":f(ue.page);break;case"changeRowsPerPage":p(ue.rowsPerPage);break;case"search":D&&clearTimeout(D),D=setTimeout(()=>{h!==ue.searchText&&g(ue.searchText)},500);break;case"sort":We.length==2&&(We[1]==="ascending"?tt=`${b[ue.activeColumn].name} asc`:tt=`${b[ue.activeColumn].name} desc`),tt!==m&&x(tt);break}}},q=[["user_id","na"],["avatar_url","xs"],["email","na"],["username","na"],["first_name","na"],["last_name","na"],["role_names","xs"],["status","na"],["joined_at","l"],["last_login_time","l"],["deleted_at","na"]],b=[{name:"user_id",label:"User ID",options:{filter:!1,sort:!1,searchable:!1}},{name:"avatar_url",label:"Team Member",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(se,ue)=>(0,Fe.jsx)(K,{sx:{"& > img":{mr:2,flexShrink:0}},children:(0,Fe.jsx)(Lu,{userId:H(ue.rowData,"user_id",b),userName:`${ue.rowData[4]} ${ue.rowData[5]}`,userEmail:ue.rowData[2],profileUrl:se})})}},{name:"email",label:"Email",options:{filter:!1,sort:!0,searchable:!0}},{name:"username",label:"Username",options:{filter:!1,sort:!0,searchable:!0,customBodyRender:(se,ue)=>(0,Fe.jsxs)("div",{style:{display:"flex"},children:[se,se?.includes("@")?(0,Fe.jsx)(tr,{title:`Search "${ue.rowData[3]} ${ue.rowData[4]}" on Google`,children:(0,Fe.jsx)("a",{href:`https://www.google.com/search?q=${ue.rowData[3]}+${ue.rowData[4]}`,style:{color:"inherit"},target:"_blank",rel:"noreferrer",children:(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z2,{width:20,height:20})})})}):(0,Fe.jsx)(tr,{title:`Lookup "${se}" on GitHub`,children:(0,Fe.jsx)("a",{href:`https://www.github.com/${se}`,style:{color:"inherit"},target:"_blank",rel:"noreferrer",children:(0,Fe.jsx)("div",{children:(0,Fe.jsx)(ru,{width:22,height:22})})})})]})}},{name:"first_name",label:"First",options:{filter:!1,sort:!0,searchable:!0}},{name:"last_name",label:"Last",options:{filter:!1,sort:!0,searchable:!0}},{name:"role_names",label:"Roles",options:{filter:!0,sort:!1,searchable:!1,filterOptions:{names:T.concat(T?.map(se=>`!${se}`))},customBodyRender:se=>(0,Fe.jsx)("div",{children:se?.join(", ")})}},{name:"status",label:"Status",options:{filter:!0,sort:!0,searchable:!1}},{name:"joined_at",label:"Joined At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"last_login_time",label:"Last Active At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"deleted_at",label:"Deleted At",options:{filter:!0,sort:!0,searchable:!1,sortDescFirst:!0,filterOptions:{names:["Deleted","Not Deleted"],logic:(se,ue)=>se!="NA"&&ue.indexOf("Deleted")>=0?!0:se=="NA"&&ue.indexOf("Not Deleted")>=0,fullWidth:!0},customBodyRender:(se,ue)=>{let We=X[ue.rowIndex];return aG(We)}}},{name:"actions",label:"Actions",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(se,ue)=>H(ue.rowData,"deleted_at",b).Valid!==!1?(0,Fe.jsxs)(w3,{children:[(0,Fe.jsx)(Yo,{style:{marginRight:".5rem"},fill:Ir,height:"30",width:"30"}),(0,Fe.jsx)(zl,{fill:Ir,secondaryFill:Ir,height:30,width:30})]}):(0,Fe.jsx)(kTe,{tableMeta:ue,handleRemoveFromTeam:W,handleEditUser:l,isRemoveFromTeamAllowed:n,isEditUserAllowed:i,theme:s})}}],[ae,ie]=(0,$i.useState)(b),[O]=(0,$i.useState)(()=>{let se=ra(q,C),ue={};return b.forEach(We=>{ue[We.name]=se[We.name]}),ue});return(0,Fe.jsxs)(B2,{initialMode:s?.palette.mode,children:[(0,Fe.jsx)("div",{style:{margin:"auto",width:"100%"},children:(0,Fe.jsx)(Uo,{columns:b,data:X,options:F,colViews:q,tableCols:ae,updateCols:ie,columnVisibility:O})}),(0,Fe.jsx)(dp,{ref:I})]})},Xm=ITe;var pp=require("react/jsx-runtime"),MTe=(0,y.styled)(O3.Grid2)(({theme:e})=>({display:"grid",margin:"auto",paddingLeft:"0.5rem",borderRadius:"0.25rem",width:"inherit",gap:e.spacing(1)})),LTe=({teams:e,tableOptions:t,columnVisibility:r,colViews:o,tableCols:a,columns:n,updateCols:i,isRemoveFromTeamAllowed:l,isEditUserAllowed:s,handleEditUser:u,org_id:f,useGetUsersForOrgQuery:d,useNotificationHandlers:p,useRemoveUserFromTeamMutation:m})=>{let x=(0,y.useTheme)();return(0,pp.jsx)(lo,{children:(0,pp.jsx)(Uo,{columns:n,data:e,options:{...t,renderExpandableRow:(h,g)=>{let T=e[g.dataIndex].id;return(0,pp.jsx)(O3.TableCell,{colSpan:6,sx:{paddingInline:"4rem",backgroundColor:`${x.palette.background.secondary} !important`},children:(0,pp.jsx)(MTe,{container:!0,size:12,children:(0,pp.jsx)(Xm,{teamID:T,isRemoveFromTeamAllowed:l,isEditUserAllowed:s,handleEditUser:u,org_id:f,useGetUsersForOrgQuery:d,useNotificationHandlers:p,useRemoveUserFromTeamMutation:m,theme:x})})})}},colViews:o,tableCols:a,updateCols:i,columnVisibility:r})})},Jm=LTe;var JC=require("react");var A3=require("react/jsx-runtime");function DTe({value:e,maxLength:t,...r}){return e.length>t?(0,A3.jsx)(tr,{title:e,arrow:!0,placement:"top",children:(0,A3.jsx)("div",{style:{maxWidth:"15rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...r,children:`${e.slice(0,t)}...`})}):(0,A3.jsx)("div",{style:{maxWidth:"15rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...r,children:e})}var Ia=DTe;var ct=require("react/jsx-runtime");function FTe({selected:e,teams:t,deleteTeamsModalHandler:r}){let o={team_ids:[],team_names:[]};return e?.data.forEach(a=>{let n=a.index;o.team_ids.push(t[n]?.team_id),o.team_names.push(t[n]?.team_name)}),(0,ct.jsx)(iG,{children:(0,ct.jsx)(lG,{children:(0,ct.jsx)(ge,{title:"Delete Teams",children:(0,ct.jsx)(ho,{height:28,width:28,fill:Ir,onClick:()=>{r(o)}})},"delete_teams")})})}function mp({teams:e,count:t,page:r,pageSize:o,setPage:a,setPageSize:n,sortOrder:i,setSortOrder:l,bulkSelect:s,setBulkSelect:u,handleTeamView:f,handleDeleteTeam:d,handleRemoveTeamFromWorkspace:p,handleleaveTeam:m,teamId:x,workspace:h=!1,isEditTeamAllowed:g,isLeaveTeamAllowed:T,isRemoveTeamFromWorkspaceAllowed:R,isDeleteTeamAllowed:w,setSearch:M}){let{width:I}=ta(),C=(0,y.useTheme)(),v=[["id","na"],["name","xs"],["description","m"],["owner","l"],["created_at","na"],["updated_at","xl"],["deleted_at","na"],["actions","xs"]],P=[{name:"id",label:"ID",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:H=>(0,ct.jsx)(Wm,{id:H})}},{name:"name",label:"Name",options:{filter:!1,sort:!0,searchable:!0}},{name:"description",label:"Description",options:{filter:!1,sort:!0,searchable:!1,customBodyRender:H=>(0,ct.jsx)(Ia,{value:H??"",maxLength:30})}},{name:"owner",label:"Owner",options:{filter:!1,sort:!0,searchable:!0}},{name:"created_at",label:"Created At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"updated_at",label:"Updated At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"deleted_at",label:"Deleted At",options:{filter:!0,sort:!0,searchable:!1,sortDescFirst:!0,customBodyRender:H=>JSON.stringify(H),filterOptions:{names:["Deleted","Not Deleted"],logic:(H,L)=>H!="NA"&&L.indexOf("Deleted")>=0?!0:H=="NA"&&L.indexOf("Not Deleted")>=0,fullWidth:!0}}},{name:"actions",label:"Actions",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(H,L)=>s||L.rowData[4].Valid?(0,ct.jsxs)(w3,{children:[(0,ct.jsx)(Yo,{style:{marginRight:".5rem"}}),(0,ct.jsx)(ho,{height:28,width:28,fill:Ir})]}):(0,ct.jsxs)(E3,{children:[!h&&(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(Vo,{disabled:!g,children:(0,ct.jsx)(Gt,{id:`edit_team-${L.rowIndex}`,title:"Edit Team",onClick:D=>{g&&f(D,L.rowData)},iconType:"edit",children:(0,ct.jsx)(Yo,{style:{height:28.8,width:28.8},fill:Ir})})}),(0,ct.jsx)(Vo,{disabled:!T,children:(0,ct.jsx)(Gt,{id:`leave_team-${L.rowIndex}`,title:"Leave Team",onClick:D=>T&&m(D,L.rowData),iconType:"delete",children:(0,ct.jsx)(zl,{fill:Ir,secondaryFill:Ir})})})]}),h?(0,ct.jsx)(Vo,{disabled:!R,children:(0,ct.jsx)(Gt,{id:`remove_team-${L.rowIndex}`,title:"Move Team",onClick:()=>{R&&p&&p(L.rowData[0])},iconType:"delete",children:(0,ct.jsx)(ho,{height:28,width:28,fill:C.palette.icon.default})})}):(0,ct.jsx)(Vo,{disabled:!w,children:(0,ct.jsx)(Gt,{id:`delete_team-${L.rowIndex}`,title:"Delete Team",onClick:D=>{w&&d(D,L.rowData)},iconType:"delete",children:(0,ct.jsx)(ho,{height:28,width:28,fill:Ir})})})]})}}],B=e?.findIndex(H=>H.id===x),_={filter:!1,selectableRows:"none",filterType:"dropdown",expandableRows:!0,expandableRowsHeader:!1,expandableRowsOnClick:!0,responsive:"standard",count:t,rowsPerPage:o,page:r,print:!1,download:!1,elevation:0,serverSide:!0,viewColumns:!1,search:!1,rowsExpanded:[B],customToolbarSelect:H=>(0,ct.jsx)(sG,{children:(0,ct.jsx)(FTe,{selected:H,teams:e,deleteTeamsModalHandler:()=>{}})}),textLabels:{selectedRows:{text:"teams(s) selected"}},onTableChange:(H,L)=>{let D=L.announceText?L.announceText.split(" : "):[],F="";switch(L.activeColumn&&(F=`${P[L.activeColumn].name} desc`),H){case"changePage":a(L.page);break;case"changeRowsPerPage":n(L.rowsPerPage);break;case"search":M(L.searchText!==null?L.searchText:"");break;case"sort":D.length==2&&(D[1]==="ascending"?F=`${P[L.activeColumn].name} asc`:F=`${P[L.activeColumn].name} desc`),F!==i&&l(F);break;case"rowSelectionChange":L.selectedRows.data.length?s||u(!0):u(!1);break;default:L.selectedRows.data.length==0&&s&&u(!1)}},isRowSelectable:H=>e[H].deleted_at.Valid!==!0,setRowProps:(H,L,D)=>(D&&D.selectedRows?D.selectedRows.data:[]).includes(L)?{style:{backgroundColor:C.palette.background.hover}}:H[6].Valid?{style:{backgroundColor:C.palette.icon.disabled}}:{style:{backgroundColor:C.palette.background.constant?.table}}},[ee,X]=(0,JC.useState)(P),[N,W]=(0,JC.useState)(()=>{let H=ra(v,I),L={};return P.forEach(D=>{L[D.name]=H[D.name]}),L});return{columns:P,tableOptions:_,tableCols:ee,updateCols:X,columnVisibility:N,setColumnVisibility:W,colViews:v}}var Ma=G(require("react"));var Pt=require("react/jsx-runtime"),NTe=({width:e=V,height:t=U,primaryFill:r="#00B39F",secondaryFill:o="#00D3A9",...a})=>(0,Pt.jsxs)("svg",{width:e,height:t,viewBox:"0 0 135 135",...a,xmlns:"http://www.w3.org/2000/svg",children:[(0,Pt.jsx)("path",{d:"M69.5 31.82V64.07L97.45 47.89L69.5 31.82Z",fill:o}),(0,Pt.jsx)("path",{d:"M69.5 70.81V103.22L97.7 87.09L69.5 70.81Z",fill:o}),(0,Pt.jsx)("path",{d:"M65.47 63.85V32.09L37.87 47.92L65.47 63.85Z",fill:r}),(0,Pt.jsx)("path",{d:"M10.1 103.1C15.5182 111.811 22.842 119.179 31.52 124.65V90.71L10.1 103.1Z",fill:r}),(0,Pt.jsx)("path",{d:"M65.47 103.06V71.05L37.8 87.07L65.47 103.06Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 122.63L63.56 106.61L35.54 90.41V122.63Z",fill:o}),(0,Pt.jsx)("path",{d:"M99.62 122.8V90.63L71.64 106.63L99.62 122.8Z",fill:r}),(0,Pt.jsx)("path",{d:"M127.03 99.37C131.817 90.4433 134.524 80.5502 134.95 70.43L105.78 87.11L127.03 99.37Z",fill:r}),(0,Pt.jsx)("path",{d:"M103.64 83.69L131.76 67.61L103.64 51.45V83.69Z",fill:o}),(0,Pt.jsx)("path",{d:"M99.62 44.5V12.52L71.77 28.49L99.62 44.5Z",fill:r}),(0,Pt.jsx)("path",{d:"M99.62 83.55V51.28L71.7 67.44L99.62 83.55Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 51.22V83.73L63.66 67.45L35.54 51.22Z",fill:o}),(0,Pt.jsx)("path",{d:"M65.47 0C55.1388 0.298791 45.016 2.97835 35.89 7.83L65.52 24.83L65.47 0Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 12.3V44.62L63.69 28.48L35.54 12.3Z",fill:o}),(0,Pt.jsx)("path",{d:"M31.52 10.34C22.8442 15.8136 15.521 23.1813 10.1 31.89L31.52 44.25V10.34Z",fill:r}),(0,Pt.jsx)("path",{d:"M99.43 8C90.2123 3.0393 79.9635 0.299881 69.5 0V25.15L99.43 8Z",fill:o}),(0,Pt.jsx)("path",{d:"M0 69.87C0.348236 80.2825 3.1145 90.4711 8.08 99.63L29.77 87.07L0 69.87Z",fill:o}),(0,Pt.jsx)("path",{d:"M8.07001 35.37C3.13121 44.4917 0.372439 54.6334 0.0100098 65L29.8 47.91L8.07001 35.37Z",fill:o}),(0,Pt.jsx)("path",{d:"M35.78 127.13C44.9355 132.013 55.0981 134.706 65.47 135V110.15L35.78 127.13Z",fill:r}),(0,Pt.jsx)("path",{d:"M124.89 32C119.512 23.3126 112.237 15.9553 103.61 10.48V44.3L124.89 32Z",fill:o}),(0,Pt.jsx)("path",{d:"M103.64 124.54C112.314 119.022 119.624 111.61 125.02 102.86L103.64 90.52V124.54Z",fill:o}),(0,Pt.jsx)("path",{d:"M134.96 64.81C134.572 54.5437 131.835 44.5032 126.96 35.46L105.5 47.88L134.96 64.81Z",fill:r}),(0,Pt.jsx)("path",{d:"M69.5 135C79.845 134.709 89.9825 132.029 99.12 127.17L69.5 110V135Z",fill:o}),(0,Pt.jsx)("path",{d:"M31.52 83.44V51.56L3.83002 67.43L31.52 83.44Z",fill:r})]}),ey=NTe;var bG=G(require("@mui/material/Tooltip")),vG=G(require("react")),ty=require("react/jsx-runtime"),BTe=vG.default.forwardRef((e,t)=>(0,ty.jsx)(bG.default,{...e,ref:t,children:(0,ty.jsx)("span",{children:e.children})})),ry=BTe;var Qn=require("@mui/material");var wG=(0,Qn.styled)(Ht)(({theme:e})=>({padding:"5px 6px !important",color:e.palette.text.default,fontSize:"0.875rem",textTransform:"uppercase",fontWeight:400,height:"unset",borderRadius:"100px",border:`0.5px solid ${e.palette.border?.normal}`,background:e.palette.background.default,maxWidth:"14.375rem"})),EG=(0,Qn.styled)(kn)(({theme:e})=>({width:300,height:280,overflow:"auto",backgroundColor:e.palette.background.secondary,borderRadius:"10px",boxShadow:"0px 1px 4px 0px rgba(0, 0, 0, 0.25) inset","@media (max-width: 843px)":{width:260},"@media (max-width: 768px)":{width:300},"@media (max-width: 375px)":{width:"100%"}})),oy=(0,Qn.styled)(z)(({theme:e})=>({paddingBottom:"15px",color:e.palette.text?.default,textAlign:"center",fontSize:"1rem",letterSpacing:"0.15px"})),ec=(0,Qn.styled)(Me)(({theme:e})=>({margin:"5px 0",padding:"7px 0",borderRadius:"10px",borderColor:e.palette.border?.strong,boxShadow:"none",display:"flex",flexDirection:"row",fill:e.palette.icon.default,"&:hover":{borderColor:e.palette.border?.brand,backgroundColor:`${De} !important`,fill:e.palette.icon.inverse}})),ay=(0,Qn.styled)(Qn.Grid2)({padding:"0 1rem","@media (max-width: 768px)":{padding:"0",display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}}),RG=(0,Qn.styled)(Qn.Grid2)({padding:"2.5rem 1rem 0 1rem","@media (max-width: 768px)":{padding:"1rem",transform:"rotate(90deg)",height:"6.25rem",marginLeft:"6.25rem"}});var ze=require("react/jsx-runtime"),OG={CHIP:"chip",OTHER:"other"};function HTe(e){return e?{meshery:(0,ze.jsx)(ey,{}),kubernetes:(0,ze.jsx)(hd,{}),github:(0,ze.jsx)(ru,{})}[e]||null:(0,ze.jsx)(hd,{})}function P3(e,t){return e.filter(r=>t.indexOf(r)===-1)}function AG(e,t){return e.filter(r=>t.indexOf(r)!==-1)}function VTe({name:e,assignableData:t,assignedData:r,assignablePage:o,assignedPage:a,originalAssignedData:n,emptyStateIconLeft:i,emtyStateMessageLeft:l,emptyStateIconRight:s,emtyStateMessageRight:u,originalLeftCount:f,originalRightCount:d,leftPermission:p=!0,rightPermission:m=!0,transferComponentType:x=OG.OTHER}){let[h,g]=Ma.default.useState([]),[T,R]=Ma.default.useState([]),[w,M]=Ma.default.useState(n),[I,C]=Ma.default.useState(0),[v,P]=Ma.default.useState(0);Ma.default.useEffect(()=>{M(n)},[n]),Ma.default.useEffect(()=>{R(t)},[t]),Ma.default.useEffect(()=>{C(f),P(d)},[f,d]);let B=AG(h,T),_=AG(h,w);Ma.default.useEffect(()=>{r(w)},[w]),Ma.default.useEffect(()=>{let D=b=>{b[0].isIntersecting&&o()},F=new IntersectionObserver(D,{threshold:1}),q=document.getElementById("leftList");return q&&F.observe(q),()=>{q&&F.unobserve(q)}},[t]),Ma.default.useEffect(()=>{let D=b=>{b[0].isIntersecting&&a()},F=new IntersectionObserver(D,{threshold:1}),q=document.getElementById("rightList");return q&&F.observe(q),()=>{q&&F.unobserve(q)}},[n]);let ee=D=>()=>{let F=h.indexOf(D),q=[...h];F===-1?q.push(D):q.splice(F,1),g(q)},X=D=>{D.stopPropagation(),M(w.concat(T)),R([]),C(0),P(F=>F+I)},N=D=>{D.stopPropagation(),M(w.concat(B)),R(P3(T,B)),g(P3(h,B)),C(F=>F-B.length),P(F=>F+B.length)},W=D=>{D.stopPropagation(),R(T.concat(_)),M(P3(w,_)),g(P3(h,_)),P(F=>F-_.length),C(F=>F+_.length)},H=D=>{D.stopPropagation(),R(T.concat(w)),M([]),P(0),C(F=>F+v)},L=(D,F,q,b)=>(0,ze.jsxs)(EG,{children:[(0,ze.jsx)(eo,{dense:!0,component:"div",role:"list",children:D.length>0?D.map(ae=>{let ie=`transfer-list-item-${ae.name}-label`;return(0,ze.jsxs)(_r,{role:"listitem",sx:{display:"flex",justifyContent:"space-between","&:hover":{backgroundColor:"#00000010"}},onClick:ee(ae),children:[x===OG.CHIP?(0,ze.jsx)(ry,{title:ae.name,placement:"top",children:(0,ze.jsx)(wG,{sx:{paddingY:"10px"},variant:"outlined",label:ae.name,onDelete:()=>{},deleteIcon:(0,ze.jsx)(s5,{}),icon:HTe(ae?.kind)||(0,ze.jsx)(hd,{})})}):(0,ze.jsx)(ry,{title:ae.name,placement:"top",children:(0,ze.jsx)(z,{sx:{maxWidth:"230px",height:"1.5rem",overflow:"hidden"},children:ae.name})}),(0,ze.jsx)(Jr,{checked:h.indexOf(ae)!==-1,tabIndex:-1,disableRipple:!0,inputProps:{"aria-labelledby":ie}})]},ae.id)}):(0,ze.jsxs)("div",{style:{textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"264px"},children:[F,(0,ze.jsx)(z,{sx:{color:"#979797",px:5,py:2,lineHeight:1},children:q})]})}),(0,ze.jsx)("div",{id:b})]});return(0,ze.jsxs)(he,{container:!0,justifyContent:"center",alignItems:"center",children:[(0,ze.jsxs)(ay,{children:[(0,ze.jsxs)(oy,{children:["Available ",e," (",T.length,")"]}),L(T,i,l,"leftList")]}),(0,ze.jsx)(RG,{children:(0,ze.jsxs)(he,{container:!0,direction:"column",alignItems:"center",children:[(0,ze.jsxs)(ec,{variant:"outlined",size:"small",onClick:X,disabled:!m||m&&(T?.length===0||T.length<I),"aria-label":"move all right",children:[(0,ze.jsx)(wd,{width:18,height:18}),(0,ze.jsx)(wd,{style:{position:"absolute",left:"27px"},width:18,height:18})]}),(0,ze.jsx)(ec,{variant:"outlined",size:"small",onClick:N,disabled:!m||m&&B.length===0,"aria-label":"move selected right",children:(0,ze.jsx)(wd,{width:18,height:18})}),(0,ze.jsx)(ec,{variant:"outlined",size:"small",onClick:W,disabled:!p||p&&_.length===0,"aria-label":"move selected left",children:(0,ze.jsx)(Td,{width:18,height:18})}),(0,ze.jsxs)(ec,{variant:"outlined",size:"small",onClick:H,disabled:!p||p&&(w?.length===0||w.length<v),"aria-label":"move all left",children:[(0,ze.jsx)(Td,{width:18,height:18}),(0,ze.jsx)(Td,{style:{position:"absolute",left:"27px"},width:18,height:18})]})]})}),(0,ze.jsxs)(ay,{children:[(0,ze.jsxs)(oy,{children:["Assigned ",e," (",w.length,")"]}),L(w,s,u,"rightList")]})]})}var cp=VTe;var xp=require("@mui/material"),ny=G(require("react"));var lr=require("react/jsx-runtime"),UTe=(0,xp.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?nd.header:ad.header,padding:"0.75rem 1rem",margin:"-1rem -1rem 1rem -1rem",display:"flex",justifyContent:"space-between",alignItems:"center"}));function WTe({filters:e,selectedFilters:t,setSelectedFilters:r,variant:o="outlined",handleApplyFilter:a,showAllOption:n=!0,id:i,"data-testid":l="universal-filter"}){let[s,u]=ny.default.useState(null),[f,d]=ny.default.useState(!1),p=(0,y.useTheme)(),m=(0,xp.useMediaQuery)(p.breakpoints.down("sm")),x=w=>{u(w.currentTarget),d(M=>!M)},h=()=>{u(null),d(!1)},g=(w,M)=>{let I=w.target.value;r(C=>({...C,[M]:I}))},T=()=>{h(),a()},R=()=>(0,lr.jsxs)("div",{children:[(0,lr.jsx)(UTe,{"data-testid":`${l}-header`,children:(0,lr.jsx)("h3",{children:"Filters: "})}),Object.keys(e).map(w=>{let M=e[w].options;return(0,lr.jsxs)("div",{role:"presentation","data-testid":`${l}-filter-group-${w}`,children:[(0,lr.jsx)(Dl,{id:e[w].name,"data-testid":`${l}-label-${w}`,children:e[w].name}),(0,lr.jsxs)(ha,{defaultValue:"All","data-testid":`${l}-select-${w}`,value:t[w],variant:o,onChange:I=>g(I,w),style:{width:"20rem",marginBottom:"1rem"},inputProps:{"aria-label":"Without label","data-testid":`${l}-select-${w}`},displayEmpty:!0,children:[n&&(0,lr.jsx)(Mt,{value:"All","data-testid":`${l}-option-all`,children:"All"}),M.map(I=>(0,lr.jsx)(Mt,{value:I.value,"data-testid":`${l}-option-${I.value}`,children:I.label},I.value))]},w)]},w)}),(0,lr.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:(0,lr.jsx)(Me,{variant:"contained",onClick:T,"data-testid":`${l}-apply-btn`,children:"Apply"})})]});return(0,lr.jsx)(lr.Fragment,{children:(0,lr.jsxs)("div",{id:i,"data-testid":l,children:[(0,lr.jsx)(Gt,{title:"Filter",onClick:x,icon:(0,lr.jsx)(G2,{fill:p.palette.icon.default}),arrow:!0}),m?(0,lr.jsx)(xp.Drawer,{anchor:"bottom",open:f,onClose:h,PaperProps:{style:{padding:"0 1rem 1rem 1rem",backgroundColor:p.palette.background.surfaces}},children:R()}):(0,lr.jsx)(tp,{id:f&&s?"transition-popper":void 0,open:f,anchorEl:s,placement:"bottom-end",children:(0,lr.jsx)(_n,{onClickAway:h,mouseEvent:"onMouseDown",touchEvent:"onTouchStart",children:(0,lr.jsx)(kn,{sx:{padding:"1rem",paddingTop:"1.8rem",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.1)",backgroundColor:p.palette.background.surfaces},children:R()})})})]})})}var PG=WTe;var _G=require("react");var aa=require("react/jsx-runtime"),cn={PUBLIC:"public",PRIVATE:"private",PUBLISHED:"published"},qTe=(0,y.styled)(Fl)(({theme:e})=>({"& .MuiPaper-root":{backgroundColor:e.palette.mode==="light"?d1:e.palette.background.constant?.table,color:e.palette.text.secondary,border:`1px solid ${e.palette.border.default}`,borderRadius:"0.25rem",padding:"0rem"},"& .MuiMenuItem-root":{fontSize:".9rem",padding:"0.5rem","&:hover":{backgroundColor:e.palette.mode==="light"?$s:"rgba(0, 179, 159, 0.25)"}},"& .Mui-selected":{backgroundColor:e.palette.mode==="light"?$s:"rgba(0, 179, 159, 0.25)"},"& .MuiList-padding":{padding:"0px"}})),GTe=(0,y.styled)(Me)(()=>({padding:"0px"})),zTe=(0,y.styled)("div")(({theme:e,enabled:t})=>({paddingLeft:"0.3rem",height:"1.5rem",width:"auto",paddingRight:t?"0":"0.3rem",borderRadius:"0.25rem",border:`1px solid ${ed}`,background:e?.palette.mode==="light"?d1:e?.palette.background.constant?.table,textTransform:"uppercase",color:e?.palette.text.default,display:"flex",justifyContent:"center",alignItems:"center",fontSize:"0.75rem",fontFamily:e?.typography.fontFamily})),jTe=(0,y.styled)(Mt)(({theme:e})=>({textTransform:"capitalize",color:e.palette.icon.default})),KTe=(0,y.styled)("div")({marginRight:"0.5rem"}),$Te=({value:e,onChange:t,options:r,enabled:o})=>{let[a,n]=(0,_G.useState)(null),i=!!a,l=f=>{f.stopPropagation(),n(null)},s=f=>{f.stopPropagation(),o&&n(f.currentTarget)},u=(f,d)=>{f.stopPropagation(),t&&t(d),l(f)};return(0,aa.jsxs)(aa.Fragment,{children:[(0,aa.jsx)(GTe,{disabled:!o,onClick:s,"data-testid":`design-visibility-${e.toLowerCase()}`,children:(0,aa.jsxs)(zTe,{enabled:o,children:[(0,aa.jsx)("span",{style:{fontSize:"0.85rem"},children:e}),o&&(0,aa.jsx)(vF,{style:{...Qo}})]})}),(0,aa.jsx)(qTe,{open:i,onClose:l,anchorEl:a,anchorReference:"anchorPosition",anchorPosition:{top:(a?.getBoundingClientRect().bottom??0)+5,left:(a?.getBoundingClientRect().left??0)+5},children:r?.map(([f,d],p)=>(0,aa.jsxs)(jTe,{"data-testid":`visibility-toggle-${f.toLowerCase()}`,onClick:m=>u(m,f),children:[(0,aa.jsx)(KTe,{children:(0,aa.jsx)(d,{width:16,height:16})}),f]},p))})]})},Yi=$Te;var VG=require("@mui/material");var Wo=require("@mui/material"),kG=(0,Wo.styled)("div")(()=>({width:"85px",height:"88px",overflow:"hidden",position:"absolute",top:"-3px",left:"-3px"})),IG=(0,Wo.styled)("div")(({catalogClassName:e})=>({font:"bold 10px sans-serif",WebkitTransform:"rotate(-45deg)",textAlign:"center",transform:"rotate(-45deg)",position:"relative",padding:"4px 0",top:"15px",left:"-30px",width:"120px",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",backgroundColor:{community:"rgba(122,132,142,.8)",official:"#EBC017",verified:"#00B39F"}[e],color:"#fff"})),MG=(0,Wo.styled)("div")(({outerStyles:e})=>({position:"relative",borderRadius:"1rem",textAlign:"center",transformStyle:"preserve-3d",transition:"all .9s ease-out",marginBottom:"1.25rem",display:"inline-flex",perspective:"1000px","&:hover":{cursor:"pointer",transform:"translateY(-2%)"},"@media (max-width:1200px)":{height:"18.75rem"},...e})),LG=(0,Wo.styled)("div")(({theme:e})=>({position:"relative",width:"100%",height:"100%",textAlign:"center",transition:"transform 0.6s",background:e.palette.background.default,boxShadow:`2px 2px 3px 0px ${e.palette.background.brand?.default}`,borderRadius:"0.9375rem"})),DG=(0,Wo.styled)("span")(({theme:e})=>({position:"absolute",top:"0",right:"0",minWidth:"3rem",padding:"0 0.75rem",fontSize:"0.875rem",textTransform:"capitalize",background:e.palette.background.brand?.default,color:e.palette.text.inverse,borderRadius:"0 1rem 0 2rem"})),hp=(0,Wo.styled)("p")(({theme:e})=>({fontSize:"1rem",textTransform:"capitalize",margin:"0rem",lineHeight:"1.5",textAlign:"center",color:e.palette.text.secondary,fontWeight:"600"})),FG=(0,Wo.styled)(Wo.Typography)(({theme:e})=>({fontWeight:"bold",textTransform:"capitalize",color:e.palette.text.default,fontSize:"1.125rem",marginTop:"2rem",padding:"0rem 1rem",position:"relative",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textAlign:"center",width:"100%"})),NG=(0,Wo.styled)("div")(({theme:e})=>({display:"flex",justifyContent:"space-around",fontSize:"0.2rem",color:e.palette.text.secondary,padding:"0.9rem 0.1rem",background:e.palette.background.secondary,position:"absolute",bottom:"0px",marginTop:"1.2rem",borderRadius:"0 0 0.9375rem 0.9375rem",width:"100%"})),gp=(0,Wo.styled)("div")(()=>({display:"flex",alignItems:"center",gap:"4px",fontSize:"0.2rem",color:"rgba(26, 26, 26, .8)",margin:"0rem",padding:"0.1rem"})),BG=(0,Wo.styled)("div")(()=>({height:"max-content",display:"flex",marginTop:"-1rem",flexDirection:"column",padding:"0rem 1rem",justifyContent:"start",alignItems:"start","@media (max-width:1200px)":{height:"max-content"}})),HG=(0,Wo.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?"rgba(231, 239, 243, 0.40)":"#212121",display:"flex",alignItems:"center",justifyContent:"center",padding:"0.5rem",width:"100%",borderRadius:"0.5rem"}));var et=require("react/jsx-runtime"),Bpt=(0,VG.styled)("a")(()=>({textDecoration:"none"}));var YTe=({catalogClassName:e})=>e?(0,et.jsx)(kG,{children:(0,et.jsx)(IG,{catalogClassName:e,children:e})}):(0,et.jsx)(et.Fragment,{}),ZTe=({pattern:e,patternType:t,cardHeight:r,cardWidth:o,cardStyles:a,onCardClick:n})=>{let i={height:r,width:o,...a};return(0,et.jsx)(MG,{outerStyles:i,onClick:n,children:(0,et.jsxs)(LG,{className:"innerCard",children:[(0,et.jsx)(YTe,{catalogClassName:e?.catalog_data?.content_class}),(0,et.jsx)(DG,{children:t}),(0,et.jsxs)(BG,{children:[(0,et.jsx)(FG,{style:{margin:"3rem 0 1.59rem 0",textAlign:"center"},children:e.name}),(0,et.jsx)(HG,{children:(0,et.jsx)(rn,{height:"118",width:"120"})})]}),(0,et.jsxs)(NG,{children:[(0,et.jsxs)(gp,{children:[(0,et.jsx)(ba,{width:18,height:18}),(0,et.jsx)(hp,{children:e.download_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(id,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.clone_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(yd,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.view_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(cd,{width:18,height:18}),(0,et.jsx)(hp,{children:e.deployment_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(Fn,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.share_count})]})]})]})})},iy=ZTe;var ZG=require("@mui/material/styles"),ac=require("react");var oc=require("react");var _3=require("react");var qG=require("lodash"),Du=require("react");var ly=require("@mui/material");var UG=(0,ly.styled)(zs)(({style:e,theme:t})=>({fontFamily:t.typography.fontFamily,width:"100%","@media (max-width: 590px)":{marginLeft:"0.25rem",paddingLeft:"0.25rem"},display:"flex",backgroundColor:t.palette.mode==="light"?t.palette.common.white:t.palette.background.surfaces,...e})),WG=(0,ly.styled)(Wf)(({theme:e})=>({borderLeft:`1px solid ${e.palette.background.tertiary}`,height:"30px",paddingLeft:"10px"}));var tc=require("react/jsx-runtime");function QTe({onChange:e,value:t="",label:r,sx:o,placeholder:a,endAdornment:n,debounceTime:i=300}){let l=(0,y.useTheme)(),[s,u]=(0,Du.useState)(t);(0,Du.useEffect)(()=>{t!==s&&u(t)},[t]);let f=m=>({target:{value:m},persist:()=>{}}),d=(0,Du.useMemo)(()=>(0,qG.debounce)(m=>{e?.(f(m))},i),[e,i]);return(0,Du.useEffect)(()=>{if(e)return s===""?e(f(s)):d(s),()=>{d.cancel()}},[s,e,d]),(0,tc.jsx)(UG,{type:"search",label:r,fullWidth:!0,value:s,onChange:m=>{let x=m.target.value;u(x)},sx:o,placeholder:a??"Search",startAdornment:(0,tc.jsx)(Wf,{position:"start",children:(0,tc.jsx)(Ed,{fill:l.palette.background.neutral?.default})}),endAdornment:(0,tc.jsx)(WG,{position:"end",children:n})})}var rc=QTe;var Xn=require("@mui/material/styles");var GG=(0,Xn.styled)(K)(({styleProps:e})=>({padding:"1rem",borderRadius:"1rem",width:"100%",gap:"0.5rem",boxShadow:"0px 2px 10px rgba(0, 0, 0, 0.2)",display:"flex",flexDirection:"column",height:"fit-content",backgroundColor:e.backgroundColor,"@media (max-width:900px)":{display:"none"},fontFamily:e.fontFamily,"&::-webkit-scrollbar":{width:"6px"}})),zG=(0,Xn.styled)("div")(()=>({display:"none","@media (max-width:899px)":{display:"block"}})),e1t=(0,Xn.styled)("div")(()=>({display:"flex",justifyContent:"space-around",alignItems:"center"})),jG=(0,Xn.styled)(Me)(({theme:e})=>({backgroundColor:e.palette.primary.brand?.default,"&:hover":{backgroundColor:e.palette.background.default},height:"3.75rem","@media (max-width:450px)":{minWidth:"0px"}})),KG=(0,Xn.styled)(K)(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0.5rem 1rem",background:e.palette.mode==="light"?nd.header:ad.header,height:"10vh"})),t1t=(0,Xn.styled)(hi)(({theme:e})=>({padding:"0.25rem 2rem",borderBottom:"1px solid",borderBottomColor:e.palette.text.disabled})),$G=(0,Xn.styled)(hi)(({theme:e})=>({backgroundColor:e.palette.background.surfaces,borderRadius:"0.5rem",marginTop:2,display:"flex",justifyContent:"space-between"})),YG=(0,Xn.styled)("p")(({theme:e})=>({color:e.palette.text.tertiary})),r1t=(0,Xn.styled)("span")(()=>({marginLeft:"0.5rem",display:"block","@media (max-width: 853px)":{display:"none"}}));var sr=require("react/jsx-runtime"),XTe=({filterKey:e,sectionDisplayName:t,options:r=[],filters:o,openSections:a,onCheckboxChange:n,onSectionToggle:i,styleProps:l,customComponent:s})=>{let[u,f]=(0,_3.useState)(""),d=(0,_3.useCallback)(x=>{f(x.target.value)},[]),p=r.length>10,m=u&&r.length?r.filter(x=>x.label.toLowerCase().includes(u.toLowerCase())):r;return(0,sr.jsxs)(sr.Fragment,{children:[(0,sr.jsxs)($G,{onClick:()=>i(e),style:{backgroundColor:l.sectionTitleBackgroundColor},children:[(0,sr.jsx)(z,{sx:{fontSize:"1rem"},fontWeight:"bold",fontFamily:l.fontFamily,children:(t||e).toUpperCase()}),a[e]?(0,sr.jsx)($l,{}):(0,sr.jsx)(Zo,{})]}),(0,sr.jsx)(ca,{in:a[e],timeout:"auto",unmountOnExit:!0,children:s?(0,sr.jsx)(s,{}):(0,sr.jsxs)(eo,{component:"div",sx:{overflowY:"auto",maxHeight:"25rem",backgroundColor:l.backgroundColor,"&::-webkit-scrollbar":{width:"6px"}},children:[p&&(0,sr.jsx)(K,{sx:{px:"0.5rem",mb:"0.5rem"},children:(0,sr.jsx)(rc,{value:u,onChange:d,placeholder:"Search",endAdornment:(0,sr.jsxs)(YG,{children:["Total : ",m.length??0]})})}),m.map((x,h)=>(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",px:"0.5rem",justifyContent:"space-between",children:[(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",gap:"0.35rem",children:[(0,sr.jsx)(Jr,{id:`checkbox-${x.label}`,checked:Array.isArray(o[e])?o[e].includes(x.value):o[e]===x.value,onChange:g=>n&&n(e,x.value,g.target.checked),value:x.value}),x.Icon&&(0,sr.jsx)(x.Icon,{width:"20px",height:"20px"}),(0,sr.jsx)(z,{fontFamily:l.fontFamily,children:x.label})]}),(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",gap:"0.35rem",children:[x.totalCount!==void 0&&`(${x.totalCount||0})`,x.description&&(0,sr.jsx)(Ui,{variant:"standard",helpText:x.description})]})]},`${x.value}-${h}`))]})})]})},sy=XTe;var Tp=require("react/jsx-runtime"),JTe=({lists:e,onApplyFilters:t,value:r,styleProps:o})=>{let[a,n]=(0,oc.useState)(()=>{let s={};return e.forEach(u=>{s[u.filterKey]=!!u.defaultOpen}),s}),i=(0,oc.useCallback)(s=>{n(u=>({...u,[s]:!u[s]}))},[]),l=(0,oc.useCallback)((s,u,f)=>{t(d=>{let p={...d};if(e.find(x=>x.filterKey===s)?.isMultiSelect!==!1){let x=p[s];Array.isArray(x)||(x=x?[x]:[]),p[s]=f?[...x,u]:x.filter(h=>h!==u)}else p[s]=f?u:"";return p})},[e,t]);return(0,Tp.jsx)(Tp.Fragment,{children:e.map(s=>s.customComponent?(0,Tp.jsx)(sy,{filterKey:s.filterKey,filters:r,sectionDisplayName:s.sectionDisplayName,onSectionToggle:i,styleProps:o,openSections:a,customComponent:s.customComponent},s.filterKey):(0,Tp.jsx)(sy,{filterKey:s.filterKey,sectionDisplayName:s.sectionDisplayName,options:s.options,filters:r,openSections:a,onCheckboxChange:l,onSectionToggle:i,styleProps:o},s.filterKey))})},uy=JTe;var xr=require("react/jsx-runtime"),e8e=({lists:e,setData:t,value:r={},styleProps:o})=>{let a=(0,ZG.useTheme)(),[n,i]=(0,ac.useState)(!1),l=(0,ac.useCallback)(()=>{i(!0)},[]),s=(0,ac.useCallback)(()=>{i(!1)},[]),f={...{backgroundColor:a.palette.mode==="light"?a.palette.background.default:a.palette.background.secondary,sectionTitleBackgroundColor:a.palette.mode==="light"?a.palette.background.surfaces:Hl.main,fontFamily:a.typography.fontFamily},...o};return(0,xr.jsxs)(xr.Fragment,{children:[(0,xr.jsx)(GG,{styleProps:f,children:(0,xr.jsx)(uy,{lists:e,onApplyFilters:t,value:r,styleProps:f})}),(0,xr.jsxs)(zG,{children:[(0,xr.jsx)(ge,{title:"Filters",placement:"bottom",children:(0,xr.jsx)(jG,{variant:"contained",onClick:l,children:(0,xr.jsx)(MF,{style:{height:"28px",width:"28px"},fill:a.palette.text.default})})}),(0,xr.jsx)(h2,{anchor:"bottom",open:n,variant:"temporary",onClose:s,style:{zIndex:"1399"},children:(0,xr.jsxs)(K,{sx:{overflowY:"hidden",height:"90vh"},children:[(0,xr.jsxs)(KG,{children:[(0,xr.jsx)(z,{variant:"h6",sx:{color:a.palette.text.constant?.white},component:"div",children:"Filters"}),(0,xr.jsx)(Pu,{onClick:s,children:(0,xr.jsx)(Vt,{height:"32px",width:"32px"})})]}),(0,xr.jsx)(K,{style:{height:"75vh",overflowY:"auto",background:a.palette.background.surfaces,padding:"0 16px"},children:(0,xr.jsx)(uy,{lists:e,onApplyFilters:t,value:r,styleProps:f})}),(0,xr.jsx)(K,{sx:{background:a.palette.mode==="light"?nd.fotter:ad.fotter,height:"5vh"}})]})})]})]})},fy=e8e;var Fu=require("react/jsx-runtime");function t8e({open:e,content:t,title:r,actions:o,onClose:a}){return(0,Fu.jsxs)(xa,{open:e,onClose:a,children:[(0,Fu.jsx)(Dm,{children:r}),(0,Fu.jsx)(kl,{children:(0,Fu.jsx)(Il,{children:t})}),(0,Fu.jsx)(Uf,{children:o})]})}var dy=t8e;var Sp=require("@mui/material"),na=G(require("react"));var Yt=require("react/jsx-runtime"),QG=require("react"),r8e=({data:e,label:t,fetchSuggestions:r,setFilterData:o,isLoading:a,type:n,disabled:i,selectedData:l,searchValue:s,setSearchValue:u,iconComponent:f=(0,Yt.jsx)(U1,{...Dd})})=>{let[d,p]=(0,na.useState)(""),[m,x]=(0,na.useState)(!1),[h,g]=(0,na.useState)(!1),[T,R]=(0,na.useState)(l);(0,na.useEffect)(()=>{R(l)},[l]);let w=(0,na.useCallback)(C=>{let v=T.filter(P=>P.id!==C);R(v),o(v)},[T,o]),M=(0,na.useCallback)((C,v)=>{if(!v)return;if(T.some(_=>_.id===v.id)){p(`${n} already selected`);return}let B=[...T,v];R(B),o(B),p(""),u(""),x(!1)},[T,o,n,u]),I=(0,na.useCallback)((C,v)=>{u(v),v===""?x(!1):(r(v),p(""),x(!0))},[r,u]);return(0,Yt.jsxs)(K,{sx:{width:"100%"},children:[(0,Yt.jsx)(Sp.Autocomplete,{id:`${n}-search-field`,style:{width:"100%"},options:e,getOptionLabel:()=>s,isOptionEqualToValue:(C,v)=>C.id===v.id,noOptionsText:a?"Loading...":`No ${n} found`,loading:a,open:m,onClose:()=>x(!1),disabled:i,value:void 0,inputValue:s,onChange:M,onInputChange:I,filterOptions:C=>C,disableClearable:!0,includeInputInList:!0,filterSelectedOptions:!0,disableListWrap:!0,clearOnBlur:!0,popupIcon:null,blurOnSelect:!0,forcePopupIcon:!1,renderInput:C=>(0,Yt.jsx)(to,{...C,label:t||`Add ${n}`,error:!!d,helperText:d,fullWidth:!0,InputLabelProps:{style:{fontFamily:"inherit"}},InputProps:{...C.InputProps,endAdornment:(0,Yt.jsx)(na.default.Fragment,{children:a?(0,Yt.jsx)($t,{color:"inherit",size:20}):null})}}),renderOption:(C,v)=>(0,QG.createElement)("li",{...C,key:v.id},(0,Yt.jsx)(K,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},children:(0,Yt.jsxs)(Sp.Grid2,{container:!0,alignItems:"center",children:[(0,Yt.jsx)(Sp.Grid2,{children:(0,Yt.jsx)(K,{sx:{color:"text.secondary",mr:2},children:f})}),(0,Yt.jsx)(Sp.Grid2,{size:"grow",children:(0,Yt.jsx)(z,{variant:"body2",children:v.name})})]})}))}),(0,Yt.jsxs)(K,{sx:{display:"flex",flexWrap:"wrap",gap:.5,mt:T?.length>0?"0.5rem":""},children:[!h&&T?.length>0&&(0,Yt.jsx)(Ht,{avatar:f,label:T[T.length-1]?.name,size:"small",onDelete:()=>w(T[T.length-1]?.id),deleteIcon:(0,Yt.jsx)(tr,{title:`Remove ${n}`,children:(0,Yt.jsx)(Vt,{style:Co})})},T[T.length-1]?.id),h&&T?.map(C=>(0,Yt.jsx)(Ht,{avatar:(0,Yt.jsx)(U1,{...Co}),label:C.name,size:"small",onDelete:()=>w(C.id),deleteIcon:(0,Yt.jsx)(tr,{title:`Remove ${n}`,children:(0,Yt.jsx)(Vt,{style:Co})})},C.id)),T?.length>1&&(0,Yt.jsx)(z,{onClick:()=>g(!h),sx:{cursor:"pointer"},children:h?"(hide)":`(+${T?.length-1})`})]})]})},py=r8e;var nc=require("@mui/material"),XG=(0,nc.styled)("div")(({theme:e})=>({padding:"2.5rem",margin:"2rem 0",backgroundColor:e.palette.grey.A400,display:"flex",border:`1px solid ${e.palette.common.black}`,justifyContent:"space-between",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)","&:hover":{transition:"background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s",transform:"translate3d(0px, -1px, 0px)",boxShadow:`${e.palette.common.black} 0px 8px 16px 0px`},"@media screen and (max-width: 992px)":{padding:"1.5rem"},"@media screen and (max-width: 500px)":{padding:"0.75rem"}})),JG=(0,nc.styled)("div")({display:"inline-flex"}),ez=(0,nc.styled)("div")(({theme:e})=>({fontSize:"2rem",margin:"0 2rem 0 1rem",color:e.palette.grey[800],alignSelf:"center",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),tz=(0,nc.styled)("div")(({theme:e})=>({h2:{margin:"0.25rem 0"},p:{margin:"0.35rem 0",color:e.palette.grey[800],transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}}));var gs=require("react/jsx-runtime"),o8e=({chapterNum:e,chapter:t})=>(0,gs.jsx)(XG,{id:t.frontmatter.courseTitle?t.frontmatter.courseTitle:void 0,children:(0,gs.jsxs)(JG,{children:[(0,gs.jsx)(ez,{children:e}),(0,gs.jsxs)(tz,{children:[(0,gs.jsx)("h2",{children:t.frontmatter.chapterTitle?t.frontmatter.chapterTitle:t.frontmatter.courseTitle}),(0,gs.jsx)("p",{children:t.frontmatter.description})]})]})}),my=o8e;var k3=require("@mui/material"),I3=G(require("react"));var Nu=require("@mui/material/styles");var j1t=(0,Nu.styled)("div")(({theme:e})=>({marginLeft:".5rem",color:e.palette.background.secondary})),rz=(0,Nu.styled)(Gf)({overflowY:"auto",scrollbarWidth:"none","&::-webkit-scrollbar":{width:"0em"}}),oz=(0,Nu.styled)(_r)(()=>({pointerEvents:"auto",margin:"0.5rem 0rem 0.5rem 0rem",fontSize:"0.1rem",padding:"0"})),az=(0,Nu.styled)(_r)(()=>({pointerEvents:"auto",margin:"0rem 0rem 0rem 0.5rem",fontSize:"0.1rem"})),nz=(0,Nu.styled)("div")({marginRight:"0.75rem",marginLeft:"0.5rem"}),iz=(0,Nu.styled)("div")({marginRight:"0.5rem"});var Qr=require("react/jsx-runtime"),a8e=({navigationItems:e,MenuListProps:t={},ListItemTextProps:r={}})=>{let o=(0,k3.useTheme)(),a=(0,k3.useMediaQuery)(o.breakpoints.up("sm")),[n,i]=(0,I3.useState)(null),l=(s,u)=>{u.stopPropagation(),i(f=>f===s?null:s)};return(0,Qr.jsx)(rz,{...t,dense:!0,children:e.map(s=>{let u=n===s.id,f=s.permission??!0,d=s.addDivider??!1;return!(s.showOnWeb??!0)&&a?null:(0,Qr.jsxs)(I3.default.Fragment,{children:[(0,Qr.jsxs)(Mt,{disabled:!f,onClick:s.onClick,"data-testid":`nav-item-${s.id}`,children:[(0,Qr.jsxs)(oz,{children:[s.icon&&(0,Qr.jsx)(nz,{children:s.icon}),(0,Qr.jsx)(er,{primary:s.title,...r})]}),s.subItems&&(0,Qr.jsx)(er,{"data-testid":`nav-toggle-${s.id}`,children:u?(0,Qr.jsx)($l,{onClick:m=>l(s.id,m)}):(0,Qr.jsx)(Zo,{onClick:m=>l(s.id,m)})})]}),s.subItems&&(0,Qr.jsx)(ca,{in:u,timeout:"auto",unmountOnExit:!0,variant:"submenu",children:s.subItems.map(m=>(0,Qr.jsx)(Mt,{disabled:!m.permission,onClick:m.onClick,"data-testid":`nav-subitem-${m.id}`,children:(0,Qr.jsxs)(az,{children:[m.icon&&(0,Qr.jsx)(iz,{children:m.icon}),(0,Qr.jsx)(er,{primary:m.title,...r})]})},m.id))}),d&&(0,Qr.jsx)(Po,{})]},s.id)})})},cy=a8e;var M3=require("@mui/material");var Cp=require("react/jsx-runtime"),n8e=(0,M3.styled)("div")(({type:e,theme:t})=>({fontWeight:500,background:"#212529",color:"inherit",marginTop:"2rem",width:"100%",height:"100%",marginBottom:"2rem",padding:"0.5rem 1rem",borderRadius:0,borderStyle:"solid",borderColor:e==="warning"?t.palette.text.warning:t.palette.background.brand?.default,borderWidth:"0 0 0 4px"})),i8e=(0,M3.styled)("h4")(({type:e,theme:t})=>({color:e==="warning"?t.palette.text.warning:t.palette.background.brand?.default,fontSize:"1.35rem"})),l8e=(0,M3.styled)("p")(({theme:e})=>({color:e.palette.text.inverse})),s8e=({type:e="note",title:t,content:r})=>(0,Cp.jsxs)(n8e,{type:e,children:[(0,Cp.jsx)(i8e,{type:e,children:t}),(0,Cp.jsx)(l8e,{children:(0,Cp.jsx)(ep,{content:r})})]}),xy=s8e;var xz=require("re-resizable"),hz=G(require("react-draggable"));var Ts=require("react/jsx-runtime"),u8e=({height:e=24,width:t=24,fill:r="#E8EFF3",...o})=>(0,Ts.jsxs)("svg",{width:t,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[(0,Ts.jsx)("g",{clipPath:"url(#clip0_34897_172744)",children:(0,Ts.jsx)("path",{d:"M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",fill:r})}),(0,Ts.jsx)("defs",{children:(0,Ts.jsx)("clipPath",{id:"clip0_34897_172744",children:(0,Ts.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),hy=u8e;var cmt=(0,y.styled)(_r)(({theme:e})=>({padding:e.spacing(.5,.5),marginBlock:e.spacing(1),"& .MuiListItemText-primary":{fontSize:"1rem",textTransform:"capitalize",fontWeight:700},cursor:"pointer","&:hover":{backgroundColor:e.palette.action.hover},"& .MuiSvgIcon-root":{opacity:0,transition:"opacity 0.2s"},"&:hover .MuiSvgIcon-root":{opacity:1}})),xmt=(0,y.styled)(_r,{shouldForwardProp:e=>e!=="isVisible"})(({theme:e,isVisible:t})=>({padding:e.spacing(.05,.5),fontStyle:t?"normal":"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap","& .MuiSvgIcon-root":{height:20,width:20},"& .MuiListItemIcon-root":{minWidth:0,opacity:t?.8:.3},"& .MuiTypography-root":{fontSize:"0.9rem",opacity:t?1:.5}})),lz=(0,y.styled)("div")(({theme:e})=>({display:"flex",alignItems:"center",padding:e.spacing(4,2),alignContent:"stretch",justifyContent:"space-between",cursor:"move",background:e.palette.mode==="light"?"linear-gradient(90deg, #3B687B 0%, #507D90 100%)":"linear-gradient(90deg, #28353A 0%, #3D4F57 100%)",height:"3rem",flexShrink:0})),sz=(0,y.styled)(K)(({theme:e})=>({padding:e.spacing(2),backgroundColor:e.palette.background.surfaces,overflow:"auto",flex:1,minHeight:0})),uz=(0,y.styled)("div")({height:"100%",display:"flex",flexDirection:"column",minHeight:"3rem"}),fz=(0,y.styled)(K)(({theme:e,intitialPosition:t})=>({borderRadius:"8px",overflow:"hidden",flexShrink:0,zIndex:100,position:"absolute",backgroundColor:e.palette.background.blur?.light,boxShadow:`0 4px 16px ${e.palette.background.blur?.light}`,maxHeight:"80%",display:"flex",boxSizing:"border-box",...t})),dz=(0,y.styled)(hy)(({theme:e})=>({fill:e.palette.common.white,position:"absolute",top:"-0.3rem",left:"50%"})),pz=(0,y.styled)("div")({display:"flex",gap:"1rem",justifyContent:"flex-end",alignItems:"center"}),mz=(0,y.styled)("div")({display:"flex",justifyContent:"end",alignItems:"center",flex:"1"}),L3=(0,y.styled)(rt)(({theme:e})=>({color:e.palette.common.white})),cz=(0,y.styled)("div")(()=>({position:"absolute",left:"0",right:"0",marginInline:"auto",width:"fit-content"}));var zt=require("react/jsx-runtime"),f8e=({isOpen:e,id:t="panel",children:r,areAllExpanded:o,toggleExpandAll:a,handleClose:n,defaultSize:i,intitialPosition:l,sx:s,minimizePanel:u,title:f=""})=>{let d=(0,y.useTheme)();return e?(0,zt.jsx)(hz.default,{handle:".drag-handle",children:(0,zt.jsx)(fz,{intitialPosition:l,sx:s,children:(0,zt.jsx)(xz.Resizable,{defaultSize:{width:i?.width||"18rem",height:i?.height||"auto"},onResize:()=>{window.dispatchEvent(new Event("panel-resize"))},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},children:(0,zt.jsx)(uz,{children:(0,zt.jsxs)(lo,{children:[(0,zt.jsx)("div",{className:"drag-handle",children:(0,zt.jsxs)(lz,{children:[(0,zt.jsx)(K,{display:"flex",justifyContent:"flex-end",padding:"8px",children:a&&(0,zt.jsx)(tr,{title:o?"Collapse All":"Expand All",children:(0,zt.jsx)(L3,{onClick:a,children:o?(0,zt.jsx)(V2,{}):(0,zt.jsx)(q2,{})})})}),(0,zt.jsx)(dz,{}),(0,zt.jsxs)(mz,{children:[(0,zt.jsx)(pz,{id:`${t}-panel-header-actions-container`}),(0,zt.jsx)(cz,{children:f}),u&&(0,zt.jsx)(L3,{onClick:u,children:(0,zt.jsx)(fd,{fill:d.palette.common.white})}),(0,zt.jsx)(L3,{onClick:n,children:(0,zt.jsx)(Vt,{fill:d.palette.common.white})})]})]})}),(0,zt.jsx)(sz,{className:"panel-body",children:r})]})})})})}):null},gy=({...e})=>(0,zt.jsx)(f8e,{...e});var lc=require("react");var Pmt=(0,y.styled)(K)(()=>({padding:"1rem",borderRadius:"1rem",backgroundColor:"white",width:"100%",alignSelf:"center",height:"20rem",marginBottom:"1rem",boxShadow:"0px 2px 10px rgba(0, 0, 0, 0.2)",display:"block","@media (max-width:900px)":{height:"18rem",marginInline:"0",padding:"0.5rem"}})),_mt=(0,y.styled)("div")(()=>({width:"100%",justifyContent:"center",display:"flex",alignItems:"center",marginTop:"20px"})),kmt=(0,y.styled)(K)(()=>({display:"flex",justifyContent:"space-evenly",gap:"2.5rem",width:"100%"})),Imt=(0,y.styled)(K)(()=>({display:"flex",flexWrap:"wrap",justifyContent:"space-evenly",gap:"2.5rem",width:"100%"})),Mmt=(0,y.styled)("div")(({theme:e})=>({backgroundColor:e.palette.common.white,textAlign:"center",borderRadius:"1rem",width:"100%",padding:"1.5rem",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"})),Ty=(0,y.styled)(K)(({theme:e})=>({background:e.palette.mode==="light"?e.palette.background.default:e.palette.background.secondary,paddingTop:e.spacing(2),borderRadius:"1rem",display:"flex",alignItems:"center",flexDirection:"column"})),gz=(0,y.styled)(K)(({theme:e})=>({paddingInline:e.spacing(2),display:"flex",alignItems:"center",placeSelf:"flex-start",justifyContent:"space-between",width:"100%"})),Tz=(0,y.styled)(z)(({theme:e})=>({fontSize:"1.5rem",fontWeight:600,color:e.palette.text.default})),Sz=(0,y.styled)(Pr)(({theme:e})=>({width:"200px",margin:"0.5rem",height:"100%",borderRadius:"1rem",position:"relative",overflow:"hidden",transition:"all 0.3s ease-in-out",background:i3(e.palette.mode==="light"),border:"1px solid transparent",boxShadow:"2px 2px 3px 2px rgb(0, 211, 169, 0.5)","&:hover":{transform:"translateY(-4px)",boxShadow:`2px 2px 3px 2px ${e.palette.text.brand}`,cursor:"pointer"}})),Cz=(0,y.styled)("div")(()=>({display:"flex",gap:"10px",flexWrap:"nowrap",justifyContent:"center",width:"100%"})),yz=(0,y.styled)(K)(()=>({width:"2rem",height:"2rem",padding:"0.25rem",borderRadius:"8px",backgroundColor:"#D6FFF7",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease","& svg":{transition:"transform 0.3s ease"},"&:hover svg":{transform:"scale(1.2)"},"& .clone-icon":{width:"20px",height:"20px"}})),bz=(0,y.styled)(Qa)(()=>({height:"100%",display:"flex",flexDirection:"column",padding:"12px",paddingBottom:"0px !important"})),vz=(0,y.styled)(K)({display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"0.5rem",gap:"0.6rem"}),wz=(0,y.styled)(z)(({theme:e})=>({fontSize:"0.85rem",fontWeight:"bold",color:e.palette.text.default,lineHeight:1.2,marginTop:"4px",textTransform:"uppercase",letterSpacing:"0.5px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"clip",maxWidth:"70%",height:"2.4em"})),Ez=(0,y.styled)(z)(({theme:e})=>({fontSize:"24px",fontWeight:700,color:e.palette.icon.secondary,marginBottom:"0.5rem",lineHeight:1.2})),Lmt=(0,y.styled)(K)(({theme:e})=>({marginBottom:"1rem",padding:"8px",borderRadius:"8px",background:e.palette.mode==="light"?"#f8fafc":Ta,color:e.palette.mode==="light"?"rgba(26, 26, 26, .8)":e.palette.text.default,transition:"background 0.3s ease, filter 0.3s ease","&:hover":{filter:"brightness(0.98)"}})),Rz=(0,y.styled)(z)(({theme:e})=>({fontSize:"0.9rem",fontWeight:1e3,color:e.palette.text.default,lineHeight:1.3,marginBottom:"4px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",minHeight:"fit-content",maxHeight:"2.6em"})),Oz=(0,y.styled)(z)({fontSize:"0.75rem",marginBottom:"8px"}),Az=(0,y.styled)(K)(({theme:e})=>({display:"flex",gap:"15px",width:"100%",padding:"20px",background:e.palette.mode==="light"?e.palette.background.default:e.palette.background.secondary,borderRadius:"12px",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.05)",paddingBottom:e.spacing(3)})),Pz=(0,y.styled)(K)(({theme:e})=>({padding:"1rem",color:e.palette.text.error,fontSize:"1rem",fontWeight:500}));var xn=require("react/jsx-runtime"),Sy=({open:e,handleClick:t})=>{let r=(0,y.useTheme)();return(0,xn.jsx)(ge,{title:e?"Hide Performers":"Show Performers",placement:"bottom",children:(0,xn.jsx)("span",{children:(0,xn.jsxs)(Me,{variant:"contained",onClick:t,sx:{height:"3.7rem",padding:"0.3rem 1rem 0.3rem 0.3rem"},style:{backgroundColor:e?void 0:r.palette.background.constant?.disabled},children:[(0,xn.jsx)(Kl,{style:{height:"2rem",width:"2rem",marginRight:"10px"}}),e?"Hide Performers":"Show Performers"]})})})},Cy=({handleClick:e})=>(0,xn.jsx)(ge,{title:"Open Leaderboard",placement:"bottom",children:(0,xn.jsx)(Me,{variant:"contained",onClick:e,sx:{height:"3.7rem",padding:"0.3rem",display:{xs:"inline-flex",sm:"none"}},children:(0,xn.jsx)(Kl,{style:{height:"2rem",width:"2rem"}})})}),_z=()=>(0,xn.jsx)(Cz,{children:[...Array(5)].map((e,t)=>(0,xn.jsx)(S2,{variant:"rounded",height:"13.5rem",width:"inherit",sx:{minWidth:"150px"},style:{borderRadius:"1rem"}},t))});var wt=require("react/jsx-runtime"),d8e={pathType:"pattern",page:0,pagesize:1,metrics:!0,expandUser:!0,trim:!0},yy={view:{label:"Most Opens",id:"open",countKey:"view_count"},clone:{label:"Most Clones",id:"clone",countKey:"clone_count"},download:{label:"Most Downloads",id:"download",countKey:"download_count"},deployment:{label:"Most Deploys",id:"deployments",countKey:"deployment_count"},share:{label:"Most Shares",id:"share",countKey:"share_count"}},ic=e=>({...d8e,order:`${yy[e].countKey} desc`}),p8e=({label:e,countKey:t,count:r,patternName:o,pattern:a,userName:n,status:i,id:l,onCardClick:s,onIconClick:u})=>{let f=()=>{s(a)},d=(m,x)=>{m.stopPropagation(),u(x)},p=(0,y.useTheme)();return(0,wt.jsx)(Sz,{elevation:0,status:i,onClick:f,children:(0,wt.jsxs)(bz,{cardId:l,children:[(0,wt.jsxs)(vz,{children:[(0,wt.jsx)(wz,{children:e}),(0,wt.jsx)(yz,{onClick:m=>d(m,`${t}+desc`),children:(0,wt.jsx)(t5,{...Qo,fill:p.palette.common.black})})]}),(0,wt.jsx)(Ez,{children:r}),(0,wt.jsxs)(K,{children:[(0,wt.jsx)(Rz,{children:o}),(0,wt.jsxs)(Oz,{children:["by ",n]})]})]})})},Er=(e={})=>({search:e.search??"",order:e.order??"",pagesize:e.pagesize??0,page:e.page??0,...e}),kz=(0,lc.memo)(p8e);kz.displayName="StatCard";var m8e=e=>{let t=e(Er(ic("view"))),r=e(Er(ic("clone"))),o=e(Er(ic("download"))),a=e(Er(ic("deployment"))),n=e(Er(ic("share"))),i={view:t,clone:r,download:o,deployment:a,share:n};return{queries:i,isLoading:Object.values(i).some(l=>l.isLoading),hasError:Object.values(i).some(l=>l.isError)}},c8e=(e,t)=>{let r=e[t],o=yy[t],a=r?.isSuccess&&r.data?.patterns?.[0];return a?{label:o.label,countKey:o.countKey,count:a[o.countKey],patternName:a.name||"Unknown",pattern:a,userName:a.user?.first_name||"Unknown",id:o.id,status:a?.catalog_data?.content_class}:null},x8e=({useGetCatalogFilters:e,onCardClick:t,onIconClick:r,onOpenLeaderboard:o})=>{let a=(0,y.useTheme)(),{queries:n,isLoading:i,hasError:l}=m8e(e),s=(0,y.useMediaQuery)(a.breakpoints.down("sm")),u=(0,lc.useMemo)(()=>Object.keys(yy).map(d=>c8e(n,d)).filter(d=>!!d),[n]);if(l)return(0,wt.jsx)(Ty,{children:(0,wt.jsx)(Pz,{children:"Error loading statistics. Please try again later."})});let f=u.map((d,p)=>(0,wt.jsx)(kz,{...d,onCardClick:t,onIconClick:r},`${d.id}-${p}`));return(0,wt.jsx)(lo,{children:(0,wt.jsxs)(Ty,{children:[(0,wt.jsxs)(gz,{children:[(0,wt.jsxs)(K,{display:"flex",alignItems:"center",gap:1,children:[(0,wt.jsx)(Tz,{children:"Top Performers"}),(0,wt.jsx)(Kl,{style:{height:"2rem",width:"2rem",color:a.palette.icon.secondary,display:s?"none":"inline-flex"}})]}),o&&(0,wt.jsx)("div",{children:(0,wt.jsxs)(Me,{variant:"contained",onClick:()=>o(),children:[(0,wt.jsx)(Kl,{style:{height:"2rem",width:"2rem",display:s?"inline-flex":"none"}}),(0,wt.jsx)("p",{style:{margin:0,display:s?"none":"inline-flex"},children:"Open Leaderboard"})]})})]}),(0,wt.jsxs)(Az,{children:[i&&(0,wt.jsx)(_z,{}),(0,wt.jsx)(nu,{items:f})]})]})})},by=(0,lc.memo)(x8e);var Jn=require("@mui/material"),Iz=(0,Jn.styled)("div")({padding:"1rem 0","& h2":{margin:"1rem 0"},".get-started-desc":{margin:"1rem"}}),Mz=(0,Jn.styled)("div")(({theme:e})=>({display:"flex",cursor:"pointer",flexDirection:"row",flexWrap:"wrap","& a":{color:e.palette.text.primary,margin:"1rem"}})),Lz=(0,Jn.styled)("a")(({theme:e})=>({flex:"1",padding:"2rem",textDecoration:"none",background:e.palette.mode==="light"?"#EEEEEE":"#212121",minHeight:"21.5rem",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)",borderRadius:"10px","&:hover":{boxShadow:`${e.palette.background.brand?.default} 0px 0px 7px`},"& a":{margin:"0 !important","&:hover":{color:e.palette.background.brand?.default}}})),Dz=(0,Jn.styled)("div")({display:"flex",alignItems:"center",gap:"1rem"}),ect=(0,Jn.styled)("div")({flex:"0 0 25%",alignSelf:"center",margin:"0 0.5rem"}),tct=(0,Jn.styled)("img")({height:"3rem",width:"3rem",maxWidth:"3rem",margin:"auto"}),rct=(0,Jn.styled)("svg")(({theme:e})=>({fontSize:"4.15rem",alignSelf:"center",flex:"0 0 25%",margin:"0 0.5rem",filter:e.palette.mode==="light"?"0%":"invert(100%)",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),oct=(0,Jn.styled)("h2")({fontSize:"1.75rem",margin:"1rem 0"}),act=(0,Jn.styled)("p")(({theme:e})=>({color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}));var La=require("react/jsx-runtime"),h8e=({Steps:e,PrerequisiteLine:t})=>(0,La.jsxs)(Iz,{children:[(0,La.jsxs)("div",{className:"get-started-desc",id:"pre-requisites",children:[(0,La.jsx)("h2",{children:"Prerequisites"}),(0,La.jsx)("p",{children:t})]}),(0,La.jsx)(Mz,{id:"Set up",children:e.map((r,o)=>(0,La.jsxs)(Lz,{href:r.url,target:"_blank",children:[(0,La.jsxs)(Dz,{children:[(0,La.jsx)("h2",{children:r.heading}),typeof r.Icon=="string"?(0,La.jsx)("img",{src:r.Icon,alt:r.heading,width:"40px",height:"40px"}):r.Icon]}),(0,La.jsx)("p",{children:r.description})]},o))})]}),vy=h8e;var Fz=require("@mui/material");var g8e=(0,Fz.styled)("div")(({theme:e})=>({color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)",".chapter-sub-heading, .chapter-sub-heading a":{color:e.palette.mode==="light"?O2:A2,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},".chapter-alt-heading, .chapter-alt-heading a":{color:"gray"},"& a":{color:e.palette.background.brand?.default,textDecoration:"underline","&:hover":{color:e.palette.background.brand?.default}},"& p > code":{color:"inherit",padding:".2em .4em",margin:"0",fontSize:"85%",wordBreak:"normal",backgroundColor:e.palette.background.code,borderRadius:".25rem"},"& pre":{backgroundColor:"#011627",padding:"1em",borderRadius:"0.5rem",overflowX:"auto",color:"#d6deeb",position:"relative",textAlign:"left",width:"100%",margin:"1rem auto autocompleteClasses",fontFamily:"Courier New, Courier, monospace"},"& li code":{color:"inherit",padding:".2em .4em",margin:"0",fontSize:"85%",wordBreak:"normal",backgroundColor:e.palette.background.code,borderRadius:".25rem"},"& li a":{color:e.palette.text.default,textDecoration:"underline","&:hover":{color:e.palette.background.brand?.default}}})),wy=g8e;var Ey=require("react");var Ss=require("@mui/material"),Nz=(0,Ss.styled)("div")({width:"52rem",maxWidth:"90%"}),Bz=(0,Ss.styled)("div")({display:"flex",alignItems:"center",background:"#323339",width:"100%",height:"2.875rem",borderRadius:"2px 2px 0 0"}),cct=(0,Ss.styled)("div")({color:"#76767d",fontFamily:"'Courier New', Courier, monospace",fontSize:"13.5px",margin:"0 auto"}),Hz=(0,Ss.styled)("ul")({position:"absolute",display:"block",listStyle:"none",marginLeft:"1rem",marginTop:"0",marginBottom:"0",padding:"0","& li":{display:"inline-block",width:"0.875rem",height:"0.875rem",background:"#1d1e23",borderRadius:"0.75rem",marginRight:"7px"}}),Vz=(0,Ss.styled)("div")({width:"100%",height:"100%",background:"#1d1e23",borderRadius:"0 0 2px 2px",padding:"24px 32px"}),Uz=(0,Ss.styled)("div")({width:"100%",height:"100%",position:"relative",overflow:"scroll",msOverflowStyle:"none",scrollbarWidth:"none","&::-webkit-scrollbar":{WebkitAppearance:"none",width:"0",height:"0"},"&.no-scroll-overflow-wrapper":{"& .code-wrapper":{bottom:"0",position:"absolute",minHeight:"100%"}}}),Wz=(0,Ss.styled)("div")(({theme:e})=>({"& pre":{padding:"0",margin:"0",width:"100%",height:"100%",fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"27px",whiteSpace:"pre-wrap",color:e.palette.info.main,"&.short":{lineHeight:"16px"},"&.navy":{color:"#66a2ff"},"&.gray":{color:"#bdbec2"},"&.white":{color:"#fff"},wrapWord:"normal",[e.breakpoints.up("sm")]:{fontSize:"13.5px",lineHeight:"26px"}}}));var vo=require("react/jsx-runtime"),T8e=({lines:e,title:t,noScroll:r})=>(0,vo.jsxs)(Nz,{children:[(0,vo.jsxs)(Bz,{children:[(0,vo.jsxs)(Hz,{children:[(0,vo.jsx)("li",{style:{backgroundColor:"red"}}),(0,vo.jsx)("li",{style:{backgroundColor:"yellow"}}),(0,vo.jsx)("li",{style:{backgroundColor:"green"}})]}),t&&(0,vo.jsx)("div",{className:"title",children:t})]}),(0,vo.jsx)(Vz,{children:(0,vo.jsx)(Uz,{className:r?"no-scroll-overflow-wrapper":"",children:(0,vo.jsx)(Wz,{children:e&&e.map((o,a)=>(0,vo.jsx)(Ey.Fragment,{children:(0,vo.jsxs)("pre",{className:`${o.short?"short":""}`,style:{color:o.color?o.color:"blue"},children:[o.indent&&new Array(o.indent*2).fill({}).map((n,i)=>(0,vo.jsx)(Ey.Fragment,{children:"\xA0"},i)),o.code]})},a))})})})]}),Ry=T8e;var qz=require("@mui/material"),Gz=(0,qz.styled)("div")(({theme:e})=>({".chapter-back":{display:"flex",justifyContent:"space-between",alignItems:"center","& a":{display:"inline-flex","& svg":{alignSelf:"center",fontSize:"1.5rem",color:e.palette.grey[600],width:"100%",maxWidth:"1.5rem"},"& h4":{fontWeight:500,textTransform:"capitalize",fontSize:"1.25rem"},"&:hover":{"& svg, & h4":{color:e.palette.text.primary}}},".toc-toggle-btn":{display:"none"},".toc-menu-icon":{width:"1.5rem",height:"1.5rem",cursor:"pointer",fill:e.palette.secondary.main,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}},".toc-list":{"& ul":{position:"relative",paddingInlineStart:"2.65rem",MozPaddingStart:"2.65rem","&::after":{position:"absolute",inset:"1rem auto 1rem 1.7rem",width:"auto",height:"auto",borderLeft:"1px solid rgba(177, 182, 184, 0.25)",content:'""',zIndex:0},"& li":{width:"fit-content",margin:"1rem 0","&::marker":{color:"rgba(177, 182, 184, 0.75)"},"& p":{margin:0,fontSize:"1rem","& a":{color:e.palette.mode==="light"?"rgb(0 0 0 / 0.65)":"rgb(255 255 255 / 0.65)",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}},"&:hover":{"&::marker, & p, & a":{color:e.palette.background.brand?.default}}},".active-link":{"&::marker, & p, & a":{color:e.palette.background.brand?.default}}}}}));var Bu=require("react/jsx-runtime"),S8e=({availableChapters:e,currentChapter:t,onClick:r})=>{let o=a=>a.split("-").map(l=>l.charAt(0).toUpperCase()+l.slice(1)).join(" ");return(0,Bu.jsx)(Gz,{children:(0,Bu.jsx)("div",{className:"toc-list",children:(0,Bu.jsx)("ul",{className:"toc-ul toc-ul-open",children:e.map(a=>(0,Bu.jsx)("li",{className:a+".mdx"===t?"active-link":"",onClick:n=>{r(a,n)},children:(0,Bu.jsxs)("p",{className:"toc-item",children:[" ",o(a)]})},a))})})})},Oy=S8e;var Kz=require("react");var zz=require("@mui/material"),jz=(0,zz.styled)("div")(({theme:e})=>({position:"sticky",top:"10rem",left:0,marginLeft:"-3rem",".go-back":{margin:"1rem 0",display:"flex",justifyContent:"space-between",alignItems:"center","& a":{display:"inline-flex","& svg":{alignSelf:"center",fontSize:"1.5rem",color:e.palette.text.disabled,width:"100%",maxWidth:"1.5rem"},"& h4":{fontWeight:500,textTransform:"capitalize",fontSize:"1.25rem",whiteSpace:"nowrap"},"&:hover":{"& svg, & h4":{color:e.palette.text.primary}}}},".toc-toggle-btn":{display:"none"},".toc-ul-open":{display:"flex",flexDirection:"column",marginTop:"0rem",listStyle:"none",height:"auto !important",opacity:"1 !important",transition:"all .4s !important"},".toc-menu-icon":{width:"1.5rem",height:"1.5rem",cursor:"pointer",fill:e.palette.common.white},".toc-sub-heading":{marginTop:"1rem",fontWeight:500,fontSize:"1.15rem"},".toc-item":{lineHeight:"1.5rem"},".toc-list":{"& ul":{position:"relative",paddingInlineStart:"1.5rem",listStyleType:"none","& li":{margin:"1rem 0 1rem 0.5rem",width:"fit-content","&::marker":{color:"rgba(177, 182, 184, 0.75)"},"& p":{margin:0,fontSize:"1rem","& a":{color:"rgba(0, 0, 0, 0.65)"}},"&:hover":{"&::marker, & p, & a":{color:e.palette.secondary.contrastText}}},".active-link":{"&::marker, & p, & a":{color:e.palette.secondary.contrastText}}}},"@media only screen and (max-width: 991px)":{position:"initial",marginLeft:"-0.5rem",width:"auto",".toc-toggle-btn":{display:"flex"},".go-back":{marginLeft:0},".toc-ul":{opacity:0,height:0,transition:"none",paddingLeft:".8rem !important"},".toc-item":{lineHeight:".8rem"}}}));var ur=require("react/jsx-runtime"),C8e=[{name:"Set up",link:"/cloud-native-management/meshery"},{name:"Run Meshery",link:"/cloud-native-management/meshery/getting-started"},{name:"Manage Meshery",link:"/cloud-native-management/meshery/operating-service-meshes"}],y8e=({coursesData:e})=>{let[t,r]=(0,Kz.useState)(!1);return(0,ur.jsxs)(jz,{children:[(0,ur.jsxs)("div",{className:"go-back",children:[(0,ur.jsxs)("a",{href:"/learn/learning-paths",children:[(0,ur.jsx)(H2,{}),(0,ur.jsx)("h4",{children:"Learning Paths"})]}),(0,ur.jsx)("div",{className:"toc-toggle-btn",children:t?(0,ur.jsx)(Vt,{className:"toc-menu-icon",onClick:()=>{r(!t)}}):(0,ur.jsx)(ud,{className:"toc-menu-icon",onClick:()=>{r(!t)}})})]}),(0,ur.jsx)("div",{className:"toc-list",children:(0,ur.jsxs)("ul",{className:`toc-ul ${t?"toc-ul-open":""}`,children:[(0,ur.jsx)("a",{href:"#pre-requisites",children:(0,ur.jsx)("h5",{className:"toc-sub-heading",children:"Pre-requisites"})}),C8e.map((o,a)=>(0,ur.jsx)("li",{children:(0,ur.jsx)("p",{className:"toc-item",children:(0,ur.jsx)("a",{href:`#${o.name}`,children:o.name})})},a)),(0,ur.jsx)("a",{href:"#courses-list",children:(0,ur.jsx)("h5",{className:"toc-sub-heading",children:"Courses"})}),e.map((o,a)=>(0,ur.jsx)("li",{children:(0,ur.jsx)("p",{className:"toc-item",children:(0,ur.jsx)("a",{href:`#${o.frontmatter.courseTitle}`,children:o.frontmatter.courseTitle})})},a))]})})]})},Ay=y8e;var $z=require("@mui/material"),Yz=G(require("@mui/material/Autocomplete")),Py=G(require("@mui/material/CircularProgress")),sc=require("react"),Zz=require("use-debounce");var Et=require("react/jsx-runtime"),b8e=({usersData:e,disabled:t=!1,shareWithNewUsers:r,useGetAllUsersQuery:o})=>{let[a,n]=(0,sc.useState)(!1),[i,l]=(0,sc.useState)(""),[s,u]=(0,sc.useState)([]),[f,d]=(0,sc.useState)(!1),p=(0,y.useTheme)(),[m]=(0,Zz.useDebounce)(i,300),{data:x,isLoading:h}=o({search:m,page:0,pagesize:10},{skip:m.trim().length==0}),g=x?.data??[],T=async()=>{console.log("users to share with",s);try{d(!0);let v=await r(s);v.error?n(v.error):u([])}catch(v){console.log("error while sharing",v)}finally{d(!1)}},R=(v,P)=>{P&&(u(P),l(""))},w=(v,P,B)=>{B==="input"?l(P):B==="clear"&&l("")},M=g.filter(v=>!s.concat(e).find(P=>P.email===v.email)),I=t||f||s.length===0,C=({avatarObj:v,...P})=>(0,Et.jsx)(Ht,{avatar:(0,Et.jsx)(Kt,{alt:v.first_name,src:v.avatar_url,children:v.avatar_url?"":v.first_name?.charAt(0)}),label:v.email,size:"small",...P},v.user_id);return(0,Et.jsx)(Et.Fragment,{children:(0,Et.jsxs)(K,{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,children:[(0,Et.jsx)(Yz.default,{id:"user-search-field",sx:{width:"100%"},filterOptions:v=>v,options:M,renderTags:(v,P)=>v.map((B,_)=>(0,Et.jsx)(C,{avatarObj:B,...P({index:_})})),disableClearable:!0,includeInputInList:!0,filterSelectedOptions:!0,multiple:!0,disableListWrap:!0,disabled:f,inputValue:i,loading:h,value:s,getOptionLabel:v=>v.email,noOptionsText:h?"Loading...":i==""?"Search using name or email":"No users found",onChange:R,onInputChange:w,isOptionEqualToValue:(v,P)=>v.email===P.email,renderInput:v=>(0,Et.jsx)(to,{...v,placeholder:"Add Users",error:!!a,helperText:a,fullWidth:!0,label:"",disabled:I,sx:{"& .MuiOutlinedInput-root":{paddingInline:"0.5rem",paddingBlock:"0.1rem"}},InputProps:{...v.InputProps,endAdornment:(0,Et.jsx)(Et.Fragment,{children:h?(0,Et.jsx)(Py.default,{color:"inherit",size:20}):null})}}),renderOption:(v,P)=>(0,Et.jsx)(K,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...v,children:(0,Et.jsxs)(he,{container:!0,alignItems:"center",children:[(0,Et.jsx)(he,{children:(0,Et.jsx)(K,{sx:{color:"text.secondary",mr:2},children:(0,Et.jsx)(Kt,{alt:P.first_name,src:P.avatar_url,children:P.avatar_url?"":(0,Et.jsx)(Dn,{})})})}),(0,Et.jsx)(he,{size:"grow",children:P.deleted_at?.Valid?(0,Et.jsxs)(z,{variant:"body2",color:"text.secondary",children:[P.email," (deleted)"]}):(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsxs)(z,{variant:"body2",children:[P.first_name," ",P.last_name]}),(0,Et.jsx)(z,{variant:"body2",color:"text.secondary",children:P.email})]})})]})})}),(0,Et.jsx)($z.Button,{variant:"contained",sx:{"&.Mui-disabled":{color:`${p.palette.text.secondary} !important`,backgroundColor:`${p.palette.action.disabled} !important`}},onClick:T,disabled:I,children:f?(0,Et.jsx)(Py.default,{size:24,sx:{color:"#fff"}}):"Share"})]})})},D3=b8e;var Qz=require("@mui/material"),Xr=G(require("react"));var je=require("react/jsx-runtime"),v8e=({usersData:e,setUsersData:t,label:r="Add User",setDisableSave:o,handleNotifyPref:a,notifyUpdate:n,isCreate:i,searchType:l,disabled:s=!1,currentUserData:u,searchedUsers:f=[],isUserSearchLoading:d,fetchSearchedUsers:p,usersSearch:m,setUsersSearch:x})=>{let[h,g]=(0,Xr.useState)(""),[T,R]=(0,Xr.useState)(!1),[w,M]=(0,Xr.useState)(!1),[I,C]=(0,Xr.useState)(!0),[v,P]=(0,Xr.useState)(""),[B,_]=(0,Xr.useState)(e||[]);(0,Xr.useEffect)(()=>{_(e||[])},[e]);let ee=(0,Xr.useMemo)(()=>{if(I&&!m&&u)return[u];let H=f.filter(L=>L.user_id!==u?.user_id);return!m&&u?[u,...H]:H},[f,u,m,I]),X=(0,Xr.useCallback)((H,L)=>{L.stopPropagation();let D=B.filter(F=>F.user_id!==H);_(D),t(D),o&&o(!1)},[B,t,o,p,v]),N=(0,Xr.useCallback)((H,L)=>{if(!L)return;let D=B.some(q=>q.user_id===L.user_id),F=L.deleted_at?.Valid===!0;if(D||F){g(D?"User already selected":"User does not exist");return}P(""),x(""),g(""),R(!1),_(q=>[...q,L]),t(q=>[...q,L]),o&&o(!1)},[B,t,o,x]),W=(0,Xr.useCallback)((H,L)=>{if(P(L),L==="")R(!0),x(""),C(!0);else{let D=encodeURIComponent(L);x(L),p(D),g(""),R(!0),C(!1)}},[p,x]);return(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(Qz.Autocomplete,{id:"user-search-field",style:{width:"100%"},open:T,options:ee,getOptionLabel:()=>"",isOptionEqualToValue:(H,L)=>H.user_id===L.user_id,onOpen:()=>R(!0),onClose:()=>R(!1),inputValue:v,onChange:N,onInputChange:W,filterOptions:H=>H,loading:d,disabled:s,disableClearable:!0,freeSolo:!1,value:void 0,selectOnFocus:!0,blurOnSelect:!0,clearOnBlur:!0,popupIcon:null,forcePopupIcon:!1,noOptionsText:d?"Loading...":"No users found",renderInput:H=>(0,je.jsx)(to,{...H,label:r,error:!!h,helperText:h,InputLabelProps:{style:{fontFamily:"inherit"}},InputProps:{...H.InputProps,endAdornment:(0,je.jsx)(Xr.default.Fragment,{children:d?(0,je.jsx)($t,{color:"inherit",size:20}):null})}}),renderOption:(H,L)=>(0,je.jsx)("li",{...H,id:L.user_id,children:(0,je.jsxs)(K,{sx:{"& > img":{mr:2,flexShrink:0}},children:[" ",(0,je.jsxs)(he,{container:!0,alignItems:"center",children:[(0,je.jsx)(he,{children:(0,je.jsx)(K,{sx:{color:"text.secondary",mr:2},children:(0,je.jsx)(Kt,{alt:L.first_name,src:L.avatar_url,children:L.avatar_url?"":(0,je.jsx)(Dn,{})})})}),(0,je.jsx)(he,{size:"grow",children:L.deleted?(0,je.jsxs)(z,{variant:"body2",color:"text.secondary",children:[L.email," (deleted)"]}):(0,je.jsxs)(je.Fragment,{children:[(0,je.jsxs)(z,{variant:"body2",children:[L.first_name," ",L.last_name]}),(0,je.jsx)(z,{variant:"body2",color:"text.secondary",children:L.email})]})})]})]})})}),!i&&(0,je.jsx)(g2,{row:!0,children:(0,je.jsx)("div",{style:{display:"flex",flexWrap:"nowrap"},children:(0,je.jsx)(Ll,{control:(0,je.jsx)(Jr,{checked:n,onChange:a,name:"notify",color:"primary"}),label:`Notify ${l} of membership change`})})}),(0,je.jsxs)(K,{sx:{display:"flex",flexWrap:"wrap",gap:.5,mt:e?.length>0?"0.5rem":""},children:[!w&&B?.[0]&&(0,je.jsx)(Ht,{avatar:(0,je.jsx)(Kt,{alt:B[0].first_name,src:B[0].avatar_url,children:!B[0].avatar_url&&B[0].first_name?.[0]}),label:B[0].email,onDelete:H=>X(B[0].user_id,H),deleteIcon:(0,je.jsx)(tr,{title:"Remove user",children:(0,je.jsx)(Vt,{style:Co})}),size:"small"},B[0].user_id),w&&B?.map(H=>(0,je.jsx)(Ht,{avatar:(0,je.jsx)(Kt,{alt:H.first_name,src:H.avatar_url,children:!H.avatar_url&&H.first_name?.[0]}),label:H.email,onDelete:L=>X(H.user_id,L),deleteIcon:(0,je.jsx)(tr,{title:"Remove user",children:(0,je.jsx)(Vt,{style:Co})}),size:"small"},H.user_id)),B?.length>1&&(0,je.jsx)(z,{onClick:()=>M(!w),sx:{cursor:"pointer"},children:w?"(hide)":`(+${B.length-1})`})]})]})},_y=v8e;var Go=require("@mui/material"),qu=require("@mui/material/StepConnector");function yp(e,...t){let r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(o=>r.searchParams.append("args[]",o)),`Minified MUI error #${e}; visit ${r} for the full message.`}var lj=G(require("@emotion/styled"));function Xz(e){for(var t=0,r,o=0,a=e.length;a>=4;++o,a-=4)r=e.charCodeAt(o)&255|(e.charCodeAt(++o)&255)<<8|(e.charCodeAt(++o)&255)<<16|(e.charCodeAt(++o)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(o+2)&255)<<16;case 2:t^=(e.charCodeAt(o+1)&255)<<8;case 1:t^=e.charCodeAt(o)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Jz={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function ej(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var w8e=!1,E8e=/[A-Z]|^ms/g,R8e=/_EMO_([^_]+?)_([^]*?)_EMO_/g,aj=function(t){return t.charCodeAt(1)===45},tj=function(t){return t!=null&&typeof t!="boolean"},ky=ej(function(e){return aj(e)?e:e.replace(E8e,"-$&").toLowerCase()}),rj=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(R8e,function(o,a,n){return ei={name:a,styles:n,next:ei},a})}return Jz[t]!==1&&!aj(t)&&typeof r=="number"&&r!==0?r+"px":r},O8e="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function uc(e,t,r){if(r==null)return"";var o=r;if(o.__emotion_styles!==void 0)return o;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return ei={name:a.name,styles:a.styles,next:ei},a.name;var n=r;if(n.styles!==void 0){var i=n.next;if(i!==void 0)for(;i!==void 0;)ei={name:i.name,styles:i.styles,next:ei},i=i.next;var l=n.styles+";";return l}return A8e(e,t,r)}case"function":{if(e!==void 0){var s=ei,u=r(e);return ei=s,uc(e,t,u)}break}}var f=r;if(t==null)return f;var d=t[f];return d!==void 0?d:f}function A8e(e,t,r){var o="";if(Array.isArray(r))for(var a=0;a<r.length;a++)o+=uc(e,t,r[a])+";";else for(var n in r){var i=r[n];if(typeof i!="object"){var l=i;t!=null&&t[l]!==void 0?o+=n+"{"+t[l]+"}":tj(l)&&(o+=ky(n)+":"+rj(n,l)+";")}else{if(n==="NO_COMPONENT_SELECTOR"&&w8e)throw new Error(O8e);if(Array.isArray(i)&&typeof i[0]=="string"&&(t==null||t[i[0]]===void 0))for(var s=0;s<i.length;s++)tj(i[s])&&(o+=ky(n)+":"+rj(n,i[s])+";");else{var u=uc(e,t,i);switch(n){case"animation":case"animationName":{o+=ky(n)+":"+u+";";break}default:o+=n+"{"+u+"}"}}}}return o}var oj=/label:\s*([^\s;{]+)\s*(;|$)/g,ei;function nj(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var o=!0,a="";ei=void 0;var n=e[0];if(n==null||n.raw===void 0)o=!1,a+=uc(r,t,n);else{var i=n;a+=i[0]}for(var l=1;l<e.length;l++)if(a+=uc(r,t,e[l]),o){var s=n;a+=s[l]}oj.lastIndex=0;for(var u="",f;(f=oj.exec(a))!==null;)u+="-"+f[1];var d=Xz(a)+u;return{name:d,styles:a,next:ei}}var Ly=require("@emotion/react");function Iy(e,t){let r=(0,lj.default)(e,t);return process.env.NODE_ENV!=="production"?(...o)=>{let a=typeof e=="string"?`"${e}"`:"component";return o.length===0?console.error([`MUI: Seems like you called \`styled(${a})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
|
|
79
|
+
`,Gge=(0,ea.styled)(fd)(({theme:e})=>({height:"2.25rem",width:"2.25rem",fill:e.palette.common.white,cursor:"pointer"})),zge=(0,ea.styled)(z2)(({theme:e})=>({height:"2.25rem",width:"2.25rem",fill:e.palette.common.white,cursor:"pointer"})),Nm=(0,ea.styled)("div")(({theme:e})=>({background:e.palette.surface.tint,color:"#eee",display:"flex",justifyContent:"space-between",alignItems:"center",padding:"1rem",textAlign:"center"})),nq=({headerIcon:e})=>{let[t,r]=(0,Au.useState)(!1),[o,a]=(0,Au.useState)(""),n=(0,Au.useRef)(null),[i,l]=(0,Au.useState)(null);return{isOpen:t,open:t,openModal:({title:f,reactNode:d=null,onClose:p})=>{f&&a(f),p&&(n.current=p),r(!0),d&&l(d)},reactNode:i,title:o,headerIcon:e,closeModal:()=>{r(!1),n.current&&n.current(),l(null),a(""),n.current=null}}},Fr=(0,ea.styled)(kn)(({theme:e})=>({padding:"1rem",backgroundColor:e.palette.surface.primary,overflowY:"auto",height:"100%",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none"})),jge=(0,ea.styled)("div",{shouldForwardProp:e=>e!=="variant"})(({theme:e,variant:t,hasHelpText:r})=>({background:t==="filled"?e.palette.surface.tint:"transparent",display:"flex",alignItems:"center",justifyContent:r?"space-between":"end",padding:"1rem",gap:"1rem","&& .InfoCircleIcon":{color:t==="filled"?e.palette.common.white:e.palette.background.info?.default}})),Nr=({open:e,closeModal:t,title:r,headerIcon:o,reactNode:a,children:n,maxWidth:i="xs",isFullScreenModeAllowed:l,...s})=>{let[u,f]=(0,Au.useState)(!1),d=()=>{f(p=>!p)};return(0,Zr.jsxs)(qge,{maxWidth:i,open:e,onClose:t,"aria-labelledby":"alert-dialog-slide-title","aria-describedby":"alert-dialog-slide-description",fullScreen:u,fullWidth:!u,...s,children:[r&&(0,Zr.jsxs)(Nm,{className:"modal-header","data-testid":"modal-header",children:[o&&(0,Zr.jsx)(K,{"data-testid":"modal-header-icon",children:o}),(0,Zr.jsx)(z,{component:"div",variant:"h6","data-testid":"modal-title",children:r}),(0,Zr.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"1rem"},"data-testid":"modal-header-actions",children:[l&&(0,Zr.jsx)(ge,{title:u?"Exit Fullscreen":"Enter Fullscreen",children:u?(0,Zr.jsx)(zge,{onClick:d,"data-testid":"modal-exit-fullscreen-btn"}):(0,Zr.jsx)(Gge,{onClick:d,"data-testid":"modal-enter-fullscreen-btn"})}),(0,Zr.jsx)(Pu,{onClick:t,className:"modal-close-btn","data-testid":"modal-close-btn",children:(0,Zr.jsx)(Vt,{...Dd,fill:"#fff"})})]})]}),a&&a,n&&n]})},so=({helpText:e,children:t,variant:r})=>(0,Zr.jsxs)(jge,{className:"modal-footer",variant:r,hasHelpText:!!e,children:[e&&(0,Zr.jsx)(yC,{content:e}),t]}),pn=(0,ea.styled)(vT)(({theme:e})=>({backgroundColor:e.palette.background.brand?.default,color:e.palette.text.constant?.white,"&:hover":{background:e.palette.background.brand?.hover},"&.MuiButton-contained.Mui-disabled":{color:e.palette.text.constant?.disabled,backgroundColor:e.palette.background.constant?.disabled}})),mn=(0,ea.styled)(_A)(({theme:e})=>({"&.MuiButton-outlined":{border:`1px solid ${e.palette.background.constant?.white}`,color:e.palette.text.constant?.white,backgroundColor:"transparent","&:hover":{background:"transparent",color:e.palette.text.constant?.white}},"&.MuiButton-outlined.Mui-disabled":{color:e.palette.text.disabled,border:"none",backgroundColor:e.palette.background.brand?.disabled}})),iq=(0,ea.styled)(kA)(({theme:e})=>({color:e.palette.text.inverse})),lq=(0,ea.styled)(vT)(({theme:e})=>({backgroundColor:e.palette.background.error?.default,color:e.palette.text.constant?.white,"&:hover":{background:e.palette.background.error?.hover}})),Kge=(0,ea.styled)(K)(()=>({width:"100%",display:"flex",justifyContent:"end",gap:"1rem"})),ap=({primaryText:e,secondaryText:t,primaryButtonProps:r,secondaryButtonProps:o})=>(0,Zr.jsxs)(Kge,{children:[(0,Zr.jsx)(mn,{...o,children:t}),(0,Zr.jsx)(pn,{...r,children:e})]});var np=require("@mui/material");var sq=(0,np.styled)("div")(({theme:e})=>({backgroundColor:e.palette.background.surfaces})),uq=(0,np.styled)("div")(()=>({zIndex:"100",borderRadius:"5px"})),fq=(0,np.styled)("div")(()=>({padding:"1.25rem 1rem",display:"flex",justifyContent:"flex-end",background:"linear-gradient(90deg, #3B687B 0%, #507D90 100%)",boxShadow:"inset 0px 3px 5px 0px rgba(0,0,0,0.25)",position:"relative",zIndex:"100"})),dq=(0,np.styled)(z)({fontSize:"18px"}),pq=(0,np.styled)("div")(()=>({display:"flex",borderRadius:"5px 5px 0px 0px",justifyContent:"space-between",padding:"11px 16px",height:"52px",fill:Xe,boxShadow:"inset 0px -1px 3px 0px rgba(0,0,0,0.2)",background:"linear-gradient(90deg, #3B687B 0%, #507D90 100%)"}));var ka=require("react/jsx-runtime");function $ge({title:e,leftHeaderIcon:t,helpText:r,helpArea:o,actions:a,hideActions:n=!1,content:i,closeComponent:l,"data-testid":s="modal-card-wrapper"}){return(0,ka.jsxs)(uq,{"data-testid":s,children:[(0,ka.jsxs)(pq,{"data-testid":"modal-card-header",children:[t&&(0,ka.jsx)("div",{style:{display:"flex",alignItems:"center"},"data-testid":"modal-card-header-icon",children:t}),e&&(0,ka.jsx)("div",{style:{display:"flex",alignItems:"center",color:"white"},"data-testid":"modal-card-title",children:(0,ka.jsx)(dq,{children:e})}),(0,ka.jsxs)("div",{style:{display:"flex",alignItems:"center"},"data-testid":"modal-card-header-right",children:[r&&(0,ka.jsx)("div",{"data-testid":"modal-card-help-area",children:o}),(0,ka.jsx)("div",{"data-testid":"modal-card-close-button",children:l})]})]}),(0,ka.jsx)(sq,{"data-testid":"modal-card-content",children:i}),!n&&(0,ka.jsx)(fq,{"data-testid":"modal-card-actions",children:a})]})}var Bm=$ge;var vt=require("@mui/material");var mq=(0,vt.styled)("div")({cursor:"pointer",width:"30px",height:"30px",display:"flex",alignItems:"center",fill:Si}),Yge={"bottom-center":{open:{bottom:"0px",left:"50%",transform:"translateX(-50%)"},closed:{bottom:"-42%",left:"50%",transform:"translateX(-50%)"}},"bottom-right":{open:{bottom:"0px",right:"10px"},closed:{bottom:"-448px",right:"10px"}},"bottom-left":{open:{bottom:"0px",left:"10px"},closed:{bottom:"-448px",left:"10px"}},"right-top":{open:{top:"0px",right:"0px"},closed:{top:"0px",right:"-448px"}},"right-middle":{open:{top:"50%",right:"0px",transform:"translateY(-50%)"},closed:{top:"50%",right:"-448px",transform:"translateY(-50%)"}},"right-bottom":{open:{bottom:"0px",right:"0px"},closed:{bottom:"0px",right:"-448px"}}},cq=(0,vt.styled)(vt.Box)(({isOpen:e,renderPosition:t})=>({position:"fixed",transition:"all 0.5s ease",...Yge[t][e?"open":"closed"]})),xq=(0,vt.styled)("div")({display:"flex",flexDirection:"column",justifyContent:"center",transition:"bottom 0.5s ease",padding:"1.688rem 1.188rem",width:"28rem",height:"12rem"}),hq=(0,vt.styled)("div")({display:"flex",alignItems:"center",paddingTop:"0.5px",height:"20px",width:"21.188rem"}),gq=(0,vt.styled)("div")({width:"24px",height:"24px"}),Eut=(0,vt.styled)(vt.Button)(({isOpen:e})=>({color:"white",width:"4.313rem",height:"2.25rem",textTransform:"none",boxShadow:"0px 1px 8px rgba(0, 0, 0, 0.25)",backgroundColor:e?Ys.main:De,"&:hover":{backgroundColor:QM}})),Tq=(0,vt.styled)(vt.Button)(({theme:e,renderPosition:t})=>({backgroundColor:td,color:Si,borderRadius:"5px",padding:"10px 20px",fontSize:"16px",transition:"bottom 0.5s ease",position:"fixed",...Zge[t],"&:hover":{backgroundColor:e.palette.mode==="dark"?Cr:"#213A45"}})),Zge={"bottom-center":{bottom:"-10px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"-10px",right:"10px"},"bottom-left":{bottom:"-10px",left:"10px"},"right-top":{top:"8%",right:"-45px",transform:"rotate(-90deg)"},"right-middle":{top:"50%",right:"-45px",transform:"rotate(-90deg)"},"right-bottom":{bottom:"10%",right:"-45px",transform:"rotate(-90deg)"}},Sq=(0,vt.styled)("div")(({theme:e})=>({display:"block",right:"0",backgroundColor:e.palette.mode==="dark"?"#333333":Si,bottom:"0",width:"100%",zIndex:"100",position:"relative",height:"100%",alignItems:"center",transition:"bottom 0.5s ease"})),Cq=(0,vt.styled)(vt.Box)(({isOpen:e,theme:t})=>({position:"relative",bottom:e?"0px":"-240px",right:"0",color:t.palette.text.default,backgroundColor:t.palette.mode==="dark"?js:Xe,border:`1px solid ${aL}`,padding:"20px",width:"28rem",height:"333.5px",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",transition:"bottom 0.5s ease",fontSize:"1.5rem",textAlign:"center"})),yq=(0,vt.styled)(vt.Box)({display:"flex",justifyContent:"space-between",alignSelf:"center"}),bq=(0,vt.styled)(vt.Button)(({theme:e,isOpen:t})=>({fontSize:"16px",lineHeight:1,letterSpacing:"0.029em",textTransform:"none",width:"100%",height:"5rem",display:"flex",padding:"0rem",borderRadius:"0px",flexDirection:"column",borderBottom:t?`2px solid ${De}`:"",background:t?e.palette.mode==="dark"?Cr:Sa:e.palette.mode==="dark"?js:Ja,color:t?e.palette.mode==="dark"?Sa:Cr:e.palette.mode==="dark"?Sa:Sa,fill:t?e.palette.icon.default:Sa,stroke:t?e.palette.icon.inverse:e.palette.icon.brand,"&:hover":{color:e.palette.text.default,backgroundColor:e.palette.background.hover,fill:e.palette.icon.default}})),vq=(0,vt.styled)("textarea")(({theme:e})=>({width:"100%",background:"transparent",border:`1px solid ${$s}`,borderRadius:"4px",color:e.palette.mode==="dark"?Sa:Cr,fontSize:"16px",paddingTop:"10.5px",paddingBottom:"10.5px",paddingLeft:"0.6rem",paddingRight:"0.6rem",resize:"none",fontFamily:"inherit",fontStyle:"normal","&::placeholder":{color:e.palette.mode==="dark"?Sa:js},"&:focus":{outline:`1px solid ${Mo}`}})),wq=(0,vt.styled)("div")(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between",height:"137px",color:e.palette.text.default})),Eq=(0,vt.styled)("a")({textDecoration:"underline",color:"inherit","&:hover":{color:"inherit"}}),Rq=(0,vt.styled)(vt.Checkbox)({color:`${Xe} !important`,marginLeft:"-11px",paddingLeft:"0px"}),Oq=(0,vt.styled)("div")({padding:"1.5rem 1rem",width:"28rem",height:"12rem"}),Aq=(0,vt.styled)("div")({padding:"0px",width:"30px",height:"30px",display:"flex",alignItems:"center"});var Be=require("react/jsx-runtime"),Qge="Some account and system information may be sent to Layer5. We will use it to fix problems and improve our services, subject to our [Privacy Policy](https://layer5.io/company/legal/privacy) and [Terms of Service](https://layer5.io/company/legal/terms-of-service). We may email you for more information or updates.",bC=[{icon:(0,Be.jsx)(M1,{}),label:"Issue",placeholder:"I\u2019m having an issue with...",isTextInput:!0},{icon:(0,Be.jsx)(X2,{}),label:"Suggestion",placeholder:"I have a suggestion about...",isTextInput:!0},{icon:(0,Be.jsx)(K2,{}),label:"Meet Request",isTextInput:!1,innerComponent:(0,Be.jsxs)(wq,{children:[(0,Be.jsxs)(m3.default,{style:{lineHeight:"2.5",textAlign:"center"},children:["Need help or have more feedback than fits here?",(0,Be.jsx)("br",{})," Meet with us."]}),(0,Be.jsx)(Eq,{target:"_blank",href:"https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56",children:"Select a time convenient for you."})]})}],Xge=({onSubmit:e,containerStyles:t,feedbackOptionStyles:r,renderPosition:o,defaultMessage:a=void 0,defaultOpen:n=!1})=>{let[i,l]=(0,ip.useState)(n),[s,u]=(0,ip.useState)(!1),[f,d]=(0,ip.useState)(bC[0]),[p,m]=(0,ip.useState)(a),[x,h]=(0,ip.useState)(!!a);return(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(Tq,{onClick:()=>{l(!i),d(bC[0]),u(!1),m("")},style:t,renderPosition:o,children:"Feedback"}),(0,Be.jsx)(cq,{isOpen:i,style:t,renderPosition:o,children:s?(0,Be.jsxs)(Cq,{isOpen:i,children:[(0,Be.jsx)(u5,{width:"32",height:"32"}),"Submitting your feedback..."]}):(0,Be.jsx)(Be.Fragment,{children:(0,Be.jsx)(Bm,{onClose:()=>{},open:!0,closeComponent:(0,Be.jsx)(mq,{onClick:()=>l(!1),children:(0,Be.jsx)(Vt,{width:"30",height:"30",fill:Si})}),actions:(0,Be.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,Be.jsxs)(hq,{children:[(0,Be.jsx)(Rq,{checked:x,onChange:w=>{h(w.target.checked)}}),(0,Be.jsx)(m3.default,{style:{color:"white",fontSize:"12px",height:"15px"},children:"We may email you for more information or updates"})]}),(0,Be.jsx)(pn,{type:"submit",disabled:!(p&&x),isOpen:!(p&&x),onClick:()=>{u(!0),p&&x&&e({label:f?.label||"",message:p}),setTimeout(()=>{l(!1),d(void 0),u(!1),m("")},2e3)},children:"Send"})]}),leftHeaderIcon:(0,Be.jsx)(M1,{}),title:"Feedback",helpArea:(0,Be.jsx)(ge,{placement:"top",title:Qge,arrow:!0,children:(0,Be.jsx)(Aq,{children:(0,Be.jsx)(l5,{width:"30",height:"30"})})}),helpText:"Help",content:(0,Be.jsxs)(Sq,{children:[(0,Be.jsx)(yq,{children:bC?.map(w=>(0,Be.jsxs)(bq,{style:r,type:"button",onClick:()=>{d(w)},isOpen:f?.label===w.label,children:[(0,Be.jsx)(gq,{children:w.icon}),(0,Be.jsx)(m3.default,{children:w.label})]},w.label))}),f?.isTextInput?(0,Be.jsx)(xq,{children:(0,Be.jsx)(vq,{value:p||"",onChange:w=>{m(w.target.value)},required:!0,placeholder:f.placeholder,rows:5,cols:30})}):(0,Be.jsx)(Oq,{children:f?.innerComponent})]})})})})]})},vC=Xge;var Vm=require("@mui/material"),_u=G(require("react"));var Hm=require("react/jsx-runtime");function Pq(e,t){if(!e||e.length!=2)throw Error("FlipCard requires exactly two child components");return e[t]}var Jge=(0,Vm.styled)("div")(({theme:e})=>({height:"100%",backgroundColor:"transparent",perspective:e.spacing(125)})),eTe=(0,Vm.styled)("div")(({theme:e})=>({padding:e.spacing(2),borderRadius:e.spacing(1),transformStyle:"preserve-3d",boxShadow:"0 4px 8px 0 rgba(0,0,0,0.2)",backgroundColor:e.palette.mode==="dark"?c1:Xe,cursor:"pointer",transformOrigin:"50% 50% 10%"})),tTe=(0,Vm.styled)("div")({backfaceVisibility:"hidden"}),rTe=(0,Vm.styled)("div")({backfaceVisibility:"hidden",transform:"scale(-1, 1)",wordBreak:"break-word"});function Um({duration:e=500,onClick:t,onShow:r,children:o,disableFlip:a=!1,padding:n}){let[i,l]=_u.default.useState(!1),[s,u]=_u.default.useState(!1),f=_u.default.useRef(null),d=Pq(o,0),p=Pq(o,1);return _u.default.useEffect(()=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{u(i)},e/6)},[i,e]),(0,Hm.jsx)(Jge,{onClick:()=>{a||(l(m=>!m),t&&t(),r&&r())},children:(0,Hm.jsx)(eTe,{style:{transform:i?"scale(-1,1)":void 0,transition:`transform ${e}ms`,padding:n},children:s?(0,Hm.jsx)(rTe,{children:_u.default.isValidElement(p)?p:null}):(0,Hm.jsx)(tTe,{children:_u.default.isValidElement(d)?d:null})})})}var ku=require("@mui/material"),_q=G(require("lodash")),kq=require("react");var ms=require("react/jsx-runtime"),Wm=({id:e})=>{let[t,r]=(0,kq.useState)(!1),o=(0,y.useTheme)(),a=i=>{i.stopPropagation(),navigator.clipboard.writeText(e),r(!0),setTimeout(()=>{r(!1)},2e3)},n=_q.default.truncate(e,{length:15});return(0,ms.jsxs)(ku.Box,{sx:{display:"flex",alignItems:"center"},children:[(0,ms.jsx)(ku.Tooltip,{title:e,placement:"top",children:(0,ms.jsx)(ku.Typography,{variant:"body2",style:{cursor:"pointer",textWrap:"nowrap",color:o.palette.text.primary},children:n})}),(0,ms.jsx)(ku.Tooltip,{title:t?"Copied!":"Copy",placement:"top",children:(0,ms.jsx)("div",{onClick:a,style:{padding:"0.25rem"},children:(0,ms.jsx)(ya,{width:16,height:16,fill:o.palette.action.active})})})]})};var wC=G(require("react"));function Iq(){let{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function ta(){let[e,t]=wC.default.useState(Iq());return wC.default.useEffect(()=>{let r;function o(){r&&clearTimeout(r),r=window.setTimeout(()=>{t(Iq())},500)}return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o),r&&clearTimeout(r)}},[]),e}var Re=G(require("react")),fTe=require("react-dom");function Mq(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Mq(e[t]))&&(o&&(o+=" "),o+=r);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function oTe(){for(var e,t,r=0,o="";r<arguments.length;)(e=arguments[r++])&&(t=Mq(e))&&(o&&(o+=" "),o+=t);return o}var qm=oTe;var aTe={data:""},nTe=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||aTe;var iTe=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,lTe=/\/\*[^]*?\*\/| +/g,Lq=/\n+/g,Iu=(e,t)=>{let r="",o="",a="";for(let n in e){let i=e[n];n[0]=="@"?n[1]=="i"?r=n+" "+i+";":o+=n[1]=="f"?Iu(i,n):n+"{"+Iu(i,n[1]=="k"?"":t)+"}":typeof i=="object"?o+=Iu(i,t?t.replace(/([^,])+/g,l=>n.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,s=>/&/.test(s)?s.replace(/&/g,l):l?l+" "+s:s)):n):i!=null&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=Iu.p?Iu.p(n,i):n+":"+i+";")}return r+(t&&a?t+"{"+a+"}":a)+o},Gi={},Dq=e=>{if(typeof e=="object"){let t="";for(let r in e)t+=r+Dq(e[r]);return t}return e},sTe=(e,t,r,o,a)=>{let n=Dq(e),i=Gi[n]||(Gi[n]=(s=>{let u=0,f=11;for(;u<s.length;)f=101*f+s.charCodeAt(u++)>>>0;return"go"+f})(n));if(!Gi[i]){let s=n!==e?e:(u=>{let f,d,p=[{}];for(;f=iTe.exec(u.replace(lTe,""));)f[4]?p.shift():f[3]?(d=f[3].replace(Lq," ").trim(),p.unshift(p[0][d]=p[0][d]||{})):p[0][f[1]]=f[2].replace(Lq," ").trim();return p[0]})(e);Gi[i]=Iu(a?{["@keyframes "+i]:s}:s,r?"":"."+i)}let l=r&&Gi.g?Gi.g:null;return r&&(Gi.g=Gi[i]),((s,u,f,d)=>{d?u.data=u.data.replace(d,s):u.data.indexOf(s)===-1&&(u.data=f?s+u.data:u.data+s)})(Gi[i],t,o,l),i},uTe=(e,t,r)=>e.reduce((o,a,n)=>{let i=t[n];if(i&&i.call){let l=i(r),s=l&&l.props&&l.props.className||/^go/.test(l)&&l;i=s?"."+s:l&&typeof l=="object"?l.props?"":Iu(l,""):l===!1?"":l}return o+a+(i??"")},"");function c3(e){let t=this||{},r=e.call?e(t.p):e;return sTe(r.unshift?r.raw?uTe(r,[].slice.call(arguments,1),t.p):r.reduce((o,a)=>Object.assign(o,a&&a.call?a(t.p):a),{}):r,nTe(t.target),t.g,t.o,t.k)}var Jut=c3.bind({g:1}),eft=c3.bind({k:1});function Fq(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function dTe(e,t,r){return t&&Fq(e.prototype,t),r&&Fq(e,r),e}function cs(){return cs=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},cs.apply(this,arguments)}function pTe(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function MC(e,t){if(e==null)return{};var r={},o=Object.keys(e),a,n;for(n=0;n<o.length;n++)a=o[n],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}var Nq=function(){return""},mTe=Re.default.createContext({enqueueSnackbar:Nq,closeSnackbar:Nq}),Mu={downXs:"@media (max-width:599.95px)",upSm:"@media (min-width:600px)"};var x3="unmounted",lp="exited",sp="entering",Gm="entered",Bq="exiting",LC=function(e){pTe(t,e);function t(o){var a;a=e.call(this,o)||this;var n=o.appear,i;return a.appearStatus=null,o.in?n?(i=lp,a.appearStatus=sp):i=Gm:o.unmountOnExit||o.mountOnEnter?i=x3:i=lp,a.state={status:i},a.nextCallback=null,a}t.getDerivedStateFromProps=function(a,n){var i=a.in;return i&&n.status===x3?{status:lp}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(a){var n=null;if(a!==this.props){var i=this.state.status;this.props.in?i!==sp&&i!==Gm&&(n=sp):(i===sp||i===Gm)&&(n=Bq)}this.updateStatus(!1,n)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var a=this.props.timeout,n=a,i=a;return a!=null&&typeof a!="number"&&typeof a!="string"&&(i=a.exit,n=a.enter),{exit:i,enter:n}},r.updateStatus=function(a,n){a===void 0&&(a=!1),n!==null?(this.cancelNextCallback(),n===sp?this.performEnter(a):this.performExit()):this.props.unmountOnExit&&this.state.status===lp&&this.setState({status:x3})},r.performEnter=function(a){var n=this,i=this.props.enter,l=a,s=this.getTimeouts();if(!a&&!i){this.safeSetState({status:Gm},function(){n.props.onEntered&&n.props.onEntered(n.node,l)});return}this.props.onEnter&&this.props.onEnter(this.node,l),this.safeSetState({status:sp},function(){n.props.onEntering&&n.props.onEntering(n.node,l),n.onTransitionEnd(s.enter,function(){n.safeSetState({status:Gm},function(){n.props.onEntered&&n.props.onEntered(n.node,l)})})})},r.performExit=function(){var a=this,n=this.props.exit,i=this.getTimeouts();if(!n){this.safeSetState({status:lp},function(){a.props.onExited&&a.props.onExited(a.node)});return}this.props.onExit&&this.props.onExit(this.node),this.safeSetState({status:Bq},function(){a.props.onExiting&&a.props.onExiting(a.node),a.onTransitionEnd(i.exit,function(){a.safeSetState({status:lp},function(){a.props.onExited&&a.props.onExited(a.node)})})})},r.cancelNextCallback=function(){this.nextCallback!==null&&this.nextCallback.cancel&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(a,n){n=this.setNextCallback(n),this.setState(a,n)},r.setNextCallback=function(a){var n=this,i=!0;return this.nextCallback=function(){i&&(i=!1,n.nextCallback=null,a())},this.nextCallback.cancel=function(){i=!1},this.nextCallback},r.onTransitionEnd=function(a,n){this.setNextCallback(n);var i=a==null&&!this.props.addEndListener;if(!this.node||i){setTimeout(this.nextCallback,0);return}this.props.addEndListener&&this.props.addEndListener(this.node,this.nextCallback),a!=null&&setTimeout(this.nextCallback,a)},r.render=function(){var a=this.state.status;if(a===x3)return null;var n=this.props,i=n.children,l=MC(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return i(a,l)},dTe(t,[{key:"node",get:function(){var a,n=(a=this.props.nodeRef)===null||a===void 0?void 0:a.current;if(!n)throw new Error("notistack - Custom snackbar is not refForwarding");return n}}]),t}(Re.default.Component);function up(){}LC.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:up,onEntering:up,onEntered:up,onExit:up,onExiting:up,onExited:up};function Hq(e,t){typeof e=="function"?e(t):e&&(e.current=t)}function kC(e,t){return(0,Re.useMemo)(function(){return e==null&&t==null?null:function(r){Hq(e,r),Hq(t,r)}},[e,t])}function S3(e){var t=e.timeout,r=e.style,o=r===void 0?{}:r,a=e.mode;return{duration:typeof t=="object"?t[a]||0:t,easing:o.transitionTimingFunction,delay:o.transitionDelay}}var IC={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},zq=function(t){t.scrollTop=t.scrollTop},Vq=function(t){return Math.round(t)+"ms"};function fp(e,t){e===void 0&&(e=["all"]);var r=t||{},o=r.duration,a=o===void 0?300:o,n=r.easing,i=n===void 0?IC.easeInOut:n,l=r.delay,s=l===void 0?0:l,u=Array.isArray(e)?e:[e];return u.map(function(f){var d=typeof a=="string"?a:Vq(a),p=typeof s=="string"?s:Vq(s);return f+" "+d+" "+i+" "+p}).join(",")}function cTe(e){return e&&e.ownerDocument||document}function jq(e){var t=cTe(e);return t.defaultView||window}function xTe(e,t){t===void 0&&(t=166);var r;function o(){for(var a=this,n=arguments.length,i=new Array(n),l=0;l<n;l++)i[l]=arguments[l];var s=function(){e.apply(a,i)};clearTimeout(r),r=setTimeout(s,t)}return o.clear=function(){clearTimeout(r)},o}function hTe(e,t){var r=t.getBoundingClientRect(),o=jq(t),a;if(t.fakeTransform)a=t.fakeTransform;else{var n=o.getComputedStyle(t);a=n.getPropertyValue("-webkit-transform")||n.getPropertyValue("transform")}var i=0,l=0;if(a&&a!=="none"&&typeof a=="string"){var s=a.split("(")[1].split(")")[0].split(",");i=parseInt(s[4],10),l=parseInt(s[5],10)}switch(e){case"left":return"translateX("+(o.innerWidth+i-r.left)+"px)";case"right":return"translateX(-"+(r.left+r.width-i)+"px)";case"up":return"translateY("+(o.innerHeight+l-r.top)+"px)";default:return"translateY(-"+(r.top+r.height-l)+"px)"}}function h3(e,t){if(t){var r=hTe(e,t);r&&(t.style.webkitTransform=r,t.style.transform=r)}}var gTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.direction,a=o===void 0?"down":o,n=e.in,i=e.style,l=e.timeout,s=l===void 0?0:l,u=e.onEnter,f=e.onEntered,d=e.onExit,p=e.onExited,m=MC(e,["children","direction","in","style","timeout","onEnter","onEntered","onExit","onExited"]),x=(0,Re.useRef)(null),h=kC(r.ref,x),g=kC(h,t),T=function(v,P){h3(a,v),zq(v),u&&u(v,P)},R=function(v){var P=i?.transitionTimingFunction||IC.easeOut,B=S3({timeout:s,mode:"enter",style:cs({},i,{transitionTimingFunction:P})});v.style.webkitTransition=fp("-webkit-transform",B),v.style.transition=fp("transform",B),v.style.webkitTransform="none",v.style.transform="none"},w=function(v){var P=i?.transitionTimingFunction||IC.sharp,B=S3({timeout:s,mode:"exit",style:cs({},i,{transitionTimingFunction:P})});v.style.webkitTransition=fp("-webkit-transform",B),v.style.transition=fp("transform",B),h3(a,v),d&&d(v)},M=function(v){v.style.webkitTransition="",v.style.transition="",p&&p(v)},I=(0,Re.useCallback)(function(){x.current&&h3(a,x.current)},[a]);return(0,Re.useEffect)(function(){if(!(n||a==="down"||a==="right")){var C=xTe(function(){x.current&&h3(a,x.current)}),v=jq(x.current);return v.addEventListener("resize",C),function(){C.clear(),v.removeEventListener("resize",C)}}},[a,n]),(0,Re.useEffect)(function(){n||I()},[n,I]),(0,Re.createElement)(LC,Object.assign({appear:!0,nodeRef:x,onEnter:T,onEntered:f,onEntering:R,onExit:w,onExited:M,in:n,timeout:s},m),function(C,v){return(0,Re.cloneElement)(r,cs({ref:g,style:cs({visibility:C==="exited"&&!n?"hidden":void 0},i,{},r.props.style)},v))})});gTe.displayName="Slide";function C3(e){return Object.entries(e).reduce(function(t,r){var o,a=r[0],n=r[1];return cs({},t,(o={},o[a]=c3(n),o))},{})}var Km={SnackbarContainer:"notistack-SnackbarContainer",Snackbar:"notistack-Snackbar",CollapseWrapper:"notistack-CollapseWrapper",MuiContent:"notistack-MuiContent",MuiContentVariant:function(t){return"notistack-MuiContent-"+t}},Uq=C3({root:{height:0},entered:{height:"auto"}}),EC="0px",RC=175,TTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.in,a=e.onExited,n=(0,Re.useRef)(null),i=(0,Re.useRef)(null),l=kC(t,i),s=function(){return n.current?n.current.clientHeight:0},u=function(h){h.style.height=EC},f=function(h){var g=s(),T=S3({timeout:RC,mode:"enter"}),R=T.duration,w=T.easing;h.style.transitionDuration=typeof R=="string"?R:R+"ms",h.style.height=g+"px",h.style.transitionTimingFunction=w||""},d=function(h){h.style.height="auto"},p=function(h){h.style.height=s()+"px"},m=function(h){zq(h);var g=S3({timeout:RC,mode:"exit"}),T=g.duration,R=g.easing;h.style.transitionDuration=typeof T=="string"?T:T+"ms",h.style.height=EC,h.style.transitionTimingFunction=R||""};return(0,Re.createElement)(LC,{in:o,unmountOnExit:!0,onEnter:u,onEntered:d,onEntering:f,onExit:p,onExited:a,onExiting:m,nodeRef:i,timeout:RC},function(x,h){return(0,Re.createElement)("div",Object.assign({ref:l,className:qm(Uq.root,x==="entered"&&Uq.entered),style:cs({pointerEvents:"all",overflow:"hidden",minHeight:EC,transition:fp("height")},x==="entered"&&{overflow:"visible"},{},x==="exited"&&!o&&{visibility:"hidden"})},h),(0,Re.createElement)("div",{ref:n,className:Km.CollapseWrapper,style:{display:"flex",width:"100%"}},r))})});TTe.displayName="Collapse";var STe=typeof window<"u"?Re.useLayoutEffect:Re.useEffect;function Wq(e){var t=(0,Re.useRef)(e);return STe(function(){t.current=e}),(0,Re.useCallback)(function(){return t.current.apply(void 0,arguments)},[])}var CTe=(0,Re.forwardRef)(function(e,t){var r=e.children,o=e.className,a=e.autoHideDuration,n=e.disableWindowBlurListener,i=n===void 0?!1:n,l=e.onClose,s=e.id,u=e.open,f=e.SnackbarProps,d=f===void 0?{}:f,p=(0,Re.useRef)(),m=Wq(function(){l&&l.apply(void 0,arguments)}),x=Wq(function(w){!l||w==null||(p.current&&clearTimeout(p.current),p.current=setTimeout(function(){m(null,"timeout",s)},w))});(0,Re.useEffect)(function(){return u&&x(a),function(){p.current&&clearTimeout(p.current)}},[u,a,x]);var h=function(){p.current&&clearTimeout(p.current)},g=(0,Re.useCallback)(function(){a!=null&&x(a*.5)},[a,x]),T=function(M){d.onMouseEnter&&d.onMouseEnter(M),h()},R=function(M){d.onMouseLeave&&d.onMouseLeave(M),g()};return(0,Re.useEffect)(function(){if(!i&&u)return window.addEventListener("focus",g),window.addEventListener("blur",h),function(){window.removeEventListener("focus",g),window.removeEventListener("blur",h)}},[i,g,u]),(0,Re.createElement)("div",Object.assign({ref:t},d,{className:qm(Km.Snackbar,o),onMouseEnter:T,onMouseLeave:R}),r)});CTe.displayName="Snackbar";var OC,yTe=C3({root:(OC={display:"flex",flexWrap:"wrap",flexGrow:1},OC[Mu.upSm]={flexGrow:"initial",minWidth:"288px"},OC)}),Kq=(0,Re.forwardRef)(function(e,t){var r=e.className,o=MC(e,["className"]);return Re.default.createElement("div",Object.assign({ref:t,className:qm(yTe.root,r)},o))});Kq.displayName="SnackbarContent";var zm=C3({root:{backgroundColor:"#313131",fontSize:"0.875rem",lineHeight:1.43,letterSpacing:"0.01071em",color:"#fff",alignItems:"center",padding:"6px 16px",borderRadius:"4px",boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)"},lessPadding:{paddingLeft:8*2.5+"px"},default:{backgroundColor:"#313131"},success:{backgroundColor:"#43a047"},error:{backgroundColor:"#d32f2f"},warning:{backgroundColor:"#ff9800"},info:{backgroundColor:"#2196f3"},message:{display:"flex",alignItems:"center",padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:"16px",marginRight:"-8px"}}),qq="notistack-snackbar",bTe=(0,Re.forwardRef)(function(e,t){var r=e.id,o=e.message,a=e.action,n=e.iconVariant,i=e.variant,l=e.hideIconVariant,s=e.style,u=e.className,f=n[i],d=a;return typeof d=="function"&&(d=d(r)),Re.default.createElement(Kq,{ref:t,role:"alert","aria-describedby":qq,style:s,className:qm(Km.MuiContent,Km.MuiContentVariant(i),zm.root,zm[i],u,!l&&f&&zm.lessPadding)},Re.default.createElement("div",{id:qq,className:zm.message},l?null:f,o),d&&Re.default.createElement("div",{className:zm.action},d))});bTe.displayName="MaterialDesignContent";var jm,AC,g3,T3,PC,zi={view:{default:20,dense:4},snackbar:{default:6,dense:2}},Gq="."+Km.CollapseWrapper,_C=16,aft=C3({root:(jm={boxSizing:"border-box",display:"flex",maxHeight:"100%",position:"fixed",zIndex:1400,height:"auto",width:"auto",transition:fp(["top","right","bottom","left","max-width"],{duration:300,easing:"ease"}),pointerEvents:"none"},jm[Gq]={padding:zi.snackbar.default+"px 0px",transition:"padding 300ms ease 0ms"},jm.maxWidth="calc(100% - "+zi.view.default*2+"px)",jm[Mu.downXs]={width:"100%",maxWidth:"calc(100% - "+_C*2+"px)"},jm),rootDense:(AC={},AC[Gq]={padding:zi.snackbar.dense+"px 0px"},AC),top:{top:zi.view.default-zi.snackbar.default+"px",flexDirection:"column"},bottom:{bottom:zi.view.default-zi.snackbar.default+"px",flexDirection:"column-reverse"},left:(g3={left:zi.view.default+"px"},g3[Mu.upSm]={alignItems:"flex-start"},g3[Mu.downXs]={left:_C+"px"},g3),right:(T3={right:zi.view.default+"px"},T3[Mu.upSm]={alignItems:"flex-end"},T3[Mu.downXs]={right:_C+"px"},T3),center:(PC={left:"50%",transform:"translateX(-50%)"},PC[Mu.upSm]={alignItems:"center"},PC)});var nft=process.env.NODE_ENV!=="production";var $q=function(){return(0,Re.useContext)(mTe)};var DC=G(require("react")),vTe=()=>{let[e,t]=DC.default.useState(""),{enqueueSnackbar:r}=$q();return DC.default.useEffect(()=>{e&&(r(e),t(""))},[e,r]),(a,n)=>{t(a),n&&r(a,n)}},FC=vTe;var ra=(e,t)=>{let r={};return e.forEach(o=>{o[1]==="na"?r[o[0]]=!1:t>1140?r[o[0]]=!0:t>=915&&t<1140?["xs","s","m","l","xl"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=775&&t<915?["xs","s","m","l"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=690&&t<775?["xs","s","m"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t>=585&&t<690?["xs","s"].includes(o[1])?r[o[0]]=!0:r[o[0]]=!1:t<585&&(o[1]==="xs"?r[o[0]]=!0:r[o[0]]=!1)}),r};var Kn=require("@mui/material/styles");var Yq=(0,Kn.styled)("div")({width:"100%",maxWidth:"28rem",minWidth:"10rem",height:"16rem",margin:"auto",borderRadius:"1rem"}),Zq=(0,Kn.styled)("div")(({theme:e})=>({cursor:"pointer",transition:"all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s","&:hover":{boxShadow:`${e.palette.background.brand?.default} 0px 0px 19px 6px`},backgroundColor:e.palette.mode==="light"?Xe:Cr})),Qq=(0,Kn.styled)("a")({color:"black",textDecoration:"none"}),NC=(0,Kn.styled)("div")(({theme:e})=>({borderTop:`5px solid ${e.palette.background.brand?.default}`,borderRadius:"0.25rem",minHeight:"16rem",display:"flex",flexDirection:"column",justifyContent:"space-between",boxShadow:"0px 0.75rem 1rem 0.25rem rgba(0, 0, 0, 0.12)",position:"relative",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),Xq=(0,Kn.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?P2:Vl,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),BC=(0,Kn.styled)("div")(({theme:e})=>({display:"flex",justifyContent:"space-between",padding:"1rem","& span":{border:`1px solid ${e.palette.primary.dark}`,color:e.palette.text.primary,borderRadius:"0.8rem",padding:"0.05rem 0.75rem",fontSize:"1rem",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},"& h3":{color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}})),HC=(0,Kn.styled)("div")(({theme:e})=>({padding:"0 1rem",".summary":{color:e.palette.grey[700],transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},p:{fontSize:"1rem"}})),Jq=(0,Kn.styled)("div")(({theme:e})=>({margin:"0 1rem",display:"flex",justifyContent:"space-between",gap:"0.4rem",p:{fontSize:"1rem",color:e.palette.text.primary,fontWeight:600,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}})),VC=(0,Kn.styled)("div")({textAlign:"center",position:"absolute",bottom:"0.1rem",right:"0.75rem",opacity:.2,img:{height:"8.5rem",width:"8.5rem"}});var Ze=require("react/jsx-runtime"),wTe=({path:e,children:t})=>e?(0,Ze.jsx)(Qq,{href:e,children:t}):(0,Ze.jsx)(Ze.Fragment,{children:t}),ETe=({tutorial:e,path:t,courseCount:r,courseType:o})=>(0,Ze.jsx)(Yq,{children:e.frontmatter.disabled==="yes"?(0,Ze.jsx)(Xq,{children:(0,Ze.jsx)(NC,{style:{borderTop:`5px solid ${e.frontmatter.themeColor}`},children:(0,Ze.jsxs)("div",{children:[(0,Ze.jsxs)(BC,{children:[(0,Ze.jsx)("h3",{children:e.frontmatter.title?e.frontmatter.title:e.frontmatter.courseTitle}),(0,Ze.jsx)("div",{style:{whiteSpace:"nowrap"},children:(0,Ze.jsx)("span",{children:"Coming Soon"})})]}),(0,Ze.jsx)(HC,{children:(0,Ze.jsx)("p",{className:"summary",children:e.frontmatter.description})}),(0,Ze.jsx)(VC,{children:(0,Ze.jsx)("img",{src:e.frontmatter.cardImage,alt:e.frontmatter.title})})]})})}):(0,Ze.jsx)(wTe,{path:t,children:(0,Ze.jsx)(Zq,{children:(0,Ze.jsx)(NC,{style:{borderTop:`5px solid ${e.frontmatter.themeColor}`},children:(0,Ze.jsxs)("div",{children:[(0,Ze.jsxs)(BC,{style:{flexDirection:"column"},children:[(0,Ze.jsx)(z,{variant:"body1",color:"textSecondary",children:e.frontmatter.type}),(0,Ze.jsx)("h3",{style:{margin:"0.2rem 0.1rem"},children:e.frontmatter.title?e.frontmatter.title:e.frontmatter.courseTitle}),e.frontmatter.status?(0,Ze.jsx)("p",{children:(0,Ze.jsx)("span",{children:"New"})}):null]}),(0,Ze.jsx)(HC,{children:(0,Ze.jsx)("p",{className:"summary",children:e.frontmatter.description})}),(0,Ze.jsxs)(Jq,{className:"card-subdata",children:[(0,Ze.jsxs)("p",{children:[r," ",o,r>1?"s":""]}),(0,Ze.jsx)("p",{children:e?.frontmatter?.level?e.frontmatter.level.charAt(0).toUpperCase()+e.frontmatter.level.slice(1):""})]}),(0,Ze.jsx)(VC,{children:(0,Ze.jsx)("img",{src:e.frontmatter.cardImage})})]})})})})}),UC=ETe;var xs=require("react");var WC=require("@mui/material");var eG=(0,WC.styled)(Il)(()=>({minWidth:400,overflowWrap:"anywhere",textAlign:"center",padding:"5px"})),tG=(0,WC.styled)(K)(()=>({display:"flex",justifyContent:"end",width:"100%",gap:"10px"}));var oa=require("react/jsx-runtime"),$m={WARNING:"warning",DANGER:"error",SUCCESS:"success",INFO:"info"},rG=(0,xs.forwardRef)(({variant:e},t)=>{let[r,o]=(0,xs.useState)({isOpen:!1,title:"",subtitle:"",primaryOption:"",showInfoIcon:"",variant:e,headerIcon:void 0,isChecked:!1,showCheckbox:!1}),a=(0,xs.useRef)({resolve:()=>{},reject:()=>{}}),n=(0,y.useTheme)(),i=R=>new Promise((w,M)=>{a.current={resolve:w,reject:M},o({...R,isOpen:!0,showInfoIcon:R.showInfoIcon||"",showCheckbox:!!R.showCheckbox})}),l=()=>{o(R=>({...R,isOpen:!1}))},s=()=>{o(R=>({...R,isChecked:!R.isChecked}))},u=()=>!!r.isChecked;(0,xs.useImperativeHandle)(t,()=>({show:i,getCheckboxState:u}));let{isOpen:f,primaryOption:d,title:p,subtitle:m,showInfoIcon:x,headerIcon:h,showCheckbox:g}=r,{resolve:T}=a.current;return(0,oa.jsxs)(Nr,{open:f,closeModal:l,title:p,id:"searchClick",headerIcon:h,reactNode:void 0,"data-testid":"prompt-modal",children:[m&&(0,oa.jsxs)(Fr,{"data-testid":"prompt-body",children:[(0,oa.jsx)(eG,{id:"alert-dialog-description",variant:"body1",component:"div","data-testid":"prompt-subtitle",children:(0,oa.jsx)(z,{variant:"body1",component:"div",style:{color:n.palette.text.primary},children:m})}),g&&(0,oa.jsx)(Ll,{"data-testid":"prompt-checkbox-label",control:(0,oa.jsx)(Jr,{checked:u(),onChange:s,color:"primary","data-testid":"prompt-checkbox"}),label:(0,oa.jsx)("span",{style:{fontSize:"1rem"},children:"Do not show again"})})]}),(0,oa.jsx)(so,{variant:"filled",helpText:x,"data-testid":"prompt-footer",children:(0,oa.jsxs)(tG,{"data-testid":"prompt-actions",children:[(0,oa.jsx)(mn,{"data-testid":"prompt-secondary-button",onClick:()=>{l(),T("CANCEL")},children:"Cancel"}),(0,oa.jsx)(pn,{"data-testid":"prompt-primary-button",onClick:()=>{l(),T(d)},style:r.variant&&{backgroundColor:n.palette.background[r.variant]?.default,textTransform:"capitalize"},type:"submit",children:d})]})})]})});rG.displayName="PromptComponent";var y3=rG;var dp=y3;var qC=require("@mui/material/OutlinedInput"),b3=require("@mui/material/styles"),oG=G(require("lodash/debounce")),Ym=G(require("react"));var $n=require("react/jsx-runtime"),RTe=e=>(0,b3.createTheme)({typography:{fontFamily:e.typography.fontFamily},components:{MuiTextField:{styleOverrides:{root:{"--TextField-brandBorderColor":e.palette.border.strong,"--TextField-brandBorderHoverColor":e.palette.background.graphics?.default,"--TextField-brandBorderFocusedColor":e.palette.background.graphics?.default,"& label.Mui-focused":{color:"var(--TextField-brandBorderFocusedColor)"}}}},MuiOutlinedInput:{styleOverrides:{notchedOutline:{borderColor:"var(--TextField-brandBorderColor)"},root:{[`&:hover .${qC.outlinedInputClasses.notchedOutline}`]:{borderColor:"var(--TextField-brandBorderHoverColor)"},[`&.Mui-focused .${qC.outlinedInputClasses.notchedOutline}`]:{borderColor:"var(--TextField-brandBorderFocusedColor)"}}}},MuiInput:{styleOverrides:{root:{color:e.palette.text.default,"&::before":{borderBottom:"2px solid var(--TextField-brandBorderColor)"},"&:hover:not(.Mui-disabled, .Mui-error):before":{borderBottom:"2px solid var(--TextField-brandBorderHoverColor)"},"&.Mui-focused:after":{borderBottom:"2px solid var(--TextField-brandBorderFocusedColor)"}}}},MuiButton:{styleOverrides:{root:{lineHeight:"auto"}}}}});function OTe({onSearch:e,placeholder:t,onClear:r,expanded:o,setExpanded:a,"data-testid":n="search-bar-wrapper"}){let[i,l]=Ym.default.useState(""),s=Ym.default.useRef(null),u=(0,y.useTheme)(),f=(0,Ym.useCallback)((0,oG.default)(x=>{e(x)},300),[e]),d=x=>{let h=x.target.value;l(h),f(h)},p=x=>{x.stopPropagation(),f(""),l(""),a(!1),r&&r()},m=x=>{x.stopPropagation(),o?(f(""),l(""),a(!1)):(a(!0),setTimeout(()=>{s.current&&s.current.focus()},300))};return(0,$n.jsx)(_n,{onClickAway:x=>{x.stopPropagation();let h=x.target?.closest("#ref");i===""&&h&&p(x)},children:(0,$n.jsxs)("div",{style:{display:"flex"},"data-testid":n,children:[(0,$n.jsx)(b3.ThemeProvider,{theme:RTe(u),children:(0,$n.jsx)(to,{variant:"standard",value:i,onChange:d,inputRef:s,placeholder:t,"data-testid":"searchbar-input",style:{width:o?"150px":"0",opacity:o?1:0,transition:"width 0.3s ease, opacity 0.3s ease"}})}),o?(0,$n.jsx)(Gt,{title:"Close",onClick:p,icon:(0,$n.jsx)(Vt,{fill:u.palette.icon.default,"data-testid":"searchbar-clear-button"}),arrow:!0}):(0,$n.jsx)(Gt,{title:"Search",onClick:m,icon:(0,$n.jsx)(Ed,{fill:u.palette.icon.default,"data-testid":"searchbar-search-button"}),arrow:!0})]})})}var Yn=OTe;var O3=require("@mui/material");var $i=require("react");var ATe="N/A",aG=e=>e&&e.deleted_at&&e.deleted_at.Valid===!0?ds(e.deleted_at.Time):ATe;var ji=require("react/jsx-runtime"),nG=(0,y.styled)("div")({display:"flex",gap:"1rem"}),hs=(0,y.styled)("div")({display:"flex",justifyContent:"space-between",width:"100%",alignItems:"center"}),v3=(0,y.styled)("div")({display:"flex",alignItems:"center",marginRight:"1rem"}),GC=(0,y.styled)("div")({boxSizing:"border-box",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),zC=(0,y.styled)("div")({position:"absolute",top:0,right:0,bottom:0,left:0,boxSizing:"border-box",display:"block",width:"100%"}),iG=(0,y.styled)("span")(()=>({"& svg":{cursor:"pointer",width:"2rem",height:"2rem"}})),jft=(0,y.styled)("span")(()=>({"& svg":{width:"2rem",height:"2rem"}})),lG=(0,y.styled)("span")(({theme:e})=>({"& svg":{color:"#3C494F","&:hover":{color:e.palette.error.error}}})),w3=(0,y.styled)("span")(()=>({color:"#455a64",opacity:"0.5","& svg":{cursor:"not-allowed"}})),sG=(0,y.styled)("div")(()=>({display:"flex",justifyContent:"space-between",paddingRight:"26px"})),E3=(0,y.styled)("div")(()=>({color:"#455a64",display:"flex",cursor:"not-allowed","& svg":{cursor:"pointer"}})),uG=(0,y.styled)(Jr)({padding:0,marginRight:"0.5rem",height:"28px","& .MuiSvgIcon-root":{borderColor:"white"},color:"white","&:hover":{color:"white",cursor:"pointer"},"&.Mui-checked":{color:"white"}}),jC=(0,y.styled)(z)({fontSize:"1.25rem",fontWeight:800,"&:hover":{cursor:"default"}}),Kft=(0,y.styled)(z)({fontSize:"0.9rem",display:"flex",alignItems:"end",padding:"0 5px","&:hover":{cursor:"default"}}),$ft=(0,y.styled)("button")({background:"transparent",border:"none","&:hover":{cursor:"default"}}),KC=(0,y.styled)(z)({fontStyle:"italic",fontSize:"12px","&:hover":{cursor:"default"}}),$C=(0,y.styled)(z)({fontSize:"0.9rem",textAlign:"left",fontStyle:"italic"}),fG=(0,y.styled)($C)({height:"fit-content",fontStyle:"normal","&:hover":{cursor:"default"}}),PTe=(0,y.styled)(K)(({theme:e})=>({background:e.palette.background.brand?.default,padding:"10px 10px 1px 10px",borderRadius:"4px",height:"100%",display:"flex",width:"100%"})),Zm=(0,y.styled)(PTe)({display:"flex",width:"100%",gap:"10px","@media (min-width : 600px)":{flexDirection:"column",gap:"0"}}),YC=(0,y.styled)(Me)(({theme:e})=>({width:"100%",borderRadius:"4px",background:e.palette.background.brand?.default,boxShadow:"0px 4px 4px 0px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column",marginBottom:"10px",color:e.palette.text.default,"&:hover":{background:e.palette.text.default},padding:"15px 10px"})),ZC=(0,y.styled)("p")(({theme:e,textColor:t})=>({margin:"0",fontSize:"14px",fontWeight:"400",display:"flex",color:t||e.palette.text.constant?.white})),QC=(0,y.styled)("p")(({theme:e,textColor:t})=>({margin:"0",fontSize:"60px",fontWeight:"500",lineHeight:1,marginBottom:"5px",color:t||e.palette.text.constant?.white})),Yft=(0,y.styled)(Me)(({theme:e})=>({width:"100%",borderRadius:"4px",background:e.palette.text.default,boxShadow:"0px 4px 4px 0px rgba(0, 0, 0, 0.25)",display:"flex",flexDirection:"column",marginBottom:"10px",color:`${J[40]}30 !important`,"&:hover":{background:e.palette.text.default},padding:"15px 10px"})),Zft=(0,y.styled)("div")(({disabled:e=!1})=>({cursor:e?"not-allowed":"pointer",opacity:e?"0.5":"1",display:"flex","& svg":{cursor:e?"not-allowed":"pointer"}})),dG=(0,y.styled)(he)(({theme:e})=>({borderBottom:`1px solid ${e.palette.divider}`,display:"flex",flexDirection:"row",padding:"5px 0"})),R3=({onClick:e,bulk:t,disabled:r,style:o,key:a,title:n="Delete"})=>{let i=(0,y.useTheme)();return(0,ji.jsx)(ge,{title:n,arrow:!0,children:(0,ji.jsx)("div",{children:(0,ji.jsx)(rt,{sx:{"&:hover":{"& svg":{fill:r?i.palette.icon.disabled:i.palette.background.error?.hover}},...o},disableRipple:!0,disabled:r,onClick:e,children:(0,ji.jsx)(ho,{fill:r?i.palette.icon.disabled:i.palette.icon.default,width:t?"28":"24",height:t?"28":"24",style:o})})})},a)},Zn=({onClick:e,disabled:t,bulk:r,style:o,title:a="Edit"})=>{let n=(0,y.useTheme)();return(0,ji.jsx)(ge,{title:a,arrow:!0,children:(0,ji.jsx)("div",{children:(0,ji.jsx)(rt,{onClick:e,sx:{"&:hover":{"& svg":{fill:t?n.palette.icon.disabled:n.palette.background.brand?.default}},...o},disableRipple:!0,disabled:t,children:(0,ji.jsx)(Yo,{fill:t?n.palette.icon.disabled:n.palette.icon.default,width:r?"28":"24",height:r?"28":"24",style:o})})})})},pG=(0,y.styled)(he)({display:"flex",flexDirection:"row"}),Qft=(0,y.styled)(he)({display:"flex",alignItems:"center",marginTop:1}),Qm=(0,y.styled)(he)({width:"100%"}),mG=(0,y.styled)(Pr)(({theme:e})=>({width:"100%",display:"flex",flexDirection:"column",backgroundColor:e.palette.background.paper,padding:e.spacing(2.5),cursor:"pointer"})),cG=(0,y.styled)(mG)(({theme:e})=>({minHeight:e.spacing(50),background:"linear-gradient(180deg, #007366 0%, #000 100%)"})),xG=(0,y.styled)(mG)(({theme:e})=>({minHeight:e.spacing(50),backgroundColor:e.palette.background.paper,boxShadow:"none"})),hG=(0,y.styled)(he)({display:"flex",flexDirection:"row",justifyContent:"space-between"}),gG=(0,y.styled)(he)({display:"flex",alignItems:"flex-start"}),TG=(0,y.styled)(he)({display:"flex",alignItems:"center",justifyContent:"flex-end"}),SG=(0,y.styled)(z)(({theme:e})=>({fontSize:"1.25rem",fontWeight:600,padding:"0.5rem 0",color:e.palette.background.constant?.white})),CG=(0,y.styled)(he)({display:"flex",flexDirection:"column",maxHeight:"14.5rem",overflowY:"scroll",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none"}),yG=(0,y.styled)(he)(({theme:e})=>({display:"flex",flexDirection:"row",position:"absolute",bottom:"20px",width:"100%",color:`${e.palette.background.constant?.white}99`,justifyContent:"space-between",paddingRight:"40px"})),XC=(0,y.styled)(he)({textAlign:"left"});var Ki=require("react/jsx-runtime"),_Te=({userId:e,userName:t,userEmail:r,profileUrl:o})=>{let a=(0,y.useTheme)(),n=()=>{window.open(`${ga}/user/${e}`)};return(0,Ki.jsxs)(he,{container:!0,alignItems:"center",children:[(0,Ki.jsx)(he,{children:(0,Ki.jsx)(K,{sx:{color:a.palette.text.default,mr:2,cursor:"pointer"},children:(0,Ki.jsx)(Kt,{onClick:n,alt:t,src:o,children:o?"":(0,Ki.jsx)(Dn,{})})})}),(0,Ki.jsxs)(he,{size:"grow",children:[t,(0,Ki.jsx)(z,{variant:"body2",color:a.palette.text.disabled,children:r})]})]})},Lu=_Te;var Fe=require("react/jsx-runtime"),kTe=({tableMeta:e,handleRemoveFromTeam:t,handleEditUser:r,isRemoveFromTeamAllowed:o,isEditUserAllowed:a,theme:n})=>(0,Fe.jsxs)(E3,{children:[a?(0,Fe.jsx)(Gt,{id:`edit_user-${e.rowIndex}`,onClick:r(e.rowData),title:"Edit user",iconType:"edit",children:(0,Fe.jsx)(Yo,{fill:n?.palette.text.primary})}):(0,Fe.jsx)(Yo,{style:{marginRight:".5rem"},fill:Ir,height:"30",width:"30"}),o?(0,Fe.jsx)(Gt,{id:`delete_user-${e.rowIndex}`,onClick:t(e.rowData),title:"Remove user membership from team",iconType:"delete",children:(0,Fe.jsx)(zl,{fill:n?.palette.text.primary})}):(0,Fe.jsx)(zl,{fill:Ir,secondaryFill:Ir})]}),ITe=({teamID:e,useGetUsersForOrgQuery:t,org_id:r,useRemoveUserFromTeamMutation:o,useNotificationHandlers:a,isRemoveFromTeamAllowed:n,isEditUserAllowed:i,handleEditUser:l,theme:s})=>{let[u,f]=(0,$i.useState)(0),[d,p]=(0,$i.useState)(10),[m,x]=(0,$i.useState)("last_login_time desc"),[h,g]=(0,$i.useState)(""),T=[],{handleError:R,handleSuccess:w,handleInfo:M}=a(),I=(0,$i.useRef)(null),{width:C}=ta(),{data:v}=t({page:u,pagesize:d,search:h,order:m,teamId:e,orgId:r}),{data:P}=t({page:0,pagesize:d,search:h,order:m,orgId:r}),[B]=o(),_=v?.data||[],ee=P?.data||[],X=_.map(se=>{let ue=ee.find(qe=>qe.user_id===se.user_id),We=se.role_names||[],tt=ue?.organization_with_user_roles?.role_names||[];return{...se,role_names:[...We,...tt]}}),N=v?.total_count||0,W=se=>async()=>{let ue=se[0];await I.current?.show({title:"Remove User From Team ?",subtitle:L(se[3],se[2]),primaryOption:"Proceed",variant:$m.DANGER})==="Proceed"&&B({orgId:r,teamId:e,userId:ue}).unwrap().then(()=>{w(`${se[4]?se[4]:""} ${se[5]?se[5]:""} removed from team`)}).catch(tt=>{let qe=tt.response?.data?.message||"Failed to remove user from team";tt.response.status===404?M(qe):R(qe)})},H=(se,ue,We)=>{let tt=We.findIndex(qe=>qe.name===ue);return se[tt]},L=(se,ue)=>(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("p",{children:"Are you sure you want to remove this user? (This action is irreversible)"}),(0,Fe.jsxs)("p",{children:["User:"," ",(0,Fe.jsx)("i",{children:(0,Fe.jsx)("b",{children:se})})]}),(0,Fe.jsxs)("p",{children:["Email:"," ",(0,Fe.jsx)("i",{children:(0,Fe.jsx)("b",{children:ue})})]})]}),D,F={search:!1,viewColumns:!1,filter:!1,rowsPerPageOptions:[10,20,25],responsive:"standard",selectableRows:"none",count:N,rowsPerPage:d,page:u,print:!1,download:!1,elevation:0,serverSide:!0,sortOrder:{name:m.split(" ")[0],direction:m.split(" ")[1]},onTableChange:(se,ue)=>{let We=ue.announceText?ue.announceText.split(" : "):[],tt="";switch(ue.activeColumn&&(tt=`${b[ue.activeColumn].name} desc`),se){case"changePage":f(ue.page);break;case"changeRowsPerPage":p(ue.rowsPerPage);break;case"search":D&&clearTimeout(D),D=setTimeout(()=>{h!==ue.searchText&&g(ue.searchText)},500);break;case"sort":We.length==2&&(We[1]==="ascending"?tt=`${b[ue.activeColumn].name} asc`:tt=`${b[ue.activeColumn].name} desc`),tt!==m&&x(tt);break}}},q=[["user_id","na"],["avatar_url","xs"],["email","na"],["username","na"],["first_name","na"],["last_name","na"],["role_names","xs"],["status","na"],["joined_at","l"],["last_login_time","l"],["deleted_at","na"]],b=[{name:"user_id",label:"User ID",options:{filter:!1,sort:!1,searchable:!1}},{name:"avatar_url",label:"Team Member",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(se,ue)=>(0,Fe.jsx)(K,{sx:{"& > img":{mr:2,flexShrink:0}},children:(0,Fe.jsx)(Lu,{userId:H(ue.rowData,"user_id",b),userName:`${ue.rowData[4]} ${ue.rowData[5]}`,userEmail:ue.rowData[2],profileUrl:se})})}},{name:"email",label:"Email",options:{filter:!1,sort:!0,searchable:!0}},{name:"username",label:"Username",options:{filter:!1,sort:!0,searchable:!0,customBodyRender:(se,ue)=>(0,Fe.jsxs)("div",{style:{display:"flex"},children:[se,se?.includes("@")?(0,Fe.jsx)(tr,{title:`Search "${ue.rowData[3]} ${ue.rowData[4]}" on Google`,children:(0,Fe.jsx)("a",{href:`https://www.google.com/search?q=${ue.rowData[3]}+${ue.rowData[4]}`,style:{color:"inherit"},target:"_blank",rel:"noreferrer",children:(0,Fe.jsx)("div",{children:(0,Fe.jsx)(Z2,{width:20,height:20})})})}):(0,Fe.jsx)(tr,{title:`Lookup "${se}" on GitHub`,children:(0,Fe.jsx)("a",{href:`https://www.github.com/${se}`,style:{color:"inherit"},target:"_blank",rel:"noreferrer",children:(0,Fe.jsx)("div",{children:(0,Fe.jsx)(ru,{width:22,height:22})})})})]})}},{name:"first_name",label:"First",options:{filter:!1,sort:!0,searchable:!0}},{name:"last_name",label:"Last",options:{filter:!1,sort:!0,searchable:!0}},{name:"role_names",label:"Roles",options:{filter:!0,sort:!1,searchable:!1,filterOptions:{names:T.concat(T?.map(se=>`!${se}`))},customBodyRender:se=>(0,Fe.jsx)("div",{children:se?.join(", ")})}},{name:"status",label:"Status",options:{filter:!0,sort:!0,searchable:!1}},{name:"joined_at",label:"Joined At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"last_login_time",label:"Last Active At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"deleted_at",label:"Deleted At",options:{filter:!0,sort:!0,searchable:!1,sortDescFirst:!0,filterOptions:{names:["Deleted","Not Deleted"],logic:(se,ue)=>se!="NA"&&ue.indexOf("Deleted")>=0?!0:se=="NA"&&ue.indexOf("Not Deleted")>=0,fullWidth:!0},customBodyRender:(se,ue)=>{let We=X[ue.rowIndex];return aG(We)}}},{name:"actions",label:"Actions",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(se,ue)=>H(ue.rowData,"deleted_at",b).Valid!==!1?(0,Fe.jsxs)(w3,{children:[(0,Fe.jsx)(Yo,{style:{marginRight:".5rem"},fill:Ir,height:"30",width:"30"}),(0,Fe.jsx)(zl,{fill:Ir,secondaryFill:Ir,height:30,width:30})]}):(0,Fe.jsx)(kTe,{tableMeta:ue,handleRemoveFromTeam:W,handleEditUser:l,isRemoveFromTeamAllowed:n,isEditUserAllowed:i,theme:s})}}],[ae,ie]=(0,$i.useState)(b),[O]=(0,$i.useState)(()=>{let se=ra(q,C),ue={};return b.forEach(We=>{ue[We.name]=se[We.name]}),ue});return(0,Fe.jsxs)(B2,{initialMode:s?.palette.mode,children:[(0,Fe.jsx)("div",{style:{margin:"auto",width:"100%"},children:(0,Fe.jsx)(Uo,{columns:b,data:X,options:F,colViews:q,tableCols:ae,updateCols:ie,columnVisibility:O})}),(0,Fe.jsx)(dp,{ref:I})]})},Xm=ITe;var pp=require("react/jsx-runtime"),MTe=(0,y.styled)(O3.Grid2)(({theme:e})=>({display:"grid",margin:"auto",paddingLeft:"0.5rem",borderRadius:"0.25rem",width:"inherit",gap:e.spacing(1)})),LTe=({teams:e,tableOptions:t,columnVisibility:r,colViews:o,tableCols:a,columns:n,updateCols:i,isRemoveFromTeamAllowed:l,isEditUserAllowed:s,handleEditUser:u,org_id:f,useGetUsersForOrgQuery:d,useNotificationHandlers:p,useRemoveUserFromTeamMutation:m})=>{let x=(0,y.useTheme)();return(0,pp.jsx)(lo,{children:(0,pp.jsx)(Uo,{columns:n,data:e,options:{...t,renderExpandableRow:(h,g)=>{let T=e[g.dataIndex].id;return(0,pp.jsx)(O3.TableCell,{colSpan:6,sx:{paddingInline:"4rem",backgroundColor:`${x.palette.background.secondary} !important`},children:(0,pp.jsx)(MTe,{container:!0,size:12,children:(0,pp.jsx)(Xm,{teamID:T,isRemoveFromTeamAllowed:l,isEditUserAllowed:s,handleEditUser:u,org_id:f,useGetUsersForOrgQuery:d,useNotificationHandlers:p,useRemoveUserFromTeamMutation:m,theme:x})})})}},colViews:o,tableCols:a,updateCols:i,columnVisibility:r})})},Jm=LTe;var JC=require("react");var A3=require("react/jsx-runtime");function DTe({value:e,maxLength:t,...r}){return e.length>t?(0,A3.jsx)(tr,{title:e,arrow:!0,placement:"top",children:(0,A3.jsx)("div",{style:{maxWidth:"15rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...r,children:`${e.slice(0,t)}...`})}):(0,A3.jsx)("div",{style:{maxWidth:"15rem",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...r,children:e})}var Ia=DTe;var ct=require("react/jsx-runtime");function FTe({selected:e,teams:t,deleteTeamsModalHandler:r}){let o={team_ids:[],team_names:[]};return e?.data.forEach(a=>{let n=a.index;o.team_ids.push(t[n]?.team_id),o.team_names.push(t[n]?.team_name)}),(0,ct.jsx)(iG,{children:(0,ct.jsx)(lG,{children:(0,ct.jsx)(ge,{title:"Delete Teams",children:(0,ct.jsx)(ho,{height:28,width:28,fill:Ir,onClick:()=>{r(o)}})},"delete_teams")})})}function mp({teams:e,count:t,page:r,pageSize:o,setPage:a,setPageSize:n,sortOrder:i,setSortOrder:l,bulkSelect:s,setBulkSelect:u,handleTeamView:f,handleDeleteTeam:d,handleRemoveTeamFromWorkspace:p,handleleaveTeam:m,teamId:x,workspace:h=!1,isEditTeamAllowed:g,isLeaveTeamAllowed:T,isRemoveTeamFromWorkspaceAllowed:R,isDeleteTeamAllowed:w,setSearch:M}){let{width:I}=ta(),C=(0,y.useTheme)(),v=[["id","na"],["name","xs"],["description","m"],["owner","l"],["created_at","na"],["updated_at","xl"],["deleted_at","na"],["actions","xs"]],P=[{name:"id",label:"ID",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:H=>(0,ct.jsx)(Wm,{id:H})}},{name:"name",label:"Name",options:{filter:!1,sort:!0,searchable:!0}},{name:"description",label:"Description",options:{filter:!1,sort:!0,searchable:!1,customBodyRender:H=>(0,ct.jsx)(Ia,{value:H??"",maxLength:30})}},{name:"owner",label:"Owner",options:{filter:!1,sort:!0,searchable:!0}},{name:"created_at",label:"Created At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"updated_at",label:"Updated At",options:{filter:!1,sort:!0,searchable:!1,sortDescFirst:!0}},{name:"deleted_at",label:"Deleted At",options:{filter:!0,sort:!0,searchable:!1,sortDescFirst:!0,customBodyRender:H=>JSON.stringify(H),filterOptions:{names:["Deleted","Not Deleted"],logic:(H,L)=>H!="NA"&&L.indexOf("Deleted")>=0?!0:H=="NA"&&L.indexOf("Not Deleted")>=0,fullWidth:!0}}},{name:"actions",label:"Actions",options:{filter:!1,sort:!1,searchable:!1,customBodyRender:(H,L)=>s||L.rowData[4].Valid?(0,ct.jsxs)(w3,{children:[(0,ct.jsx)(Yo,{style:{marginRight:".5rem"}}),(0,ct.jsx)(ho,{height:28,width:28,fill:Ir})]}):(0,ct.jsxs)(E3,{children:[!h&&(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(Vo,{disabled:!g,children:(0,ct.jsx)(Gt,{id:`edit_team-${L.rowIndex}`,title:"Edit Team",onClick:D=>{g&&f(D,L.rowData)},iconType:"edit",children:(0,ct.jsx)(Yo,{style:{height:28.8,width:28.8},fill:Ir})})}),(0,ct.jsx)(Vo,{disabled:!T,children:(0,ct.jsx)(Gt,{id:`leave_team-${L.rowIndex}`,title:"Leave Team",onClick:D=>T&&m(D,L.rowData),iconType:"delete",children:(0,ct.jsx)(zl,{fill:Ir,secondaryFill:Ir})})})]}),h?(0,ct.jsx)(Vo,{disabled:!R,children:(0,ct.jsx)(Gt,{id:`remove_team-${L.rowIndex}`,title:"Move Team",onClick:()=>{R&&p&&p(L.rowData[0])},iconType:"delete",children:(0,ct.jsx)(ho,{height:28,width:28,fill:C.palette.icon.default})})}):(0,ct.jsx)(Vo,{disabled:!w,children:(0,ct.jsx)(Gt,{id:`delete_team-${L.rowIndex}`,title:"Delete Team",onClick:D=>{w&&d(D,L.rowData)},iconType:"delete",children:(0,ct.jsx)(ho,{height:28,width:28,fill:Ir})})})]})}}],B=e?.findIndex(H=>H.id===x),_={filter:!1,selectableRows:"none",filterType:"dropdown",expandableRows:!0,expandableRowsHeader:!1,expandableRowsOnClick:!0,responsive:"standard",count:t,rowsPerPage:o,page:r,print:!1,download:!1,elevation:0,serverSide:!0,viewColumns:!1,search:!1,rowsExpanded:[B],customToolbarSelect:H=>(0,ct.jsx)(sG,{children:(0,ct.jsx)(FTe,{selected:H,teams:e,deleteTeamsModalHandler:()=>{}})}),textLabels:{selectedRows:{text:"teams(s) selected"}},onTableChange:(H,L)=>{let D=L.announceText?L.announceText.split(" : "):[],F="";switch(L.activeColumn&&(F=`${P[L.activeColumn].name} desc`),H){case"changePage":a(L.page);break;case"changeRowsPerPage":n(L.rowsPerPage);break;case"search":M(L.searchText!==null?L.searchText:"");break;case"sort":D.length==2&&(D[1]==="ascending"?F=`${P[L.activeColumn].name} asc`:F=`${P[L.activeColumn].name} desc`),F!==i&&l(F);break;case"rowSelectionChange":L.selectedRows.data.length?s||u(!0):u(!1);break;default:L.selectedRows.data.length==0&&s&&u(!1)}},isRowSelectable:H=>e[H].deleted_at.Valid!==!0,setRowProps:(H,L,D)=>(D&&D.selectedRows?D.selectedRows.data:[]).includes(L)?{style:{backgroundColor:C.palette.background.hover}}:H[6].Valid?{style:{backgroundColor:C.palette.icon.disabled}}:{style:{backgroundColor:C.palette.background.constant?.table}}},[ee,X]=(0,JC.useState)(P),[N,W]=(0,JC.useState)(()=>{let H=ra(v,I),L={};return P.forEach(D=>{L[D.name]=H[D.name]}),L});return{columns:P,tableOptions:_,tableCols:ee,updateCols:X,columnVisibility:N,setColumnVisibility:W,colViews:v}}var Ma=G(require("react"));var Pt=require("react/jsx-runtime"),NTe=({width:e=V,height:t=U,primaryFill:r="#00B39F",secondaryFill:o="#00D3A9",...a})=>(0,Pt.jsxs)("svg",{width:e,height:t,viewBox:"0 0 135 135",...a,xmlns:"http://www.w3.org/2000/svg",children:[(0,Pt.jsx)("path",{d:"M69.5 31.82V64.07L97.45 47.89L69.5 31.82Z",fill:o}),(0,Pt.jsx)("path",{d:"M69.5 70.81V103.22L97.7 87.09L69.5 70.81Z",fill:o}),(0,Pt.jsx)("path",{d:"M65.47 63.85V32.09L37.87 47.92L65.47 63.85Z",fill:r}),(0,Pt.jsx)("path",{d:"M10.1 103.1C15.5182 111.811 22.842 119.179 31.52 124.65V90.71L10.1 103.1Z",fill:r}),(0,Pt.jsx)("path",{d:"M65.47 103.06V71.05L37.8 87.07L65.47 103.06Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 122.63L63.56 106.61L35.54 90.41V122.63Z",fill:o}),(0,Pt.jsx)("path",{d:"M99.62 122.8V90.63L71.64 106.63L99.62 122.8Z",fill:r}),(0,Pt.jsx)("path",{d:"M127.03 99.37C131.817 90.4433 134.524 80.5502 134.95 70.43L105.78 87.11L127.03 99.37Z",fill:r}),(0,Pt.jsx)("path",{d:"M103.64 83.69L131.76 67.61L103.64 51.45V83.69Z",fill:o}),(0,Pt.jsx)("path",{d:"M99.62 44.5V12.52L71.77 28.49L99.62 44.5Z",fill:r}),(0,Pt.jsx)("path",{d:"M99.62 83.55V51.28L71.7 67.44L99.62 83.55Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 51.22V83.73L63.66 67.45L35.54 51.22Z",fill:o}),(0,Pt.jsx)("path",{d:"M65.47 0C55.1388 0.298791 45.016 2.97835 35.89 7.83L65.52 24.83L65.47 0Z",fill:r}),(0,Pt.jsx)("path",{d:"M35.54 12.3V44.62L63.69 28.48L35.54 12.3Z",fill:o}),(0,Pt.jsx)("path",{d:"M31.52 10.34C22.8442 15.8136 15.521 23.1813 10.1 31.89L31.52 44.25V10.34Z",fill:r}),(0,Pt.jsx)("path",{d:"M99.43 8C90.2123 3.0393 79.9635 0.299881 69.5 0V25.15L99.43 8Z",fill:o}),(0,Pt.jsx)("path",{d:"M0 69.87C0.348236 80.2825 3.1145 90.4711 8.08 99.63L29.77 87.07L0 69.87Z",fill:o}),(0,Pt.jsx)("path",{d:"M8.07001 35.37C3.13121 44.4917 0.372439 54.6334 0.0100098 65L29.8 47.91L8.07001 35.37Z",fill:o}),(0,Pt.jsx)("path",{d:"M35.78 127.13C44.9355 132.013 55.0981 134.706 65.47 135V110.15L35.78 127.13Z",fill:r}),(0,Pt.jsx)("path",{d:"M124.89 32C119.512 23.3126 112.237 15.9553 103.61 10.48V44.3L124.89 32Z",fill:o}),(0,Pt.jsx)("path",{d:"M103.64 124.54C112.314 119.022 119.624 111.61 125.02 102.86L103.64 90.52V124.54Z",fill:o}),(0,Pt.jsx)("path",{d:"M134.96 64.81C134.572 54.5437 131.835 44.5032 126.96 35.46L105.5 47.88L134.96 64.81Z",fill:r}),(0,Pt.jsx)("path",{d:"M69.5 135C79.845 134.709 89.9825 132.029 99.12 127.17L69.5 110V135Z",fill:o}),(0,Pt.jsx)("path",{d:"M31.52 83.44V51.56L3.83002 67.43L31.52 83.44Z",fill:r})]}),ey=NTe;var bG=G(require("@mui/material/Tooltip")),vG=G(require("react")),ty=require("react/jsx-runtime"),BTe=vG.default.forwardRef((e,t)=>(0,ty.jsx)(bG.default,{...e,ref:t,children:(0,ty.jsx)("span",{children:e.children})})),ry=BTe;var Qn=require("@mui/material");var wG=(0,Qn.styled)(Ht)(({theme:e})=>({padding:"5px 6px !important",color:e.palette.text.default,fontSize:"0.875rem",textTransform:"uppercase",fontWeight:400,height:"unset",borderRadius:"100px",border:`0.5px solid ${e.palette.border?.normal}`,background:e.palette.background.default,maxWidth:"14.375rem"})),EG=(0,Qn.styled)(kn)(({theme:e})=>({width:300,height:280,overflow:"auto",backgroundColor:e.palette.background.secondary,borderRadius:"10px",boxShadow:"0px 1px 4px 0px rgba(0, 0, 0, 0.25) inset","@media (max-width: 843px)":{width:260},"@media (max-width: 768px)":{width:300},"@media (max-width: 375px)":{width:"100%"}})),oy=(0,Qn.styled)(z)(({theme:e})=>({paddingBottom:"15px",color:e.palette.text?.default,textAlign:"center",fontSize:"1rem",letterSpacing:"0.15px"})),ec=(0,Qn.styled)(Me)(({theme:e})=>({margin:"5px 0",padding:"7px 0",borderRadius:"10px",borderColor:e.palette.border?.strong,boxShadow:"none",display:"flex",flexDirection:"row",fill:e.palette.icon.default,"&:hover":{borderColor:e.palette.border?.brand,backgroundColor:`${De} !important`,fill:e.palette.icon.inverse}})),ay=(0,Qn.styled)(Qn.Grid2)({padding:"0 1rem","@media (max-width: 768px)":{padding:"0",display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}}),RG=(0,Qn.styled)(Qn.Grid2)({padding:"2.5rem 1rem 0 1rem","@media (max-width: 768px)":{padding:"1rem",transform:"rotate(90deg)",height:"6.25rem",marginLeft:"6.25rem"}});var ze=require("react/jsx-runtime"),OG={CHIP:"chip",OTHER:"other"};function HTe(e){return e?{meshery:(0,ze.jsx)(ey,{}),kubernetes:(0,ze.jsx)(hd,{}),github:(0,ze.jsx)(ru,{})}[e]||null:(0,ze.jsx)(hd,{})}function P3(e,t){return e.filter(r=>t.indexOf(r)===-1)}function AG(e,t){return e.filter(r=>t.indexOf(r)!==-1)}function VTe({name:e,assignableData:t,assignedData:r,assignablePage:o,assignedPage:a,originalAssignedData:n,emptyStateIconLeft:i,emtyStateMessageLeft:l,emptyStateIconRight:s,emtyStateMessageRight:u,originalLeftCount:f,originalRightCount:d,leftPermission:p=!0,rightPermission:m=!0,transferComponentType:x=OG.OTHER}){let[h,g]=Ma.default.useState([]),[T,R]=Ma.default.useState([]),[w,M]=Ma.default.useState(n),[I,C]=Ma.default.useState(0),[v,P]=Ma.default.useState(0);Ma.default.useEffect(()=>{M(n)},[n]),Ma.default.useEffect(()=>{R(t)},[t]),Ma.default.useEffect(()=>{C(f),P(d)},[f,d]);let B=AG(h,T),_=AG(h,w);Ma.default.useEffect(()=>{r(w)},[w]),Ma.default.useEffect(()=>{let D=b=>{b[0].isIntersecting&&o()},F=new IntersectionObserver(D,{threshold:1}),q=document.getElementById("leftList");return q&&F.observe(q),()=>{q&&F.unobserve(q)}},[t]),Ma.default.useEffect(()=>{let D=b=>{b[0].isIntersecting&&a()},F=new IntersectionObserver(D,{threshold:1}),q=document.getElementById("rightList");return q&&F.observe(q),()=>{q&&F.unobserve(q)}},[n]);let ee=D=>()=>{let F=h.indexOf(D),q=[...h];F===-1?q.push(D):q.splice(F,1),g(q)},X=D=>{D.stopPropagation(),M(w.concat(T)),R([]),C(0),P(F=>F+I)},N=D=>{D.stopPropagation(),M(w.concat(B)),R(P3(T,B)),g(P3(h,B)),C(F=>F-B.length),P(F=>F+B.length)},W=D=>{D.stopPropagation(),R(T.concat(_)),M(P3(w,_)),g(P3(h,_)),P(F=>F-_.length),C(F=>F+_.length)},H=D=>{D.stopPropagation(),R(T.concat(w)),M([]),P(0),C(F=>F+v)},L=(D,F,q,b)=>(0,ze.jsxs)(EG,{children:[(0,ze.jsx)(eo,{dense:!0,component:"div",role:"list",children:D.length>0?D.map(ae=>{let ie=`transfer-list-item-${ae.name}-label`;return(0,ze.jsxs)(_r,{role:"listitem",sx:{display:"flex",justifyContent:"space-between","&:hover":{backgroundColor:"#00000010"}},onClick:ee(ae),children:[x===OG.CHIP?(0,ze.jsx)(ry,{title:ae.name,placement:"top",children:(0,ze.jsx)(wG,{sx:{paddingY:"10px"},variant:"outlined",label:ae.name,onDelete:()=>{},deleteIcon:(0,ze.jsx)(s5,{}),icon:HTe(ae?.kind)||(0,ze.jsx)(hd,{})})}):(0,ze.jsx)(ry,{title:ae.name,placement:"top",children:(0,ze.jsx)(z,{sx:{maxWidth:"230px",height:"1.5rem",overflow:"hidden"},children:ae.name})}),(0,ze.jsx)(Jr,{checked:h.indexOf(ae)!==-1,tabIndex:-1,disableRipple:!0,inputProps:{"aria-labelledby":ie}})]},ae.id)}):(0,ze.jsxs)("div",{style:{textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"264px"},children:[F,(0,ze.jsx)(z,{sx:{color:"#979797",px:5,py:2,lineHeight:1},children:q})]})}),(0,ze.jsx)("div",{id:b})]});return(0,ze.jsxs)(he,{container:!0,justifyContent:"center",alignItems:"center",children:[(0,ze.jsxs)(ay,{children:[(0,ze.jsxs)(oy,{children:["Available ",e," (",T.length,")"]}),L(T,i,l,"leftList")]}),(0,ze.jsx)(RG,{children:(0,ze.jsxs)(he,{container:!0,direction:"column",alignItems:"center",children:[(0,ze.jsxs)(ec,{variant:"outlined",size:"small",onClick:X,disabled:!m||m&&(T?.length===0||T.length<I),"aria-label":"move all right",children:[(0,ze.jsx)(wd,{width:18,height:18}),(0,ze.jsx)(wd,{style:{position:"absolute",left:"27px"},width:18,height:18})]}),(0,ze.jsx)(ec,{variant:"outlined",size:"small",onClick:N,disabled:!m||m&&B.length===0,"aria-label":"move selected right",children:(0,ze.jsx)(wd,{width:18,height:18})}),(0,ze.jsx)(ec,{variant:"outlined",size:"small",onClick:W,disabled:!p||p&&_.length===0,"aria-label":"move selected left",children:(0,ze.jsx)(Td,{width:18,height:18})}),(0,ze.jsxs)(ec,{variant:"outlined",size:"small",onClick:H,disabled:!p||p&&(w?.length===0||w.length<v),"aria-label":"move all left",children:[(0,ze.jsx)(Td,{width:18,height:18}),(0,ze.jsx)(Td,{style:{position:"absolute",left:"27px"},width:18,height:18})]})]})}),(0,ze.jsxs)(ay,{children:[(0,ze.jsxs)(oy,{children:["Assigned ",e," (",w.length,")"]}),L(w,s,u,"rightList")]})]})}var cp=VTe;var xp=require("@mui/material"),ny=G(require("react"));var lr=require("react/jsx-runtime"),UTe=(0,xp.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?nd.header:ad.header,padding:"0.75rem 1rem",margin:"-1rem -1rem 1rem -1rem",display:"flex",justifyContent:"space-between",alignItems:"center"}));function WTe({filters:e,selectedFilters:t,setSelectedFilters:r,variant:o="outlined",handleApplyFilter:a,showAllOption:n=!0,id:i,"data-testid":l="universal-filter"}){let[s,u]=ny.default.useState(null),[f,d]=ny.default.useState(!1),p=(0,y.useTheme)(),m=(0,xp.useMediaQuery)(p.breakpoints.down("sm")),x=w=>{u(w.currentTarget),d(M=>!M)},h=()=>{u(null),d(!1)},g=(w,M)=>{let I=w.target.value;r(C=>({...C,[M]:I}))},T=()=>{h(),a()},R=()=>(0,lr.jsxs)("div",{children:[(0,lr.jsx)(UTe,{"data-testid":`${l}-header`,children:(0,lr.jsx)("h3",{children:"Filters: "})}),Object.keys(e).map(w=>{let M=e[w].options;return(0,lr.jsxs)("div",{role:"presentation","data-testid":`${l}-filter-group-${w}`,children:[(0,lr.jsx)(Dl,{id:e[w].name,"data-testid":`${l}-label-${w}`,children:e[w].name}),(0,lr.jsxs)(ha,{defaultValue:"All","data-testid":`${l}-select-${w}`,value:t[w],variant:o,onChange:I=>g(I,w),style:{width:"20rem",marginBottom:"1rem"},inputProps:{"aria-label":"Without label","data-testid":`${l}-select-${w}`},displayEmpty:!0,children:[n&&(0,lr.jsx)(Mt,{value:"All","data-testid":`${l}-option-all`,children:"All"}),M.map(I=>(0,lr.jsx)(Mt,{value:I.value,"data-testid":`${l}-option-${I.value}`,children:I.label},I.value))]},w)]},w)}),(0,lr.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:(0,lr.jsx)(Me,{variant:"contained",onClick:T,"data-testid":`${l}-apply-btn`,children:"Apply"})})]});return(0,lr.jsx)(lr.Fragment,{children:(0,lr.jsxs)("div",{id:i,"data-testid":l,children:[(0,lr.jsx)(Gt,{title:"Filter",onClick:x,icon:(0,lr.jsx)(G2,{fill:p.palette.icon.default}),arrow:!0}),m?(0,lr.jsx)(xp.Drawer,{anchor:"bottom",open:f,onClose:h,PaperProps:{style:{padding:"0 1rem 1rem 1rem",backgroundColor:p.palette.background.surfaces}},children:R()}):(0,lr.jsx)(tp,{id:f&&s?"transition-popper":void 0,open:f,anchorEl:s,placement:"bottom-end",children:(0,lr.jsx)(_n,{onClickAway:h,mouseEvent:"onMouseDown",touchEvent:"onTouchStart",children:(0,lr.jsx)(kn,{sx:{padding:"1rem",paddingTop:"1.8rem",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.1)",backgroundColor:p.palette.background.surfaces},children:R()})})})]})})}var PG=WTe;var _G=require("react");var aa=require("react/jsx-runtime"),cn={PUBLIC:"public",PRIVATE:"private",PUBLISHED:"published"},qTe=(0,y.styled)(Fl)(({theme:e})=>({"& .MuiPaper-root":{backgroundColor:e.palette.mode==="light"?d1:e.palette.background.constant?.table,color:e.palette.text.secondary,border:`1px solid ${e.palette.border.default}`,borderRadius:"0.25rem",padding:"0rem"},"& .MuiMenuItem-root":{fontSize:".9rem",padding:"0.5rem","&:hover":{backgroundColor:e.palette.mode==="light"?$s:"rgba(0, 179, 159, 0.25)"}},"& .Mui-selected":{backgroundColor:e.palette.mode==="light"?$s:"rgba(0, 179, 159, 0.25)"},"& .MuiList-padding":{padding:"0px"}})),GTe=(0,y.styled)(Me)(()=>({padding:"0px"})),zTe=(0,y.styled)("div")(({theme:e,enabled:t})=>({paddingLeft:"0.3rem",height:"1.5rem",width:"auto",paddingRight:t?"0":"0.3rem",borderRadius:"0.25rem",border:`1px solid ${ed}`,background:e?.palette.mode==="light"?d1:e?.palette.background.constant?.table,textTransform:"uppercase",color:e?.palette.text.default,display:"flex",justifyContent:"center",alignItems:"center",fontSize:"0.75rem",fontFamily:e?.typography.fontFamily})),jTe=(0,y.styled)(Mt)(({theme:e})=>({textTransform:"capitalize",color:e.palette.icon.default})),KTe=(0,y.styled)("div")({marginRight:"0.5rem"}),$Te=({value:e,onChange:t,options:r,enabled:o})=>{let[a,n]=(0,_G.useState)(null),i=!!a,l=f=>{f.stopPropagation(),n(null)},s=f=>{f.stopPropagation(),o&&n(f.currentTarget)},u=(f,d)=>{f.stopPropagation(),t&&t(d),l(f)};return(0,aa.jsxs)(aa.Fragment,{children:[(0,aa.jsx)(GTe,{disabled:!o,onClick:s,"data-testid":`design-visibility-${e.toLowerCase()}`,children:(0,aa.jsxs)(zTe,{enabled:o,children:[(0,aa.jsx)("span",{style:{fontSize:"0.85rem"},children:e}),o&&(0,aa.jsx)(vF,{style:{...Qo}})]})}),(0,aa.jsx)(qTe,{open:i,onClose:l,anchorEl:a,anchorReference:"anchorPosition",anchorPosition:{top:(a?.getBoundingClientRect().bottom??0)+5,left:(a?.getBoundingClientRect().left??0)+5},children:r?.map(([f,d],p)=>(0,aa.jsxs)(jTe,{"data-testid":`visibility-toggle-${f.toLowerCase()}`,onClick:m=>u(m,f),children:[(0,aa.jsx)(KTe,{children:(0,aa.jsx)(d,{width:16,height:16})}),f]},p))})]})},Yi=$Te;var VG=require("@mui/material");var Wo=require("@mui/material"),kG=(0,Wo.styled)("div")(()=>({width:"85px",height:"88px",overflow:"hidden",position:"absolute",top:"-3px",left:"-3px"})),IG=(0,Wo.styled)("div")(({catalogClassName:e})=>({font:"bold 10px sans-serif",WebkitTransform:"rotate(-45deg)",textAlign:"center",transform:"rotate(-45deg)",position:"relative",padding:"4px 0",top:"15px",left:"-30px",width:"120px",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",backgroundColor:{community:"rgba(122,132,142,.8)",official:"#EBC017",verified:"#00B39F"}[e],color:"#fff"})),MG=(0,Wo.styled)("div")(({outerStyles:e})=>({position:"relative",borderRadius:"1rem",textAlign:"center",transformStyle:"preserve-3d",transition:"all .9s ease-out",marginBottom:"1.25rem",display:"inline-flex",perspective:"1000px","&:hover":{cursor:"pointer",transform:"translateY(-2%)"},"@media (max-width:1200px)":{height:"18.75rem"},...e})),LG=(0,Wo.styled)("div")(({theme:e})=>({position:"relative",width:"100%",height:"100%",textAlign:"center",transition:"transform 0.6s",background:e.palette.background.default,boxShadow:`2px 2px 3px 0px ${e.palette.background.brand?.default}`,borderRadius:"0.9375rem"})),DG=(0,Wo.styled)("span")(({theme:e})=>({position:"absolute",top:"0",right:"0",minWidth:"3rem",padding:"0 0.75rem",fontSize:"0.875rem",textTransform:"capitalize",background:e.palette.background.brand?.default,color:e.palette.text.inverse,borderRadius:"0 1rem 0 2rem"})),hp=(0,Wo.styled)("p")(({theme:e})=>({fontSize:"1rem",textTransform:"capitalize",margin:"0rem",lineHeight:"1.5",textAlign:"center",color:e.palette.text.secondary,fontWeight:"600"})),FG=(0,Wo.styled)(Wo.Typography)(({theme:e})=>({fontWeight:"bold",textTransform:"capitalize",color:e.palette.text.default,fontSize:"1.125rem",marginTop:"2rem",padding:"0rem 1rem",position:"relative",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",textAlign:"center",width:"100%"})),NG=(0,Wo.styled)("div")(({theme:e})=>({display:"flex",justifyContent:"space-around",fontSize:"0.2rem",color:e.palette.text.secondary,padding:"0.9rem 0.1rem",background:e.palette.background.secondary,position:"absolute",bottom:"0px",marginTop:"1.2rem",borderRadius:"0 0 0.9375rem 0.9375rem",width:"100%"})),gp=(0,Wo.styled)("div")(()=>({display:"flex",alignItems:"center",gap:"4px",fontSize:"0.2rem",color:"rgba(26, 26, 26, .8)",margin:"0rem",padding:"0.1rem"})),BG=(0,Wo.styled)("div")(()=>({height:"max-content",display:"flex",marginTop:"-1rem",flexDirection:"column",padding:"0rem 1rem",justifyContent:"start",alignItems:"start","@media (max-width:1200px)":{height:"max-content"}})),HG=(0,Wo.styled)("div")(({theme:e})=>({background:e.palette.mode==="light"?"rgba(231, 239, 243, 0.40)":"#212121",display:"flex",alignItems:"center",justifyContent:"center",padding:"0.5rem",width:"100%",borderRadius:"0.5rem"}));var et=require("react/jsx-runtime"),Bpt=(0,VG.styled)("a")(()=>({textDecoration:"none"}));var YTe=({catalogClassName:e})=>e?(0,et.jsx)(kG,{children:(0,et.jsx)(IG,{catalogClassName:e,children:e})}):(0,et.jsx)(et.Fragment,{}),ZTe=({pattern:e,patternType:t,cardHeight:r,cardWidth:o,cardStyles:a,onCardClick:n})=>{let i={height:r,width:o,...a};return(0,et.jsx)(MG,{outerStyles:i,onClick:n,children:(0,et.jsxs)(LG,{className:"innerCard",children:[(0,et.jsx)(YTe,{catalogClassName:e?.catalog_data?.content_class}),(0,et.jsx)(DG,{children:t}),(0,et.jsxs)(BG,{children:[(0,et.jsx)(FG,{style:{margin:"3rem 0 1.59rem 0",textAlign:"center"},children:e.name}),(0,et.jsx)(HG,{children:(0,et.jsx)(rn,{height:"118",width:"120"})})]}),(0,et.jsxs)(NG,{children:[(0,et.jsxs)(gp,{children:[(0,et.jsx)(ba,{width:18,height:18}),(0,et.jsx)(hp,{children:e.download_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(id,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.clone_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(yd,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.view_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(cd,{width:18,height:18}),(0,et.jsx)(hp,{children:e.deployment_count})]}),(0,et.jsxs)(gp,{children:[(0,et.jsx)(Fn,{width:18,height:18,fill:"#51636B"}),(0,et.jsx)(hp,{children:e.share_count})]})]})]})})},iy=ZTe;var ZG=require("@mui/material/styles"),ac=require("react");var oc=require("react");var _3=require("react");var qG=require("lodash"),Du=require("react");var ly=require("@mui/material");var UG=(0,ly.styled)(zs)(({style:e,theme:t})=>({fontFamily:t.typography.fontFamily,width:"100%","@media (max-width: 590px)":{marginLeft:"0.25rem",paddingLeft:"0.25rem"},display:"flex",backgroundColor:t.palette.mode==="light"?t.palette.common.white:t.palette.background.surfaces,...e})),WG=(0,ly.styled)(Wf)(({theme:e})=>({borderLeft:`1px solid ${e.palette.background.tertiary}`,height:"30px",paddingLeft:"10px"}));var tc=require("react/jsx-runtime");function QTe({onChange:e,value:t="",label:r,sx:o,placeholder:a,endAdornment:n,debounceTime:i=300}){let l=(0,y.useTheme)(),[s,u]=(0,Du.useState)(t);(0,Du.useEffect)(()=>{t!==s&&u(t)},[t]);let f=m=>({target:{value:m},persist:()=>{}}),d=(0,Du.useMemo)(()=>(0,qG.debounce)(m=>{e?.(f(m))},i),[e,i]);return(0,Du.useEffect)(()=>{if(e)return s===""?e(f(s)):d(s),()=>{d.cancel()}},[s,e,d]),(0,tc.jsx)(UG,{type:"search",label:r,fullWidth:!0,value:s,onChange:m=>{let x=m.target.value;u(x)},sx:o,placeholder:a??"Search",startAdornment:(0,tc.jsx)(Wf,{position:"start",children:(0,tc.jsx)(Ed,{fill:l.palette.background.neutral?.default})}),endAdornment:(0,tc.jsx)(WG,{position:"end",children:n})})}var rc=QTe;var Xn=require("@mui/material/styles");var GG=(0,Xn.styled)(K)(({styleProps:e})=>({padding:"1rem",borderRadius:"1rem",width:"100%",gap:"0.5rem",boxShadow:"0px 2px 10px rgba(0, 0, 0, 0.2)",display:"flex",flexDirection:"column",height:"fit-content",backgroundColor:e.backgroundColor,"@media (max-width:900px)":{display:"none"},fontFamily:e.fontFamily,"&::-webkit-scrollbar":{width:"6px"}})),zG=(0,Xn.styled)("div")(()=>({display:"none","@media (max-width:899px)":{display:"block"}})),e1t=(0,Xn.styled)("div")(()=>({display:"flex",justifyContent:"space-around",alignItems:"center"})),jG=(0,Xn.styled)(Me)(({theme:e})=>({backgroundColor:e.palette.primary.brand?.default,"&:hover":{backgroundColor:e.palette.background.default},height:"3.75rem","@media (max-width:450px)":{minWidth:"0px"}})),KG=(0,Xn.styled)(K)(({theme:e})=>({display:"flex",justifyContent:"space-between",alignItems:"center",padding:"0.5rem 1rem",background:e.palette.mode==="light"?nd.header:ad.header,height:"10vh"})),t1t=(0,Xn.styled)(hi)(({theme:e})=>({padding:"0.25rem 2rem",borderBottom:"1px solid",borderBottomColor:e.palette.text.disabled})),$G=(0,Xn.styled)(hi)(({theme:e})=>({backgroundColor:e.palette.background.surfaces,borderRadius:"0.5rem",marginTop:2,display:"flex",justifyContent:"space-between"})),YG=(0,Xn.styled)("p")(({theme:e})=>({color:e.palette.text.tertiary})),r1t=(0,Xn.styled)("span")(()=>({marginLeft:"0.5rem",display:"block","@media (max-width: 853px)":{display:"none"}}));var sr=require("react/jsx-runtime"),XTe=({filterKey:e,sectionDisplayName:t,options:r=[],filters:o,openSections:a,onCheckboxChange:n,onSectionToggle:i,styleProps:l,customComponent:s})=>{let[u,f]=(0,_3.useState)(""),d=(0,_3.useCallback)(x=>{f(x.target.value)},[]),p=r.length>10,m=u&&r.length?r.filter(x=>x.label.toLowerCase().includes(u.toLowerCase())):r;return(0,sr.jsxs)(sr.Fragment,{children:[(0,sr.jsxs)($G,{onClick:()=>i(e),style:{backgroundColor:l.sectionTitleBackgroundColor},children:[(0,sr.jsx)(z,{sx:{fontSize:"1rem"},fontWeight:"bold",fontFamily:l.fontFamily,children:(t||e).toUpperCase()}),a[e]?(0,sr.jsx)($l,{}):(0,sr.jsx)(Zo,{})]}),(0,sr.jsx)(ca,{in:a[e],timeout:"auto",unmountOnExit:!0,children:s?(0,sr.jsx)(s,{}):(0,sr.jsxs)(eo,{component:"div",sx:{overflowY:"auto",maxHeight:"25rem",backgroundColor:l.backgroundColor,"&::-webkit-scrollbar":{width:"6px"}},children:[p&&(0,sr.jsx)(K,{sx:{px:"0.5rem",mb:"0.5rem"},children:(0,sr.jsx)(rc,{value:u,onChange:d,placeholder:"Search",endAdornment:(0,sr.jsxs)(YG,{children:["Total : ",m.length??0]})})}),m.map((x,h)=>(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",px:"0.5rem",justifyContent:"space-between",children:[(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",gap:"0.35rem",children:[(0,sr.jsx)(Jr,{id:`checkbox-${x.label}`,checked:Array.isArray(o[e])?o[e].includes(x.value):o[e]===x.value,onChange:g=>n&&n(e,x.value,g.target.checked),value:x.value}),x.Icon&&(0,sr.jsx)(x.Icon,{width:"20px",height:"20px"}),(0,sr.jsx)(z,{fontFamily:l.fontFamily,children:x.label})]}),(0,sr.jsxs)(Kf,{direction:"row",alignItems:"center",gap:"0.35rem",children:[x.totalCount!==void 0&&`(${x.totalCount||0})`,x.description&&(0,sr.jsx)(Ui,{variant:"standard",helpText:x.description})]})]},`${x.value}-${h}`))]})})]})},sy=XTe;var Tp=require("react/jsx-runtime"),JTe=({lists:e,onApplyFilters:t,value:r,styleProps:o})=>{let[a,n]=(0,oc.useState)(()=>{let s={};return e.forEach(u=>{s[u.filterKey]=!!u.defaultOpen}),s}),i=(0,oc.useCallback)(s=>{n(u=>({...u,[s]:!u[s]}))},[]),l=(0,oc.useCallback)((s,u,f)=>{t(d=>{let p={...d};if(e.find(x=>x.filterKey===s)?.isMultiSelect!==!1){let x=p[s];Array.isArray(x)||(x=x?[x]:[]),p[s]=f?[...x,u]:x.filter(h=>h!==u)}else p[s]=f?u:"";return p})},[e,t]);return(0,Tp.jsx)(Tp.Fragment,{children:e.map(s=>s.customComponent?(0,Tp.jsx)(sy,{filterKey:s.filterKey,filters:r,sectionDisplayName:s.sectionDisplayName,onSectionToggle:i,styleProps:o,openSections:a,customComponent:s.customComponent},s.filterKey):(0,Tp.jsx)(sy,{filterKey:s.filterKey,sectionDisplayName:s.sectionDisplayName,options:s.options,filters:r,openSections:a,onCheckboxChange:l,onSectionToggle:i,styleProps:o},s.filterKey))})},uy=JTe;var xr=require("react/jsx-runtime"),e8e=({lists:e,setData:t,value:r={},styleProps:o})=>{let a=(0,ZG.useTheme)(),[n,i]=(0,ac.useState)(!1),l=(0,ac.useCallback)(()=>{i(!0)},[]),s=(0,ac.useCallback)(()=>{i(!1)},[]),f={...{backgroundColor:a.palette.mode==="light"?a.palette.background.default:a.palette.background.secondary,sectionTitleBackgroundColor:a.palette.mode==="light"?a.palette.background.surfaces:Hl.main,fontFamily:a.typography.fontFamily},...o};return(0,xr.jsxs)(xr.Fragment,{children:[(0,xr.jsx)(GG,{styleProps:f,children:(0,xr.jsx)(uy,{lists:e,onApplyFilters:t,value:r,styleProps:f})}),(0,xr.jsxs)(zG,{children:[(0,xr.jsx)(ge,{title:"Filters",placement:"bottom",children:(0,xr.jsx)(jG,{variant:"contained",onClick:l,children:(0,xr.jsx)(MF,{style:{height:"28px",width:"28px"},fill:a.palette.text.default})})}),(0,xr.jsx)(h2,{anchor:"bottom",open:n,variant:"temporary",onClose:s,style:{zIndex:"1399"},children:(0,xr.jsxs)(K,{sx:{overflowY:"hidden",height:"90vh"},children:[(0,xr.jsxs)(KG,{children:[(0,xr.jsx)(z,{variant:"h6",sx:{color:a.palette.text.constant?.white},component:"div",children:"Filters"}),(0,xr.jsx)(Pu,{onClick:s,children:(0,xr.jsx)(Vt,{height:"32px",width:"32px"})})]}),(0,xr.jsx)(K,{style:{height:"75vh",overflowY:"auto",background:a.palette.background.surfaces,padding:"0 16px"},children:(0,xr.jsx)(uy,{lists:e,onApplyFilters:t,value:r,styleProps:f})}),(0,xr.jsx)(K,{sx:{background:a.palette.mode==="light"?nd.fotter:ad.fotter,height:"5vh"}})]})})]})]})},fy=e8e;var Fu=require("react/jsx-runtime");function t8e({open:e,content:t,title:r,actions:o,onClose:a}){return(0,Fu.jsxs)(xa,{open:e,onClose:a,children:[(0,Fu.jsx)(Dm,{children:r}),(0,Fu.jsx)(kl,{children:(0,Fu.jsx)(Il,{children:t})}),(0,Fu.jsx)(Uf,{children:o})]})}var dy=t8e;var Sp=require("@mui/material"),na=G(require("react"));var Yt=require("react/jsx-runtime"),QG=require("react"),r8e=({data:e,label:t,fetchSuggestions:r,setFilterData:o,isLoading:a,type:n,disabled:i,selectedData:l,searchValue:s,setSearchValue:u,iconComponent:f=(0,Yt.jsx)(U1,{...Dd})})=>{let[d,p]=(0,na.useState)(""),[m,x]=(0,na.useState)(!1),[h,g]=(0,na.useState)(!1),[T,R]=(0,na.useState)(l);(0,na.useEffect)(()=>{R(l)},[l]);let w=(0,na.useCallback)(C=>{let v=T.filter(P=>P.id!==C);R(v),o(v)},[T,o]),M=(0,na.useCallback)((C,v)=>{if(!v)return;if(T.some(_=>_.id===v.id)){p(`${n} already selected`);return}let B=[...T,v];R(B),o(B),p(""),u(""),x(!1)},[T,o,n,u]),I=(0,na.useCallback)((C,v)=>{u(v),v===""?x(!1):(r(v),p(""),x(!0))},[r,u]);return(0,Yt.jsxs)(K,{sx:{width:"100%"},children:[(0,Yt.jsx)(Sp.Autocomplete,{id:`${n}-search-field`,style:{width:"100%"},options:e,getOptionLabel:()=>s,isOptionEqualToValue:(C,v)=>C.id===v.id,noOptionsText:a?"Loading...":`No ${n} found`,loading:a,open:m,onClose:()=>x(!1),disabled:i,value:void 0,inputValue:s,onChange:M,onInputChange:I,filterOptions:C=>C,disableClearable:!0,includeInputInList:!0,filterSelectedOptions:!0,disableListWrap:!0,clearOnBlur:!0,popupIcon:null,blurOnSelect:!0,forcePopupIcon:!1,renderInput:C=>(0,Yt.jsx)(to,{...C,label:t||`Add ${n}`,error:!!d,helperText:d,fullWidth:!0,InputLabelProps:{style:{fontFamily:"inherit"}},InputProps:{...C.InputProps,endAdornment:(0,Yt.jsx)(na.default.Fragment,{children:a?(0,Yt.jsx)($t,{color:"inherit",size:20}):null})}}),renderOption:(C,v)=>(0,QG.createElement)("li",{...C,key:v.id},(0,Yt.jsx)(K,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},children:(0,Yt.jsxs)(Sp.Grid2,{container:!0,alignItems:"center",children:[(0,Yt.jsx)(Sp.Grid2,{children:(0,Yt.jsx)(K,{sx:{color:"text.secondary",mr:2},children:f})}),(0,Yt.jsx)(Sp.Grid2,{size:"grow",children:(0,Yt.jsx)(z,{variant:"body2",children:v.name})})]})}))}),(0,Yt.jsxs)(K,{sx:{display:"flex",flexWrap:"wrap",gap:.5,mt:T?.length>0?"0.5rem":""},children:[!h&&T?.length>0&&(0,Yt.jsx)(Ht,{avatar:f,label:T[T.length-1]?.name,size:"small",onDelete:()=>w(T[T.length-1]?.id),deleteIcon:(0,Yt.jsx)(tr,{title:`Remove ${n}`,children:(0,Yt.jsx)(Vt,{style:Co})})},T[T.length-1]?.id),h&&T?.map(C=>(0,Yt.jsx)(Ht,{avatar:(0,Yt.jsx)(U1,{...Co}),label:C.name,size:"small",onDelete:()=>w(C.id),deleteIcon:(0,Yt.jsx)(tr,{title:`Remove ${n}`,children:(0,Yt.jsx)(Vt,{style:Co})})},C.id)),T?.length>1&&(0,Yt.jsx)(z,{onClick:()=>g(!h),sx:{cursor:"pointer"},children:h?"(hide)":`(+${T?.length-1})`})]})]})},py=r8e;var nc=require("@mui/material"),XG=(0,nc.styled)("div")(({theme:e})=>({padding:"2.5rem",margin:"2rem 0",backgroundColor:e.palette.grey.A400,display:"flex",border:`1px solid ${e.palette.common.black}`,justifyContent:"space-between",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)","&:hover":{transition:"background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s",transform:"translate3d(0px, -1px, 0px)",boxShadow:`${e.palette.common.black} 0px 8px 16px 0px`},"@media screen and (max-width: 992px)":{padding:"1.5rem"},"@media screen and (max-width: 500px)":{padding:"0.75rem"}})),JG=(0,nc.styled)("div")({display:"inline-flex"}),ez=(0,nc.styled)("div")(({theme:e})=>({fontSize:"2rem",margin:"0 2rem 0 1rem",color:e.palette.grey[800],alignSelf:"center",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),tz=(0,nc.styled)("div")(({theme:e})=>({h2:{margin:"0.25rem 0"},p:{margin:"0.35rem 0",color:e.palette.grey[800],transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}}));var gs=require("react/jsx-runtime"),o8e=({chapterNum:e,chapter:t})=>(0,gs.jsx)(XG,{id:t.frontmatter.courseTitle?t.frontmatter.courseTitle:void 0,children:(0,gs.jsxs)(JG,{children:[(0,gs.jsx)(ez,{children:e}),(0,gs.jsxs)(tz,{children:[(0,gs.jsx)("h2",{children:t.frontmatter.chapterTitle?t.frontmatter.chapterTitle:t.frontmatter.courseTitle}),(0,gs.jsx)("p",{children:t.frontmatter.description})]})]})}),my=o8e;var k3=require("@mui/material"),I3=G(require("react"));var Nu=require("@mui/material/styles");var j1t=(0,Nu.styled)("div")(({theme:e})=>({marginLeft:".5rem",color:e.palette.background.secondary})),rz=(0,Nu.styled)(Gf)({overflowY:"auto",scrollbarWidth:"none","&::-webkit-scrollbar":{width:"0em"}}),oz=(0,Nu.styled)(_r)(()=>({pointerEvents:"auto",margin:"0.5rem 0rem 0.5rem 0rem",fontSize:"0.1rem",padding:"0"})),az=(0,Nu.styled)(_r)(()=>({pointerEvents:"auto",margin:"0rem 0rem 0rem 0.5rem",fontSize:"0.1rem"})),nz=(0,Nu.styled)("div")({marginRight:"0.75rem",marginLeft:"0.5rem"}),iz=(0,Nu.styled)("div")({marginRight:"0.5rem"});var Qr=require("react/jsx-runtime"),a8e=({navigationItems:e,MenuListProps:t={},ListItemTextProps:r={}})=>{let o=(0,k3.useTheme)(),a=(0,k3.useMediaQuery)(o.breakpoints.up("sm")),[n,i]=(0,I3.useState)(null),l=(s,u)=>{u.stopPropagation(),i(f=>f===s?null:s)};return(0,Qr.jsx)(rz,{...t,dense:!0,children:e.map(s=>{let u=n===s.id,f=s.permission??!0,d=s.addDivider??!1;return!(s.showOnWeb??!0)&&a?null:(0,Qr.jsxs)(I3.default.Fragment,{children:[(0,Qr.jsxs)(Mt,{disabled:!f,onClick:s.onClick,"data-testid":`nav-item-${s.id}`,children:[(0,Qr.jsxs)(oz,{children:[s.icon&&(0,Qr.jsx)(nz,{children:s.icon}),(0,Qr.jsx)(er,{primary:s.title,...r})]}),s.subItems&&(0,Qr.jsx)(er,{"data-testid":`nav-toggle-${s.id}`,children:u?(0,Qr.jsx)($l,{onClick:m=>l(s.id,m)}):(0,Qr.jsx)(Zo,{onClick:m=>l(s.id,m)})})]}),s.subItems&&(0,Qr.jsx)(ca,{in:u,timeout:"auto",unmountOnExit:!0,variant:"submenu",children:s.subItems.map(m=>(0,Qr.jsx)(Mt,{disabled:!m.permission,onClick:m.onClick,"data-testid":`nav-subitem-${m.id}`,children:(0,Qr.jsxs)(az,{children:[m.icon&&(0,Qr.jsx)(iz,{children:m.icon}),(0,Qr.jsx)(er,{primary:m.title,...r})]})},m.id))}),d&&(0,Qr.jsx)(Po,{})]},s.id)})})},cy=a8e;var M3=require("@mui/material");var Cp=require("react/jsx-runtime"),n8e=(0,M3.styled)("div")(({type:e,theme:t})=>({fontWeight:500,background:"#212529",color:"inherit",marginTop:"2rem",width:"100%",height:"100%",marginBottom:"2rem",padding:"0.5rem 1rem",borderRadius:0,borderStyle:"solid",borderColor:e==="warning"?t.palette.text.warning:t.palette.background.brand?.default,borderWidth:"0 0 0 4px"})),i8e=(0,M3.styled)("h4")(({type:e,theme:t})=>({color:e==="warning"?t.palette.text.warning:t.palette.background.brand?.default,fontSize:"1.35rem"})),l8e=(0,M3.styled)("p")(({theme:e})=>({color:e.palette.text.inverse})),s8e=({type:e="note",title:t,content:r})=>(0,Cp.jsxs)(n8e,{type:e,children:[(0,Cp.jsx)(i8e,{type:e,children:t}),(0,Cp.jsx)(l8e,{children:(0,Cp.jsx)(ep,{content:r})})]}),xy=s8e;var xz=require("re-resizable"),hz=G(require("react-draggable"));var Ts=require("react/jsx-runtime"),u8e=({height:e=24,width:t=24,fill:r="#E8EFF3",...o})=>(0,Ts.jsxs)("svg",{width:t,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:[(0,Ts.jsx)("g",{clipPath:"url(#clip0_34897_172744)",children:(0,Ts.jsx)("path",{d:"M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",fill:r})}),(0,Ts.jsx)("defs",{children:(0,Ts.jsx)("clipPath",{id:"clip0_34897_172744",children:(0,Ts.jsx)("rect",{width:"24",height:"24",fill:"white"})})})]}),hy=u8e;var cmt=(0,y.styled)(_r)(({theme:e})=>({padding:e.spacing(.5,.5),marginBlock:e.spacing(1),"& .MuiListItemText-primary":{fontSize:"1rem",textTransform:"capitalize",fontWeight:700},cursor:"pointer","&:hover":{backgroundColor:e.palette.action.hover},"& .MuiSvgIcon-root":{opacity:0,transition:"opacity 0.2s"},"&:hover .MuiSvgIcon-root":{opacity:1}})),xmt=(0,y.styled)(_r,{shouldForwardProp:e=>e!=="isVisible"})(({theme:e,isVisible:t})=>({padding:e.spacing(.05,.5),fontStyle:t?"normal":"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap","& .MuiSvgIcon-root":{height:20,width:20},"& .MuiListItemIcon-root":{minWidth:0,opacity:t?.8:.3},"& .MuiTypography-root":{fontSize:"0.9rem",opacity:t?1:.5}})),lz=(0,y.styled)("div")(({theme:e})=>({display:"flex",alignItems:"center",padding:e.spacing(4,2),alignContent:"stretch",justifyContent:"space-between",cursor:"move",background:e.palette.mode==="light"?"linear-gradient(90deg, #3B687B 0%, #507D90 100%)":"linear-gradient(90deg, #28353A 0%, #3D4F57 100%)",height:"3rem",flexShrink:0})),sz=(0,y.styled)(K)(({theme:e})=>({padding:e.spacing(2),backgroundColor:e.palette.background.surfaces,overflow:"auto",flex:1,minHeight:0})),uz=(0,y.styled)("div")({height:"100%",display:"flex",flexDirection:"column",minHeight:"3rem"}),fz=(0,y.styled)(K)(({theme:e,intitialPosition:t})=>({borderRadius:"8px",overflow:"hidden",flexShrink:0,zIndex:100,position:"absolute",backgroundColor:e.palette.background.blur?.light,boxShadow:`0 4px 16px ${e.palette.background.blur?.light}`,maxHeight:"80%",display:"flex",boxSizing:"border-box",...t})),dz=(0,y.styled)(hy)(({theme:e})=>({fill:e.palette.common.white,position:"absolute",top:"-0.3rem",left:"50%"})),pz=(0,y.styled)("div")({display:"flex",gap:"1rem",justifyContent:"flex-end",alignItems:"center"}),mz=(0,y.styled)("div")({display:"flex",justifyContent:"end",alignItems:"center",flex:"1"}),L3=(0,y.styled)(rt)(({theme:e})=>({color:e.palette.common.white})),cz=(0,y.styled)("div")(()=>({position:"absolute",left:"0",right:"0",marginInline:"auto",width:"fit-content"}));var zt=require("react/jsx-runtime"),f8e=({isOpen:e,id:t="panel",children:r,areAllExpanded:o,toggleExpandAll:a,handleClose:n,defaultSize:i,intitialPosition:l,sx:s,minimizePanel:u,title:f=""})=>{let d=(0,y.useTheme)();return e?(0,zt.jsx)(hz.default,{handle:".drag-handle",children:(0,zt.jsx)(fz,{intitialPosition:l,sx:s,children:(0,zt.jsx)(xz.Resizable,{defaultSize:{width:i?.width||"18rem",height:i?.height||"auto"},onResize:()=>{window.dispatchEvent(new Event("panel-resize"))},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},children:(0,zt.jsx)(uz,{children:(0,zt.jsxs)(lo,{children:[(0,zt.jsx)("div",{className:"drag-handle",children:(0,zt.jsxs)(lz,{children:[(0,zt.jsx)(K,{display:"flex",justifyContent:"flex-end",padding:"8px",children:a&&(0,zt.jsx)(tr,{title:o?"Collapse All":"Expand All",children:(0,zt.jsx)(L3,{onClick:a,children:o?(0,zt.jsx)(V2,{}):(0,zt.jsx)(q2,{})})})}),(0,zt.jsx)(dz,{}),(0,zt.jsxs)(mz,{children:[(0,zt.jsx)(pz,{id:`${t}-panel-header-actions-container`}),(0,zt.jsx)(cz,{children:f}),u&&(0,zt.jsx)(L3,{onClick:u,children:(0,zt.jsx)(fd,{fill:d.palette.common.white})}),(0,zt.jsx)(L3,{onClick:n,children:(0,zt.jsx)(Vt,{fill:d.palette.common.white})})]})]})}),(0,zt.jsx)(sz,{className:"panel-body",children:r})]})})})})}):null},gy=({...e})=>(0,zt.jsx)(f8e,{...e});var lc=require("react");var Pmt=(0,y.styled)(K)(()=>({padding:"1rem",borderRadius:"1rem",backgroundColor:"white",width:"100%",alignSelf:"center",height:"20rem",marginBottom:"1rem",boxShadow:"0px 2px 10px rgba(0, 0, 0, 0.2)",display:"block","@media (max-width:900px)":{height:"18rem",marginInline:"0",padding:"0.5rem"}})),_mt=(0,y.styled)("div")(()=>({width:"100%",justifyContent:"center",display:"flex",alignItems:"center",marginTop:"20px"})),kmt=(0,y.styled)(K)(()=>({display:"flex",justifyContent:"space-evenly",gap:"2.5rem",width:"100%"})),Imt=(0,y.styled)(K)(()=>({display:"flex",flexWrap:"wrap",justifyContent:"space-evenly",gap:"2.5rem",width:"100%"})),Mmt=(0,y.styled)("div")(({theme:e})=>({backgroundColor:e.palette.common.white,textAlign:"center",borderRadius:"1rem",width:"100%",padding:"1.5rem",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"})),Ty=(0,y.styled)(K)(({theme:e})=>({background:e.palette.mode==="light"?e.palette.background.default:e.palette.background.secondary,paddingTop:e.spacing(2),borderRadius:"1rem",display:"flex",alignItems:"center",flexDirection:"column"})),gz=(0,y.styled)(K)(({theme:e})=>({paddingInline:e.spacing(2),display:"flex",alignItems:"center",placeSelf:"flex-start",justifyContent:"space-between",width:"100%"})),Tz=(0,y.styled)(z)(({theme:e})=>({fontSize:"1.5rem",fontWeight:600,color:e.palette.text.default})),Sz=(0,y.styled)(Pr)(({theme:e})=>({width:"200px",margin:"0.5rem",height:"100%",borderRadius:"1rem",position:"relative",overflow:"hidden",transition:"all 0.3s ease-in-out",background:i3(e.palette.mode==="light"),border:"1px solid transparent",boxShadow:"2px 2px 3px 2px rgb(0, 211, 169, 0.5)","&:hover":{transform:"translateY(-4px)",boxShadow:`2px 2px 3px 2px ${e.palette.text.brand}`,cursor:"pointer"}})),Cz=(0,y.styled)("div")(()=>({display:"flex",gap:"10px",flexWrap:"nowrap",justifyContent:"center",width:"100%"})),yz=(0,y.styled)(K)(()=>({width:"2rem",height:"2rem",padding:"0.25rem",borderRadius:"8px",backgroundColor:"#D6FFF7",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.3s ease","& svg":{transition:"transform 0.3s ease"},"&:hover svg":{transform:"scale(1.2)"},"& .clone-icon":{width:"20px",height:"20px"}})),bz=(0,y.styled)(Qa)(()=>({height:"100%",display:"flex",flexDirection:"column",padding:"12px",paddingBottom:"0px !important"})),vz=(0,y.styled)(K)({display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"0.5rem",gap:"0.6rem"}),wz=(0,y.styled)(z)(({theme:e})=>({fontSize:"0.85rem",fontWeight:"bold",color:e.palette.text.default,lineHeight:1.2,marginTop:"4px",textTransform:"uppercase",letterSpacing:"0.5px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"clip",maxWidth:"70%",height:"2.4em"})),Ez=(0,y.styled)(z)(({theme:e})=>({fontSize:"24px",fontWeight:700,color:e.palette.icon.secondary,marginBottom:"0.5rem",lineHeight:1.2})),Lmt=(0,y.styled)(K)(({theme:e})=>({marginBottom:"1rem",padding:"8px",borderRadius:"8px",background:e.palette.mode==="light"?"#f8fafc":Ta,color:e.palette.mode==="light"?"rgba(26, 26, 26, .8)":e.palette.text.default,transition:"background 0.3s ease, filter 0.3s ease","&:hover":{filter:"brightness(0.98)"}})),Rz=(0,y.styled)(z)(({theme:e})=>({fontSize:"0.9rem",fontWeight:1e3,color:e.palette.text.default,lineHeight:1.3,marginBottom:"4px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",minHeight:"fit-content",maxHeight:"2.6em"})),Oz=(0,y.styled)(z)({fontSize:"0.75rem",marginBottom:"8px"}),Az=(0,y.styled)(K)(({theme:e})=>({display:"flex",gap:"15px",width:"100%",padding:"20px",background:e.palette.mode==="light"?e.palette.background.default:e.palette.background.secondary,borderRadius:"12px",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.05)",paddingBottom:e.spacing(3)})),Pz=(0,y.styled)(K)(({theme:e})=>({padding:"1rem",color:e.palette.text.error,fontSize:"1rem",fontWeight:500}));var xn=require("react/jsx-runtime"),Sy=({open:e,handleClick:t})=>{let r=(0,y.useTheme)();return(0,xn.jsx)(ge,{title:e?"Hide Performers":"Show Performers",placement:"bottom",children:(0,xn.jsx)("span",{children:(0,xn.jsxs)(Me,{variant:"contained",onClick:t,sx:{height:"3.7rem",padding:"0.3rem 1rem 0.3rem 0.3rem"},style:{backgroundColor:e?void 0:r.palette.background.constant?.disabled},children:[(0,xn.jsx)(Kl,{style:{height:"2rem",width:"2rem",marginRight:"10px"}}),e?"Hide Performers":"Show Performers"]})})})},Cy=({handleClick:e})=>(0,xn.jsx)(ge,{title:"Open Leaderboard",placement:"bottom",children:(0,xn.jsx)(Me,{variant:"contained",onClick:e,sx:{height:"3.7rem",padding:"0.3rem",display:{xs:"inline-flex",sm:"none"}},children:(0,xn.jsx)(Kl,{style:{height:"2rem",width:"2rem"}})})}),_z=()=>(0,xn.jsx)(Cz,{children:[...Array(5)].map((e,t)=>(0,xn.jsx)(S2,{variant:"rounded",height:"13.5rem",width:"inherit",sx:{minWidth:"150px"},style:{borderRadius:"1rem"}},t))});var wt=require("react/jsx-runtime"),d8e={pathType:"pattern",page:0,pagesize:1,metrics:!0,expandUser:!0,trim:!0},yy={view:{label:"Most Opens",id:"open",countKey:"view_count"},clone:{label:"Most Clones",id:"clone",countKey:"clone_count"},download:{label:"Most Downloads",id:"download",countKey:"download_count"},deployment:{label:"Most Deploys",id:"deployments",countKey:"deployment_count"},share:{label:"Most Shares",id:"share",countKey:"share_count"}},ic=e=>({...d8e,order:`${yy[e].countKey} desc`}),p8e=({label:e,countKey:t,count:r,patternName:o,pattern:a,userName:n,status:i,id:l,onCardClick:s,onIconClick:u})=>{let f=()=>{s(a)},d=(m,x)=>{m.stopPropagation(),u(x)},p=(0,y.useTheme)();return(0,wt.jsx)(Sz,{elevation:0,status:i,onClick:f,children:(0,wt.jsxs)(bz,{cardId:l,children:[(0,wt.jsxs)(vz,{children:[(0,wt.jsx)(wz,{children:e}),(0,wt.jsx)(yz,{onClick:m=>d(m,`${t}+desc`),children:(0,wt.jsx)(t5,{...Qo,fill:p.palette.common.black})})]}),(0,wt.jsx)(Ez,{children:r}),(0,wt.jsxs)(K,{children:[(0,wt.jsx)(Rz,{children:o}),(0,wt.jsxs)(Oz,{children:["by ",n]})]})]})})},Er=(e={})=>({search:e.search??"",order:e.order??"",pagesize:e.pagesize??0,page:e.page??0,...e}),kz=(0,lc.memo)(p8e);kz.displayName="StatCard";var m8e=e=>{let t=e(Er(ic("view"))),r=e(Er(ic("clone"))),o=e(Er(ic("download"))),a=e(Er(ic("deployment"))),n=e(Er(ic("share"))),i={view:t,clone:r,download:o,deployment:a,share:n};return{queries:i,isLoading:Object.values(i).some(l=>l.isLoading),hasError:Object.values(i).some(l=>l.isError)}},c8e=(e,t)=>{let r=e[t],o=yy[t],a=r?.isSuccess&&r.data?.patterns?.[0];return a?{label:o.label,countKey:o.countKey,count:a[o.countKey],patternName:a.name||"Unknown",pattern:a,userName:a.user?.first_name||"Unknown",id:o.id,status:a?.catalog_data?.content_class}:null},x8e=({useGetCatalogFilters:e,onCardClick:t,onIconClick:r,onOpenLeaderboard:o})=>{let a=(0,y.useTheme)(),{queries:n,isLoading:i,hasError:l}=m8e(e),s=(0,y.useMediaQuery)(a.breakpoints.down("sm")),u=(0,lc.useMemo)(()=>Object.keys(yy).map(d=>c8e(n,d)).filter(d=>!!d),[n]);if(l)return(0,wt.jsx)(Ty,{children:(0,wt.jsx)(Pz,{children:"Error loading statistics. Please try again later."})});let f=u.map((d,p)=>(0,wt.jsx)(kz,{...d,onCardClick:t,onIconClick:r},`${d.id}-${p}`));return(0,wt.jsx)(lo,{children:(0,wt.jsxs)(Ty,{children:[(0,wt.jsxs)(gz,{children:[(0,wt.jsxs)(K,{display:"flex",alignItems:"center",gap:1,children:[(0,wt.jsx)(Tz,{children:"Top Performers"}),(0,wt.jsx)(Kl,{style:{height:"2rem",width:"2rem",color:a.palette.icon.secondary,display:s?"none":"inline-flex"}})]}),o&&(0,wt.jsx)("div",{children:(0,wt.jsxs)(Me,{variant:"contained",onClick:()=>o(),children:[(0,wt.jsx)(Kl,{style:{height:"2rem",width:"2rem",display:s?"inline-flex":"none"}}),(0,wt.jsx)("p",{style:{margin:0,display:s?"none":"inline-flex"},children:"Open Leaderboard"})]})})]}),(0,wt.jsxs)(Az,{children:[i&&(0,wt.jsx)(_z,{}),(0,wt.jsx)(nu,{items:f})]})]})})},by=(0,lc.memo)(x8e);var Jn=require("@mui/material"),Iz=(0,Jn.styled)("div")({padding:"1rem 0","& h2":{margin:"1rem 0"},".get-started-desc":{margin:"1rem"}}),Mz=(0,Jn.styled)("div")(({theme:e})=>({display:"flex",cursor:"pointer",flexDirection:"row",flexWrap:"wrap","& a":{color:e.palette.text.primary,margin:"1rem"}})),Lz=(0,Jn.styled)("a")(({theme:e})=>({flex:"1",padding:"2rem",textDecoration:"none",background:e.palette.mode==="light"?"#EEEEEE":"#212121",minHeight:"21.5rem",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)",borderRadius:"10px","&:hover":{boxShadow:`${e.palette.background.brand?.default} 0px 0px 7px`},"& a":{margin:"0 !important","&:hover":{color:e.palette.background.brand?.default}}})),Dz=(0,Jn.styled)("div")({display:"flex",alignItems:"center",gap:"1rem"}),ect=(0,Jn.styled)("div")({flex:"0 0 25%",alignSelf:"center",margin:"0 0.5rem"}),tct=(0,Jn.styled)("img")({height:"3rem",width:"3rem",maxWidth:"3rem",margin:"auto"}),rct=(0,Jn.styled)("svg")(({theme:e})=>({fontSize:"4.15rem",alignSelf:"center",flex:"0 0 25%",margin:"0 0.5rem",filter:e.palette.mode==="light"?"0%":"invert(100%)",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"})),oct=(0,Jn.styled)("h2")({fontSize:"1.75rem",margin:"1rem 0"}),act=(0,Jn.styled)("p")(({theme:e})=>({color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}));var La=require("react/jsx-runtime"),h8e=({Steps:e,PrerequisiteLine:t})=>(0,La.jsxs)(Iz,{children:[(0,La.jsxs)("div",{className:"get-started-desc",id:"pre-requisites",children:[(0,La.jsx)("h2",{children:"Prerequisites"}),(0,La.jsx)("p",{children:t})]}),(0,La.jsx)(Mz,{id:"Set up",children:e.map((r,o)=>(0,La.jsxs)(Lz,{href:r.url,target:"_blank",children:[(0,La.jsxs)(Dz,{children:[(0,La.jsx)("h2",{children:r.heading}),typeof r.Icon=="string"?(0,La.jsx)("img",{src:r.Icon,alt:r.heading,width:"40px",height:"40px"}):r.Icon]}),(0,La.jsx)("p",{children:r.description})]},o))})]}),vy=h8e;var Fz=require("@mui/material");var g8e=(0,Fz.styled)("div")(({theme:e})=>({color:e.palette.text.primary,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)",".chapter-sub-heading, .chapter-sub-heading a":{color:e.palette.mode==="light"?O2:A2,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"},".chapter-alt-heading, .chapter-alt-heading a":{color:"gray"},"& a":{color:e.palette.background.brand?.default,textDecoration:"underline","&:hover":{color:e.palette.background.brand?.default}},"& p > code":{color:"inherit",padding:".2em .4em",margin:"0",fontSize:"85%",wordBreak:"normal",backgroundColor:e.palette.background.code,borderRadius:".25rem"},"& pre":{backgroundColor:"#011627",padding:"1em",borderRadius:"0.5rem",overflowX:"auto",color:"#d6deeb",position:"relative",textAlign:"left",width:"100%",margin:"1rem auto autocompleteClasses",fontFamily:"Courier New, Courier, monospace"},"& li code":{color:"inherit",padding:".2em .4em",margin:"0",fontSize:"85%",wordBreak:"normal",backgroundColor:e.palette.background.code,borderRadius:".25rem"},"& li a":{color:e.palette.text.default,textDecoration:"underline","&:hover":{color:e.palette.background.brand?.default}}})),wy=g8e;var Ey=require("react");var Ss=require("@mui/material"),Nz=(0,Ss.styled)("div")({width:"52rem",maxWidth:"90%"}),Bz=(0,Ss.styled)("div")({display:"flex",alignItems:"center",background:"#323339",width:"100%",height:"2.875rem",borderRadius:"2px 2px 0 0"}),cct=(0,Ss.styled)("div")({color:"#76767d",fontFamily:"'Courier New', Courier, monospace",fontSize:"13.5px",margin:"0 auto"}),Hz=(0,Ss.styled)("ul")({position:"absolute",display:"block",listStyle:"none",marginLeft:"1rem",marginTop:"0",marginBottom:"0",padding:"0","& li":{display:"inline-block",width:"0.875rem",height:"0.875rem",background:"#1d1e23",borderRadius:"0.75rem",marginRight:"7px"}}),Vz=(0,Ss.styled)("div")({width:"100%",height:"100%",background:"#1d1e23",borderRadius:"0 0 2px 2px",padding:"24px 32px"}),Uz=(0,Ss.styled)("div")({width:"100%",height:"100%",position:"relative",overflow:"scroll",msOverflowStyle:"none",scrollbarWidth:"none","&::-webkit-scrollbar":{WebkitAppearance:"none",width:"0",height:"0"},"&.no-scroll-overflow-wrapper":{"& .code-wrapper":{bottom:"0",position:"absolute",minHeight:"100%"}}}),Wz=(0,Ss.styled)("div")(({theme:e})=>({"& pre":{padding:"0",margin:"0",width:"100%",height:"100%",fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"27px",whiteSpace:"pre-wrap",color:e.palette.info.main,"&.short":{lineHeight:"16px"},"&.navy":{color:"#66a2ff"},"&.gray":{color:"#bdbec2"},"&.white":{color:"#fff"},wrapWord:"normal",[e.breakpoints.up("sm")]:{fontSize:"13.5px",lineHeight:"26px"}}}));var vo=require("react/jsx-runtime"),T8e=({lines:e,title:t,noScroll:r})=>(0,vo.jsxs)(Nz,{children:[(0,vo.jsxs)(Bz,{children:[(0,vo.jsxs)(Hz,{children:[(0,vo.jsx)("li",{style:{backgroundColor:"red"}}),(0,vo.jsx)("li",{style:{backgroundColor:"yellow"}}),(0,vo.jsx)("li",{style:{backgroundColor:"green"}})]}),t&&(0,vo.jsx)("div",{className:"title",children:t})]}),(0,vo.jsx)(Vz,{children:(0,vo.jsx)(Uz,{className:r?"no-scroll-overflow-wrapper":"",children:(0,vo.jsx)(Wz,{children:e&&e.map((o,a)=>(0,vo.jsx)(Ey.Fragment,{children:(0,vo.jsxs)("pre",{className:`${o.short?"short":""}`,style:{color:o.color?o.color:"blue"},children:[o.indent&&new Array(o.indent*2).fill({}).map((n,i)=>(0,vo.jsx)(Ey.Fragment,{children:"\xA0"},i)),o.code]})},a))})})})]}),Ry=T8e;var qz=require("@mui/material"),Gz=(0,qz.styled)("div")(({theme:e})=>({".chapter-back":{display:"flex",justifyContent:"space-between",alignItems:"center","& a":{display:"inline-flex","& svg":{alignSelf:"center",fontSize:"1.5rem",color:e.palette.grey[600],width:"100%",maxWidth:"1.5rem"},"& h4":{fontWeight:500,textTransform:"capitalize",fontSize:"1.25rem"},"&:hover":{"& svg, & h4":{color:e.palette.text.primary}}},".toc-toggle-btn":{display:"none"},".toc-menu-icon":{width:"1.5rem",height:"1.5rem",cursor:"pointer",fill:e.palette.secondary.main,transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}},".toc-list":{"& ul":{position:"relative",paddingInlineStart:"2.65rem",MozPaddingStart:"2.65rem","&::after":{position:"absolute",inset:"1rem auto 1rem 1.7rem",width:"auto",height:"auto",borderLeft:"1px solid rgba(177, 182, 184, 0.25)",content:'""',zIndex:0},"& li":{width:"fit-content",margin:"1rem 0","&::marker":{color:"rgba(177, 182, 184, 0.75)"},"& p":{margin:0,fontSize:"1rem","& a":{color:e.palette.mode==="light"?"rgb(0 0 0 / 0.65)":"rgb(255 255 255 / 0.65)",transition:"0.8s cubic-bezier(0.2, 0.8, 0.2, 1)"}},"&:hover":{"&::marker, & p, & a":{color:e.palette.background.brand?.default}}},".active-link":{"&::marker, & p, & a":{color:e.palette.background.brand?.default}}}}}));var Bu=require("react/jsx-runtime"),S8e=({availableChapters:e,currentChapter:t,onClick:r})=>{let o=a=>a.split("-").map(l=>l.charAt(0).toUpperCase()+l.slice(1)).join(" ");return(0,Bu.jsx)(Gz,{children:(0,Bu.jsx)("div",{className:"toc-list",children:(0,Bu.jsx)("ul",{className:"toc-ul toc-ul-open",children:e.map(a=>(0,Bu.jsx)("li",{className:a+".mdx"===t?"active-link":"",onClick:n=>{r(a,n)},children:(0,Bu.jsxs)("p",{className:"toc-item",children:[" ",o(a)]})},a))})})})},Oy=S8e;var Kz=require("react");var zz=require("@mui/material"),jz=(0,zz.styled)("div")(({theme:e})=>({position:"sticky",top:"10rem",left:0,marginLeft:"-3rem",".go-back":{margin:"1rem 0",display:"flex",justifyContent:"space-between",alignItems:"center","& a":{display:"inline-flex","& svg":{alignSelf:"center",fontSize:"1.5rem",color:e.palette.text.disabled,width:"100%",maxWidth:"1.5rem"},"& h4":{fontWeight:500,textTransform:"capitalize",fontSize:"1.25rem",whiteSpace:"nowrap"},"&:hover":{"& svg, & h4":{color:e.palette.text.primary}}}},".toc-toggle-btn":{display:"none"},".toc-ul-open":{display:"flex",flexDirection:"column",marginTop:"0rem",listStyle:"none",height:"auto !important",opacity:"1 !important",transition:"all .4s !important"},".toc-menu-icon":{width:"1.5rem",height:"1.5rem",cursor:"pointer",fill:e.palette.common.white},".toc-sub-heading":{marginTop:"1rem",fontWeight:500,fontSize:"1.15rem"},".toc-item":{lineHeight:"1.5rem"},".toc-list":{"& ul":{position:"relative",paddingInlineStart:"1.5rem",listStyleType:"none","& li":{margin:"1rem 0 1rem 0.5rem",width:"fit-content","&::marker":{color:"rgba(177, 182, 184, 0.75)"},"& p":{margin:0,fontSize:"1rem","& a":{color:"rgba(0, 0, 0, 0.65)"}},"&:hover":{"&::marker, & p, & a":{color:e.palette.secondary.contrastText}}},".active-link":{"&::marker, & p, & a":{color:e.palette.secondary.contrastText}}}},"@media only screen and (max-width: 991px)":{position:"initial",marginLeft:"-0.5rem",width:"auto",".toc-toggle-btn":{display:"flex"},".go-back":{marginLeft:0},".toc-ul":{opacity:0,height:0,transition:"none",paddingLeft:".8rem !important"},".toc-item":{lineHeight:".8rem"}}}));var ur=require("react/jsx-runtime"),C8e=[{name:"Set up",link:"/cloud-native-management/meshery"},{name:"Run Meshery",link:"/cloud-native-management/meshery/getting-started"},{name:"Manage Meshery",link:"/cloud-native-management/meshery/operating-service-meshes"}],y8e=({coursesData:e})=>{let[t,r]=(0,Kz.useState)(!1);return(0,ur.jsxs)(jz,{children:[(0,ur.jsxs)("div",{className:"go-back",children:[(0,ur.jsxs)("a",{href:"/learn/learning-paths",children:[(0,ur.jsx)(H2,{}),(0,ur.jsx)("h4",{children:"Learning Paths"})]}),(0,ur.jsx)("div",{className:"toc-toggle-btn",children:t?(0,ur.jsx)(Vt,{className:"toc-menu-icon",onClick:()=>{r(!t)}}):(0,ur.jsx)(ud,{className:"toc-menu-icon",onClick:()=>{r(!t)}})})]}),(0,ur.jsx)("div",{className:"toc-list",children:(0,ur.jsxs)("ul",{className:`toc-ul ${t?"toc-ul-open":""}`,children:[(0,ur.jsx)("a",{href:"#pre-requisites",children:(0,ur.jsx)("h5",{className:"toc-sub-heading",children:"Pre-requisites"})}),C8e.map((o,a)=>(0,ur.jsx)("li",{children:(0,ur.jsx)("p",{className:"toc-item",children:(0,ur.jsx)("a",{href:`#${o.name}`,children:o.name})})},a)),(0,ur.jsx)("a",{href:"#courses-list",children:(0,ur.jsx)("h5",{className:"toc-sub-heading",children:"Courses"})}),e.map((o,a)=>(0,ur.jsx)("li",{children:(0,ur.jsx)("p",{className:"toc-item",children:(0,ur.jsx)("a",{href:`#${o.frontmatter.courseTitle}`,children:o.frontmatter.courseTitle})})},a))]})})]})},Ay=y8e;var $z=require("@mui/material"),Yz=G(require("@mui/material/Autocomplete")),Py=G(require("@mui/material/CircularProgress")),sc=require("react"),Zz=require("use-debounce");var Et=require("react/jsx-runtime"),b8e=({usersData:e,disabled:t=!1,shareWithNewUsers:r,useGetAllUsersQuery:o})=>{let[a,n]=(0,sc.useState)(!1),[i,l]=(0,sc.useState)(""),[s,u]=(0,sc.useState)([]),[f,d]=(0,sc.useState)(!1),p=(0,y.useTheme)(),[m]=(0,Zz.useDebounce)(i,300),{data:x,isLoading:h}=o({search:m,page:0,pagesize:10},{skip:m.trim().length==0}),g=x?.data??[],T=async()=>{console.log("users to share with",s);try{d(!0);let v=await r(s);v.error?n(v.error):u([])}catch(v){console.log("error while sharing",v)}finally{d(!1)}},R=(v,P)=>{P&&(u(P),l(""))},w=(v,P,B)=>{B==="input"?l(P):B==="clear"&&l("")},M=g.filter(v=>!s.concat(e).find(P=>P.email===v.email)),I=t||f||s.length===0,C=({avatarObj:v,...P})=>(0,Et.jsx)(Ht,{avatar:(0,Et.jsx)(Kt,{alt:v.first_name,src:v.avatar_url,children:v.avatar_url?"":v.first_name?.charAt(0)}),label:v.email,size:"small",...P},v.user_id);return(0,Et.jsx)(Et.Fragment,{children:(0,Et.jsxs)(K,{display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,children:[(0,Et.jsx)(Yz.default,{id:"user-search-field",sx:{width:"100%"},filterOptions:v=>v,options:M,renderTags:(v,P)=>v.map((B,_)=>(0,Et.jsx)(C,{avatarObj:B,...P({index:_})})),disableClearable:!0,includeInputInList:!0,filterSelectedOptions:!0,multiple:!0,disableListWrap:!0,disabled:f,inputValue:i,loading:h,value:s,getOptionLabel:v=>v.email,noOptionsText:h?"Loading...":i==""?"Search using name or email":"No users found",onChange:R,onInputChange:w,isOptionEqualToValue:(v,P)=>v.email===P.email,renderInput:v=>(0,Et.jsx)(to,{...v,placeholder:"Add Users",error:!!a,helperText:a,fullWidth:!0,label:"",disabled:I,sx:{"& .MuiOutlinedInput-root":{paddingInline:"0.5rem",paddingBlock:"0.1rem"}},InputProps:{...v.InputProps,endAdornment:(0,Et.jsx)(Et.Fragment,{children:h?(0,Et.jsx)(Py.default,{color:"inherit",size:20}):null})}}),renderOption:(v,P)=>(0,Et.jsx)(K,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...v,children:(0,Et.jsxs)(he,{container:!0,alignItems:"center",children:[(0,Et.jsx)(he,{children:(0,Et.jsx)(K,{sx:{color:"text.secondary",mr:2},children:(0,Et.jsx)(Kt,{alt:P.first_name,src:P.avatar_url,children:P.avatar_url?"":(0,Et.jsx)(Dn,{})})})}),(0,Et.jsx)(he,{size:"grow",children:P.deleted_at?.Valid?(0,Et.jsxs)(z,{variant:"body2",color:"text.secondary",children:[P.email," (deleted)"]}):(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsxs)(z,{variant:"body2",children:[P.first_name," ",P.last_name]}),(0,Et.jsx)(z,{variant:"body2",color:"text.secondary",children:P.email})]})})]})})}),(0,Et.jsx)($z.Button,{variant:"contained",sx:{"&.Mui-disabled":{color:`${p.palette.text.secondary} !important`,backgroundColor:`${p.palette.action.disabled} !important`}},onClick:T,disabled:I,children:f?(0,Et.jsx)(Py.default,{size:24,sx:{color:"#fff"}}):"Share"})]})})},D3=b8e;var Qz=require("@mui/material"),Xr=G(require("react"));var je=require("react/jsx-runtime"),v8e=({usersData:e,setUsersData:t,label:r="Add User",setDisableSave:o,handleNotifyPref:a,notifyUpdate:n,isCreate:i,searchType:l,disabled:s=!1,currentUserData:u,searchedUsers:f=[],isUserSearchLoading:d,fetchSearchedUsers:p,usersSearch:m,setUsersSearch:x})=>{let[h,g]=(0,Xr.useState)(""),[T,R]=(0,Xr.useState)(!1),[w,M]=(0,Xr.useState)(!1),[I,C]=(0,Xr.useState)(!0),[v,P]=(0,Xr.useState)(""),[B,_]=(0,Xr.useState)(e||[]);(0,Xr.useEffect)(()=>{_(e||[])},[e]);let ee=(0,Xr.useMemo)(()=>{if(I&&!m&&u)return[u];let H=f.filter(L=>L.user_id!==u?.user_id);return!m&&u?[u,...H]:H},[f,u,m,I]),X=(0,Xr.useCallback)((H,L)=>{L.stopPropagation();let D=B.filter(F=>F.user_id!==H);_(D),t(D),o&&o(!1)},[B,t,o,p,v]),N=(0,Xr.useCallback)((H,L)=>{if(!L)return;let D=B.some(q=>q.user_id===L.user_id),F=L.deleted_at?.Valid===!0;if(D||F){g(D?"User already selected":"User does not exist");return}P(""),x(""),g(""),R(!1),_(q=>[...q,L]),t(q=>[...q,L]),o&&o(!1)},[B,t,o,x]),W=(0,Xr.useCallback)((H,L)=>{if(P(L),L==="")R(!0),x(""),C(!0);else{let D=encodeURIComponent(L);x(L),p(D),g(""),R(!0),C(!1)}},[p,x]);return(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(Qz.Autocomplete,{id:"user-search-field",style:{width:"100%"},open:T,options:ee,getOptionLabel:()=>"",isOptionEqualToValue:(H,L)=>H.user_id===L.user_id,onOpen:()=>R(!0),onClose:()=>R(!1),inputValue:v,onChange:N,onInputChange:W,filterOptions:H=>H,loading:d,disabled:s,disableClearable:!0,freeSolo:!1,value:void 0,selectOnFocus:!0,blurOnSelect:!0,clearOnBlur:!0,popupIcon:null,forcePopupIcon:!1,noOptionsText:d?"Loading...":"No users found",renderInput:H=>(0,je.jsx)(to,{...H,label:r,error:!!h,helperText:h,InputLabelProps:{style:{fontFamily:"inherit"}},InputProps:{...H.InputProps,endAdornment:(0,je.jsx)(Xr.default.Fragment,{children:d?(0,je.jsx)($t,{color:"inherit",size:20}):null})}}),renderOption:(H,L)=>(0,je.jsx)("li",{...H,id:L.user_id,children:(0,je.jsxs)(K,{sx:{"& > img":{mr:2,flexShrink:0}},children:[" ",(0,je.jsxs)(he,{container:!0,alignItems:"center",children:[(0,je.jsx)(he,{children:(0,je.jsx)(K,{sx:{color:"text.secondary",mr:2},children:(0,je.jsx)(Kt,{alt:L.first_name,src:L.avatar_url,children:L.avatar_url?"":(0,je.jsx)(Dn,{})})})}),(0,je.jsx)(he,{size:"grow",children:L.deleted?(0,je.jsxs)(z,{variant:"body2",color:"text.secondary",children:[L.email," (deleted)"]}):(0,je.jsxs)(je.Fragment,{children:[(0,je.jsxs)(z,{variant:"body2",children:[L.first_name," ",L.last_name]}),(0,je.jsx)(z,{variant:"body2",color:"text.secondary",children:L.email})]})})]})]})})}),!i&&(0,je.jsx)(g2,{row:!0,children:(0,je.jsx)("div",{style:{display:"flex",flexWrap:"nowrap"},children:(0,je.jsx)(Ll,{control:(0,je.jsx)(Jr,{checked:n,onChange:a,name:"notify",color:"primary"}),label:`Notify ${l} of membership change`})})}),(0,je.jsxs)(K,{sx:{display:"flex",flexWrap:"wrap",gap:.5,mt:e?.length>0?"0.5rem":""},children:[!w&&B?.[0]&&(0,je.jsx)(Ht,{avatar:(0,je.jsx)(Kt,{alt:B[0].first_name,src:B[0].avatar_url,children:!B[0].avatar_url&&B[0].first_name?.[0]}),label:B[0].email,onDelete:H=>X(B[0].user_id,H),deleteIcon:(0,je.jsx)(tr,{title:"Remove user",children:(0,je.jsx)(Vt,{style:Co})}),size:"small"},B[0].user_id),w&&B?.map(H=>(0,je.jsx)(Ht,{avatar:(0,je.jsx)(Kt,{alt:H.first_name,src:H.avatar_url,children:!H.avatar_url&&H.first_name?.[0]}),label:H.email,onDelete:L=>X(H.user_id,L),deleteIcon:(0,je.jsx)(tr,{title:"Remove user",children:(0,je.jsx)(Vt,{style:Co})}),size:"small"},H.user_id)),B?.length>1&&(0,je.jsx)(z,{onClick:()=>M(!w),sx:{cursor:"pointer"},children:w?"(hide)":`(+${B.length-1})`})]})]})},_y=v8e;var Go=require("@mui/material"),qu=require("@mui/material/StepConnector");function yp(e,...t){let r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(o=>r.searchParams.append("args[]",o)),`Minified MUI error #${e}; visit ${r} for the full message.`}var lj=G(require("@emotion/styled"));function Xz(e){for(var t=0,r,o=0,a=e.length;a>=4;++o,a-=4)r=e.charCodeAt(o)&255|(e.charCodeAt(++o)&255)<<8|(e.charCodeAt(++o)&255)<<16|(e.charCodeAt(++o)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(o+2)&255)<<16;case 2:t^=(e.charCodeAt(o+1)&255)<<8;case 1:t^=e.charCodeAt(o)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Jz={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function ej(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var w8e=!1,E8e=/[A-Z]|^ms/g,R8e=/_EMO_([^_]+?)_([^]*?)_EMO_/g,aj=function(t){return t.charCodeAt(1)===45},tj=function(t){return t!=null&&typeof t!="boolean"},ky=ej(function(e){return aj(e)?e:e.replace(E8e,"-$&").toLowerCase()}),rj=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(R8e,function(o,a,n){return ei={name:a,styles:n,next:ei},a})}return Jz[t]!==1&&!aj(t)&&typeof r=="number"&&r!==0?r+"px":r},O8e="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function uc(e,t,r){if(r==null)return"";var o=r;if(o.__emotion_styles!==void 0)return o;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return ei={name:a.name,styles:a.styles,next:ei},a.name;var n=r;if(n.styles!==void 0){var i=n.next;if(i!==void 0)for(;i!==void 0;)ei={name:i.name,styles:i.styles,next:ei},i=i.next;var l=n.styles+";";return l}return A8e(e,t,r)}case"function":{if(e!==void 0){var s=ei,u=r(e);return ei=s,uc(e,t,u)}break}}var f=r;if(t==null)return f;var d=t[f];return d!==void 0?d:f}function A8e(e,t,r){var o="";if(Array.isArray(r))for(var a=0;a<r.length;a++)o+=uc(e,t,r[a])+";";else for(var n in r){var i=r[n];if(typeof i!="object"){var l=i;t!=null&&t[l]!==void 0?o+=n+"{"+t[l]+"}":tj(l)&&(o+=ky(n)+":"+rj(n,l)+";")}else{if(n==="NO_COMPONENT_SELECTOR"&&w8e)throw new Error(O8e);if(Array.isArray(i)&&typeof i[0]=="string"&&(t==null||t[i[0]]===void 0))for(var s=0;s<i.length;s++)tj(i[s])&&(o+=ky(n)+":"+rj(n,i[s])+";");else{var u=uc(e,t,i);switch(n){case"animation":case"animationName":{o+=ky(n)+":"+u+";";break}default:o+=n+"{"+u+"}"}}}}return o}var oj=/label:\s*([^\s;{]+)\s*(;|$)/g,ei;function nj(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var o=!0,a="";ei=void 0;var n=e[0];if(n==null||n.raw===void 0)o=!1,a+=uc(r,t,n);else{var i=n;a+=i[0]}for(var l=1;l<e.length;l++)if(a+=uc(r,t,e[l]),o){var s=n;a+=s[l]}oj.lastIndex=0;for(var u="",f;(f=oj.exec(a))!==null;)u+="-"+f[1];var d=Xz(a)+u;return{name:d,styles:a,next:ei}}var Ly=require("@emotion/react");function Iy(e,t){let r=(0,lj.default)(e,t);return process.env.NODE_ENV!=="production"?(...o)=>{let a=typeof e=="string"?`"${e}"`:"component";return o.length===0?console.error([`MUI: Seems like you called \`styled(${a})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
|
|
80
80
|
`)):o.some(n=>n===void 0)&&console.error(`MUI: the styled(${a})(...args) API requires all its args to be defined.`),r(...o)}:r}function sj(e,t){Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=t(e.__emotion_styles))}var ij=[];function My(e){return ij[0]=e,nj(ij)}var Hy=G(require("react")),Vy=G(By());function Cs(e){if(typeof e!="object"||e===null)return!1;let t=Object.getPrototypeOf(e);return(t===null||t===Object.prototype||Object.getPrototypeOf(t)===null)&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)}function dj(e){if(Hy.isValidElement(e)||(0,Vy.isValidElementType)(e)||!Cs(e))return e;let t={};return Object.keys(e).forEach(r=>{t[r]=dj(e[r])}),t}function ys(e,t,r={clone:!0}){let o=r.clone?{...e}:e;return Cs(e)&&Cs(t)&&Object.keys(t).forEach(a=>{Hy.isValidElement(t[a])||(0,Vy.isValidElementType)(t[a])?o[a]=t[a]:Cs(t[a])&&Object.prototype.hasOwnProperty.call(e,a)&&Cs(e[a])?o[a]=ys(e[a],t[a],r):r.clone?o[a]=Cs(t[a])?dj(t[a]):t[a]:o[a]=t[a]}),o}var k8e=e=>{let t=Object.keys(e).map(r=>({key:r,val:e[r]}))||[];return t.sort((r,o)=>r.val-o.val),t.reduce((r,o)=>({...r,[o.key]:o.val}),{})};function Uy(e){let{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:o=5,...a}=e,n=k8e(t),i=Object.keys(n);function l(p){return`@media (min-width:${typeof t[p]=="number"?t[p]:p}${r})`}function s(p){return`@media (max-width:${(typeof t[p]=="number"?t[p]:p)-o/100}${r})`}function u(p,m){let x=i.indexOf(m);return`@media (min-width:${typeof t[p]=="number"?t[p]:p}${r}) and (max-width:${(x!==-1&&typeof t[i[x]]=="number"?t[i[x]]:m)-o/100}${r})`}function f(p){return i.indexOf(p)+1<i.length?u(p,i[i.indexOf(p)+1]):l(p)}function d(p){let m=i.indexOf(p);return m===0?l(i[1]):m===i.length-1?s(i[m]):u(p,i[i.indexOf(p)+1]).replace("@media","@media not all and")}return{keys:i,values:n,up:l,down:s,between:u,only:f,not:d,unit:r,...a}}function Wy(e,t){if(!e.containerQueries)return t;let r=Object.keys(t).filter(o=>o.startsWith("@container")).sort((o,a)=>{let n=/min-width:\s*([0-9.]+)/;return+(o.match(n)?.[1]||0)-+(a.match(n)?.[1]||0)});return r.length?r.reduce((o,a)=>{let n=t[a];return delete o[a],o[a]=n,o},{...t}):t}function qy(e,t){return t==="@"||t.startsWith("@")&&(e.some(r=>t.startsWith(`@${r}`))||!!t.match(/^@\d/))}function Gy(e,t){let r=t.match(/^@([^/]+)?\/?(.+)?$/);if(!r){if(process.env.NODE_ENV!=="production")throw new Error(process.env.NODE_ENV!=="production"?`MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
|
|
81
81
|
For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`:yp(18,`(${t})`));return null}let[,o,a]=r,n=Number.isNaN(+o)?o||0:+o;return e.containerQueries(a).up(n)}function j3(e){let t=(n,i)=>n.replace("@media",i?`@container ${i}`:"@container");function r(n,i){n.up=(...l)=>t(e.breakpoints.up(...l),i),n.down=(...l)=>t(e.breakpoints.down(...l),i),n.between=(...l)=>t(e.breakpoints.between(...l),i),n.only=(...l)=>t(e.breakpoints.only(...l),i),n.not=(...l)=>{let s=t(e.breakpoints.not(...l),i);return s.includes("not all and")?s.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):s}}let o={},a=n=>(r(o,n),o);return r(a),{...e,containerQueries:a}}var I8e={borderRadius:4},pj=I8e;var bp=G(o7()),M8e=process.env.NODE_ENV!=="production"?bp.default.oneOfType([bp.default.number,bp.default.string,bp.default.object,bp.default.array]):{},ia=M8e;function L8e(e,t){return t?ys(e,t,{clone:!1}):e}var Zi=L8e;var fc={xs:0,sm:600,md:900,lg:1200,xl:1536},mj={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${fc[e]}px)`},D8e={containerQueries:e=>({up:t=>{let r=typeof t=="number"?t:fc[t]||t;return typeof r=="number"&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function wo(e,t,r){let o=e.theme||{};if(Array.isArray(t)){let n=o.breakpoints||mj;return t.reduce((i,l,s)=>(i[n.up(n.keys[s])]=r(t[s]),i),{})}if(typeof t=="object"){let n=o.breakpoints||mj;return Object.keys(t).reduce((i,l)=>{if(qy(n.keys,l)){let s=Gy(o.containerQueries?o:D8e,l);s&&(i[s]=r(t[l],l))}else if(Object.keys(n.values||fc).includes(l)){let s=n.up(l);i[s]=r(t[l],l)}else{let s=l;i[s]=t[s]}return i},{})}return r(t)}function cj(e={}){return e.keys?.reduce((r,o)=>{let a=e.up(o);return r[a]={},r},{})||{}}function xj(e,t){return e.reduce((r,o)=>{let a=r[o];return(!a||Object.keys(a).length===0)&&delete r[o],r},t)}function bs(e){if(typeof e!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":yp(7));return e.charAt(0).toUpperCase()+e.slice(1)}function vp(e,t,r=!0){if(!t||typeof t!="string")return null;if(e&&e.vars&&r){let o=`vars.${t}`.split(".").reduce((a,n)=>a&&a[n]?a[n]:null,e);if(o!=null)return o}return t.split(".").reduce((o,a)=>o&&o[a]!=null?o[a]:null,e)}function dc(e,t,r,o=r){let a;return typeof e=="function"?a=e(r):Array.isArray(e)?a=e[r]||o:a=vp(e,r)||o,t&&(a=t(a,o,e)),a}function F8e(e){let{prop:t,cssProperty:r=e.prop,themeKey:o,transform:a}=e,n=i=>{if(i[t]==null)return null;let l=i[t],s=i.theme,u=vp(s,o)||{};return wo(i,l,d=>{let p=dc(u,a,d);return d===p&&typeof d=="string"&&(p=dc(u,a,`${t}${d==="default"?"":bs(d)}`,d)),r===!1?p:{[r]:p}})};return n.propTypes=process.env.NODE_ENV!=="production"?{[t]:ia}:{},n.filterProps=[t],n}var Ft=F8e;function K3(e){let t={};return r=>(t[r]===void 0&&(t[r]=e(r)),t[r])}var N8e={m:"margin",p:"padding"},B8e={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},hj={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},H8e=K3(e=>{if(e.length>2)if(hj[e])e=hj[e];else return[e];let[t,r]=e.split(""),o=N8e[t],a=B8e[r]||"";return Array.isArray(a)?a.map(n=>o+n):[o+a]}),$3=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],Y3=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],zy=[...$3,...Y3];function Hu(e,t,r,o){let a=vp(e,t,!0)??r;return typeof a=="number"||typeof a=="string"?n=>typeof n=="string"?n:(process.env.NODE_ENV!=="production"&&typeof n!="number"&&console.error(`MUI: Expected ${o} argument to be a number or a string, got ${n}.`),typeof a=="string"?`calc(${n} * ${a})`:a*n):Array.isArray(a)?n=>{if(typeof n=="string")return n;let i=Math.abs(n);process.env.NODE_ENV!=="production"&&(Number.isInteger(i)?i>a.length-1&&console.error([`MUI: The value provided (${i}) overflows.`,`The supported values are: ${JSON.stringify(a)}.`,`${i} > ${a.length-1}, you need to add the missing values.`].join(`
|
|
82
82
|
`)):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
|