@abtnode/webapp 1.16.29-beta-21b5e0ab → 1.16.29-beta-7e212076

package/dist/assets/{index-CK_RVrVw.js → index-BDoTqnc5.js}

@@ -1 +1 @@
-import{bQ as vt,bR as mt,bL as X,bM as jt,bY as Ht,bN as p,r as d,bS as St,bP as at,bU as $,j as u,bV as gt,d2 as se,d3 as Ot,d4 as At,d5 as Xt,bT as st,ba as ae,d6 as ft,d7 as ie,s as ce,d8 as L,P as z}from"./index-CMnX5NAC.js";import{K as de,a as ue}from"./Delete-J2R7SM3U.js";let Y;function _t(){if(Y)return Y;const t=document.createElement("div"),e=document.createElement("div");return e.style.width="10px",e.style.height="1px",t.appendChild(e),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),Y="reverse",t.scrollLeft>0?Y="default":(t.scrollLeft=1,t.scrollLeft===0&&(Y="negative")),document.body.removeChild(t),Y}function be(t,e){const l=t.scrollLeft;if(e!=="rtl")return l;switch(_t()){case"negative":return t.scrollWidth-t.clientWidth+l;case"reverse":return t.scrollWidth-t.clientWidth-l;default:return l}}function pe(t){return mt("MuiTab",t)}const fe=vt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),k=fe,he=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ve=t=>{const{classes:e,textColor:l,fullWidth:s,wrapped:n,icon:a,label:v,selected:h,disabled:b}=t,g={root:["root",a&&v&&"labelIcon",`textColor${Ht(l)}`,s&&"fullWidth",n&&"wrapped",h&&"selected",b&&"disabled"],iconWrapper:["iconWrapper"]};return gt(g,pe,e)},me=X(jt,{name:"MuiTab",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.root,l.label&&l.icon&&e.labelIcon,e[`textColor${Ht(l.textColor)}`],l.fullWidth&&e.fullWidth,l.wrapped&&e.wrapped,{[`& .${k.iconWrapper}`]:e.iconWrapper}]}})(({theme:t,ownerState:e})=>p({},t.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},e.label&&{flexDirection:e.iconPosition==="top"||e.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},e.icon&&e.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${k.iconWrapper}`]:p({},e.iconPosition==="top"&&{marginBottom:6},e.iconPosition==="bottom"&&{marginTop:6},e.iconPosition==="start"&&{marginRight:t.spacing(1)},e.iconPosition==="end"&&{marginLeft:t.spacing(1)})},e.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${k.selected}`]:{opacity:1},[`&.${k.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.textColor==="primary"&&{color:(t.vars||t).palette.text.secondary,[`&.${k.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${k.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.textColor==="secondary"&&{color:(t.vars||t).palette.text.secondary,[`&.${k.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${k.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},e.wrapped&&{fontSize:t.typography.pxToRem(12)})),Se=d.forwardRef(function(e,l){const s=St({props:e,name:"MuiTab"}),{className:n,disabled:a=!1,disableFocusRipple:v=!1,fullWidth:h,icon:b,iconPosition:g="top",indicator:B,label:C,onChange:m,onClick:T,onFocus:F,selected:w,selectionFollowsFocus:x,textColor:_="inherit",value:I,wrapped:it=!1}=s,D=at(s,he),K=p({},s,{disabled:a,disableFocusRipple:v,selected:w,icon:!!b,iconPosition:g,label:!!C,fullWidth:h,textColor:_,wrapped:it}),q=ve(K),j=b&&C&&d.isValidElement(b)?d.cloneElement(b,{className:$(q.iconWrapper,b.props.className)}):b,tt=E=>{!w&&m&&m(E,I),T&&T(E)},U=E=>{x&&!w&&m&&m(E,I),F&&F(E)};return u.jsxs(me,p({focusRipple:!v,className:$(q.root,n),ref:l,role:"tab","aria-selected":w,disabled:a,onClick:tt,onFocus:U,ownerState:K,tabIndex:w?0:-1},D,{children:[g==="top"||g==="start"?u.jsxs(d.Fragment,{children:[j,C]}):u.jsxs(d.Fragment,{children:[C,j]}),B]}))}),xt=Se;function ge(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function xe(t,e,l,s={},n=()=>{}){const{ease:a=ge,duration:v=300}=s;let h=null;const b=e[t];let g=!1;const B=()=>{g=!0},C=m=>{if(g){n(new Error("Animation cancelled"));return}h===null&&(h=m);const T=Math.min(1,(m-h)/v);if(e[t]=a(T)*(l-b)+b,T>=1){requestAnimationFrame(()=>{n(null)});return}requestAnimationFrame(C)};return b===l?(n(new Error("Element already at target position")),B):(requestAnimationFrame(C),B)}const Ce=["onChange"],ye={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Be(t){const{onChange:e}=t,l=at(t,Ce),s=d.useRef(),n=d.useRef(null),a=()=>{s.current=n.current.offsetHeight-n.current.clientHeight};return se(()=>{const v=Ot(()=>{const b=s.current;a(),b!==s.current&&e(s.current)}),h=At(n.current);return h.addEventListener("resize",v),()=>{v.clear(),h.removeEventListener("resize",v)}},[e]),d.useEffect(()=>{a(),e(s.current)},[e]),u.jsx("div",p({style:ye,ref:n},l))}function Te(t){return mt("MuiTabScrollButton",t)}const we=vt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Me=we,Re=["className","slots","slotProps","direction","orientation","disabled"],Ie=t=>{const{classes:e,orientation:l,disabled:s}=t;return gt({root:["root",l,s&&"disabled"]},Te,e)},Ee=X(jt,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.root,l.orientation&&e[l.orientation]]}})(({ownerState:t})=>p({width:40,flexShrink:0,opacity:.8,[`&.${Me.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),We=d.forwardRef(function(e,l){var s,n;const a=St({props:e,name:"MuiTabScrollButton"}),{className:v,slots:h={},slotProps:b={},direction:g}=a,B=at(a,Re),C=Xt(),m=p({isRtl:C},a),T=Ie(m),F=(s=h.StartScrollButtonIcon)!=null?s:de,w=(n=h.EndScrollButtonIcon)!=null?n:ue,x=st({elementType:F,externalSlotProps:b.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),_=st({elementType:w,externalSlotProps:b.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return u.jsx(Ee,p({component:"div",className:$(T.root,v),ref:l,role:null,ownerState:m,tabIndex:null},B,{children:g==="left"?u.jsx(F,p({},x)):u.jsx(w,p({},_))}))}),ze=We;function Pe(t){return mt("MuiTabs",t)}const Ne=vt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ht=Ne,ke=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],kt=(t,e)=>t===e?t.firstChild:e&&e.nextElementSibling?e.nextElementSibling:t.firstChild,$t=(t,e)=>t===e?t.lastChild:e&&e.previousElementSibling?e.previousElementSibling:t.lastChild,nt=(t,e,l)=>{let s=!1,n=l(t,e);for(;n;){if(n===t.firstChild){if(s)return;s=!0}const a=n.disabled||n.getAttribute("aria-disabled")==="true";if(!n.hasAttribute("tabindex")||a)n=l(t,n);else{n.focus();return}}},$e=t=>{const{vertical:e,fixed:l,hideScrollbar:s,scrollableX:n,scrollableY:a,centered:v,scrollButtonsHideMobile:h,classes:b}=t;return gt({root:["root",e&&"vertical"],scroller:["scroller",l&&"fixed",s&&"hideScrollbar",n&&"scrollableX",a&&"scrollableY"],flexContainer:["flexContainer",e&&"flexContainerVertical",v&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",h&&"scrollButtonsHideMobile"],scrollableX:[n&&"scrollableX"],hideScrollbar:[s&&"hideScrollbar"]},Pe,b)},Le=X("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[{[`& .${ht.scrollButtons}`]:e.scrollButtons},{[`& .${ht.scrollButtons}`]:l.scrollButtonsHideMobile&&e.scrollButtonsHideMobile},e.root,l.vertical&&e.vertical]}})(({ownerState:t,theme:e})=>p({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ht.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}})),Fe=X("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.scroller,l.fixed&&e.fixed,l.hideScrollbar&&e.hideScrollbar,l.scrollableX&&e.scrollableX,l.scrollableY&&e.scrollableY]}})(({ownerState:t})=>p({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),je=X("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.flexContainer,l.vertical&&e.flexContainerVertical,l.centered&&e.centered]}})(({ownerState:t})=>p({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),He=X("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,e)=>e.indicator})(({ownerState:t,theme:e})=>p({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(e.vars||e).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(e.vars||e).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Oe=X(Be)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Lt={},Ae=d.forwardRef(function(e,l){const s=St({props:e,name:"MuiTabs"}),n=ae(),a=Xt(),{"aria-label":v,"aria-labelledby":h,action:b,centered:g=!1,children:B,className:C,component:m="div",allowScrollButtonsMobile:T=!1,indicatorColor:F="primary",onChange:w,orientation:x="horizontal",ScrollButtonComponent:_=ze,scrollButtons:I="auto",selectionFollowsFocus:it,slots:D={},slotProps:K={},TabIndicatorProps:q={},TabScrollButtonProps:j={},textColor:tt="primary",value:U,variant:E="standard",visibleScrollbar:ct=!1}=s,Ut=at(s,ke),M=E==="scrollable",y=x==="vertical",G=y?"scrollTop":"scrollLeft",et=y?"top":"left",ot=y?"bottom":"right",dt=y?"clientHeight":"clientWidth",Q=y?"height":"width",H=p({},s,{component:m,allowScrollButtonsMobile:T,indicatorColor:F,orientation:x,vertical:y,scrollButtons:I,textColor:tt,variant:E,visibleScrollbar:ct,fixed:!M,hideScrollbar:M&&!ct,scrollableX:M&&!y,scrollableY:M&&y,centered:g&&!M,scrollButtonsHideMobile:!T}),P=$e(H),Yt=st({elementType:D.StartScrollButtonIcon,externalSlotProps:K.startScrollButtonIcon,ownerState:H}),Vt=st({elementType:D.EndScrollButtonIcon,externalSlotProps:K.endScrollButtonIcon,ownerState:H}),[yt,Kt]=d.useState(!1),[O,Bt]=d.useState(Lt),[Tt,Gt]=d.useState(!1),[wt,Qt]=d.useState(!1),[Mt,Jt]=d.useState(!1),[Rt,Zt]=d.useState({overflow:"hidden",scrollbarWidth:0}),It=new Map,W=d.useRef(null),A=d.useRef(null),Et=()=>{const o=W.current;let r;if(o){const i=o.getBoundingClientRect();r={clientWidth:o.clientWidth,scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,scrollLeftNormalized:be(o,a?"rtl":"ltr"),scrollWidth:o.scrollWidth,top:i.top,bottom:i.bottom,left:i.left,right:i.right}}let c;if(o&&U!==!1){const i=A.current.children;if(i.length>0){const f=i[It.get(U)];c=f?f.getBoundingClientRect():null}}return{tabsMeta:r,tabMeta:c}},J=ft(()=>{const{tabsMeta:o,tabMeta:r}=Et();let c=0,i;if(y)i="top",r&&o&&(c=r.top-o.top+o.scrollTop);else if(i=a?"right":"left",r&&o){const S=a?o.scrollLeftNormalized+o.clientWidth-o.scrollWidth:o.scrollLeft;c=(a?-1:1)*(r[i]-o[i]+S)}const f={[i]:c,[Q]:r?r[Q]:0};if(isNaN(O[i])||isNaN(O[Q]))Bt(f);else{const S=Math.abs(O[i]-f[i]),R=Math.abs(O[Q]-f[Q]);(S>=1||R>=1)&&Bt(f)}}),ut=(o,{animation:r=!0}={})=>{r?xe(G,W.current,o,{duration:n.transitions.duration.standard}):W.current[G]=o},Wt=o=>{let r=W.current[G];y?r+=o:(r+=o*(a?-1:1),r*=a&&_t()==="reverse"?-1:1),ut(r)},zt=()=>{const o=W.current[dt];let r=0;const c=Array.from(A.current.children);for(let i=0;i<c.length;i+=1){const f=c[i];if(r+f[dt]>o){i===0&&(r=o);break}r+=f[dt]}return r},te=()=>{Wt(-1*zt())},ee=()=>{Wt(zt())},oe=d.useCallback(o=>{Zt({overflow:null,scrollbarWidth:o})},[]),le=()=>{const o={};o.scrollbarSizeListener=M?u.jsx(Oe,{onChange:oe,className:$(P.scrollableX,P.hideScrollbar)}):null;const c=M&&(I==="auto"&&(Tt||wt)||I===!0);return o.scrollButtonStart=c?u.jsx(_,p({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Yt},orientation:x,direction:a?"right":"left",onClick:te,disabled:!Tt},j,{className:$(P.scrollButtons,j.className)})):null,o.scrollButtonEnd=c?u.jsx(_,p({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Vt},orientation:x,direction:a?"left":"right",onClick:ee,disabled:!wt},j,{className:$(P.scrollButtons,j.className)})):null,o},Pt=ft(o=>{const{tabsMeta:r,tabMeta:c}=Et();if(!(!c||!r)){if(c[et]<r[et]){const i=r[G]+(c[et]-r[et]);ut(i,{animation:o})}else if(c[ot]>r[ot]){const i=r[G]+(c[ot]-r[ot]);ut(i,{animation:o})}}}),lt=ft(()=>{M&&I!==!1&&Jt(!Mt)});d.useEffect(()=>{const o=Ot(()=>{W.current&&J()});let r;const c=S=>{S.forEach(R=>{R.removedNodes.forEach(Z=>{var N;(N=r)==null||N.unobserve(Z)}),R.addedNodes.forEach(Z=>{var N;(N=r)==null||N.observe(Z)})}),o(),lt()},i=At(W.current);i.addEventListener("resize",o);let f;return typeof ResizeObserver<"u"&&(r=new ResizeObserver(o),Array.from(A.current.children).forEach(S=>{r.observe(S)})),typeof MutationObserver<"u"&&(f=new MutationObserver(c),f.observe(A.current,{childList:!0})),()=>{var S,R;o.clear(),i.removeEventListener("resize",o),(S=f)==null||S.disconnect(),(R=r)==null||R.disconnect()}},[J,lt]),d.useEffect(()=>{const o=Array.from(A.current.children),r=o.length;if(typeof IntersectionObserver<"u"&&r>0&&M&&I!==!1){const c=o[0],i=o[r-1],f={root:W.current,threshold:.99},S=pt=>{Gt(!pt[0].isIntersecting)},R=new IntersectionObserver(S,f);R.observe(c);const Z=pt=>{Qt(!pt[0].isIntersecting)},N=new IntersectionObserver(Z,f);return N.observe(i),()=>{R.disconnect(),N.disconnect()}}},[M,I,Mt,B==null?void 0:B.length]),d.useEffect(()=>{Kt(!0)},[]),d.useEffect(()=>{J()}),d.useEffect(()=>{Pt(Lt!==O)},[Pt,O]),d.useImperativeHandle(b,()=>({updateIndicator:J,updateScrollButtons:lt}),[J,lt]);const Nt=u.jsx(He,p({},q,{className:$(P.indicator,q.className),ownerState:H,style:p({},O,q.style)}));let rt=0;const re=d.Children.map(B,o=>{if(!d.isValidElement(o))return null;const r=o.props.value===void 0?rt:o.props.value;It.set(r,rt);const c=r===U;return rt+=1,d.cloneElement(o,p({fullWidth:E==="fullWidth",indicator:c&&!yt&&Nt,selected:c,selectionFollowsFocus:it,onChange:w,textColor:tt,value:r},rt===1&&U===!1&&!o.props.tabIndex?{tabIndex:0}:{}))}),ne=o=>{const r=A.current,c=ie(r).activeElement;if(c.getAttribute("role")!=="tab")return;let f=x==="horizontal"?"ArrowLeft":"ArrowUp",S=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&a&&(f="ArrowRight",S="ArrowLeft"),o.key){case f:o.preventDefault(),nt(r,c,$t);break;case S:o.preventDefault(),nt(r,c,kt);break;case"Home":o.preventDefault(),nt(r,null,kt);break;case"End":o.preventDefault(),nt(r,null,$t);break}},bt=le();return u.jsxs(Le,p({className:$(P.root,C),ownerState:H,ref:l,as:m},Ut,{children:[bt.scrollButtonStart,bt.scrollbarSizeListener,u.jsxs(Fe,{className:P.scroller,ownerState:H,style:{overflow:Rt.overflow,[y?`margin${a?"Left":"Right"}`:"marginBottom"]:ct?void 0:-Rt.scrollbarWidth},ref:W,children:[u.jsx(je,{"aria-label":v,"aria-labelledby":h,"aria-orientation":x==="vertical"?"vertical":null,className:P.flexContainer,ownerState:H,onKeyDown:ne,ref:A,role:"tablist",children:re}),yt&&Nt]}),bt.scrollButtonEnd]}))}),Ct=Ae,Ft="index",V={tabs:`${Ft}-tabs`,tab:`${Ft}-tab`},Xe=ce(Ct)(({theme:t})=>({[`& .${V.tabs}`]:{},[`& .${V.tab}`]:{fontSize:"0.875rem",[t.breakpoints.up("md")]:{fontSize:"1rem"}}}));function Dt({tabs:t,current:e,onChange:l,...s}){return u.jsx(Ct,{scrollButtons:"auto",value:e,onChange:(n,a)=>l(a),...s,variant:"scrollable",sx:{minHeight:"auto",".MuiTabs-scrollButtons.Mui-disabled":{opacity:.3,cursor:"not-allowed",pointerEvents:"auto"},".MuiTabs-scroller":{borderRadius:"100vw"},".MuiTabs-flexContainer":{borderRadius:"100vw",backgroundColor:L.backgroundsBgComponent,padding:.5,display:"inline-flex",columnGap:.25,maxWidth:"100%",overflowX:"auto"},".MuiTab-root":{borderRadius:"100vw",border:"1px solid transparent",minHeight:"auto",lineHeight:1,py:1,color:L.foregroundsFgSubtile,fontSize:"13px",fontWeight:"normal",textTransform:"capitalize",transition:"background-color 0.2s ease","&.Mui-selected, &:hover":{backgroundColor:"white",borderColor:L.lineBorderBase,color:L.foregroundsFgBase}},".MuiTabs-indicator":{display:"none"},...s.sx},children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}Dt.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};function qt({tabs:t,current:e,onChange:l,...s}){return u.jsx(Ct,{scrollButtons:"auto",value:e,onChange:(n,a)=>l(a),...s,variant:"scrollable",sx:{minHeight:"auto",".MuiTabs-scrollButtons.Mui-disabled":{opacity:.3,cursor:"not-allowed",pointerEvents:"auto"},".MuiTabs-scroller":{"&::after":{content:'""',display:"block",width:"100%",height:"1px",backgroundColor:L.strokeBorderStrong,bottom:0}},".MuiTabs-flexContainer":{display:"inline-flex",columnGap:2.5,px:0,pb:.5},".MuiTab-root":{border:"1px solid transparent",minHeight:"auto",lineHeight:1,py:1,px:0,color:L.foregroundsFgSubtile,fontSize:"14px",fontWeight:500,textTransform:"capitalize",minWidth:"auto","&.Mui-selected, &:hover":{color:L.foregroundsFgBase}},".MuiTabs-indicator":{height:"1px",backgroundColor:L.foregroundsFgBase},...s.sx},children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}qt.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};function _e({tabs:t,current:e,onChange:l,...s}){return s.variant==="card"?u.jsx(Dt,{...s,tabs:t,current:e,onChange:l}):s.variant==="line"?u.jsx(qt,{...s,tabs:t,current:e,onChange:l}):u.jsx(Xe,{scrollButtons:"auto",variant:"scrollable",value:e,onChange:(n,a)=>l(a),indicatorColor:"primary",...s,className:[V.tabs,s.className||""].join(" "),children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}_e.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};export{_e as T,Ct as a,xt as b,ht as t};
+import{bS as vt,bT as mt,bN as X,bO as jt,b_ as Ht,bP as p,r as d,bU as St,bR as at,bW as $,j as u,bX as gt,d3 as se,d4 as Ot,d5 as At,d6 as Xt,bV as st,bd as ae,d7 as ft,d8 as ie,s as ce,d9 as F,P as z}from"./index-iPjEb35E.js";import{K as de,a as ue}from"./Delete-BcTU6Zun.js";let Y;function _t(){if(Y)return Y;const t=document.createElement("div"),e=document.createElement("div");return e.style.width="10px",e.style.height="1px",t.appendChild(e),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),Y="reverse",t.scrollLeft>0?Y="default":(t.scrollLeft=1,t.scrollLeft===0&&(Y="negative")),document.body.removeChild(t),Y}function be(t,e){const l=t.scrollLeft;if(e!=="rtl")return l;switch(_t()){case"negative":return t.scrollWidth-t.clientWidth+l;case"reverse":return t.scrollWidth-t.clientWidth-l;default:return l}}function pe(t){return mt("MuiTab",t)}const fe=vt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),k=fe,he=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ve=t=>{const{classes:e,textColor:l,fullWidth:s,wrapped:n,icon:a,label:v,selected:h,disabled:b}=t,g={root:["root",a&&v&&"labelIcon",`textColor${Ht(l)}`,s&&"fullWidth",n&&"wrapped",h&&"selected",b&&"disabled"],iconWrapper:["iconWrapper"]};return gt(g,pe,e)},me=X(jt,{name:"MuiTab",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.root,l.label&&l.icon&&e.labelIcon,e[`textColor${Ht(l.textColor)}`],l.fullWidth&&e.fullWidth,l.wrapped&&e.wrapped,{[`& .${k.iconWrapper}`]:e.iconWrapper}]}})(({theme:t,ownerState:e})=>p({},t.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},e.label&&{flexDirection:e.iconPosition==="top"||e.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},e.icon&&e.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${k.iconWrapper}`]:p({},e.iconPosition==="top"&&{marginBottom:6},e.iconPosition==="bottom"&&{marginTop:6},e.iconPosition==="start"&&{marginRight:t.spacing(1)},e.iconPosition==="end"&&{marginLeft:t.spacing(1)})},e.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${k.selected}`]:{opacity:1},[`&.${k.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.textColor==="primary"&&{color:(t.vars||t).palette.text.secondary,[`&.${k.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${k.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.textColor==="secondary"&&{color:(t.vars||t).palette.text.secondary,[`&.${k.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${k.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},e.wrapped&&{fontSize:t.typography.pxToRem(12)})),Se=d.forwardRef(function(e,l){const s=St({props:e,name:"MuiTab"}),{className:n,disabled:a=!1,disableFocusRipple:v=!1,fullWidth:h,icon:b,iconPosition:g="top",indicator:B,label:C,onChange:m,onClick:T,onFocus:L,selected:w,selectionFollowsFocus:x,textColor:_="inherit",value:I,wrapped:it=!1}=s,D=at(s,he),K=p({},s,{disabled:a,disableFocusRipple:v,selected:w,icon:!!b,iconPosition:g,label:!!C,fullWidth:h,textColor:_,wrapped:it}),q=ve(K),j=b&&C&&d.isValidElement(b)?d.cloneElement(b,{className:$(q.iconWrapper,b.props.className)}):b,tt=E=>{!w&&m&&m(E,I),T&&T(E)},U=E=>{x&&!w&&m&&m(E,I),L&&L(E)};return u.jsxs(me,p({focusRipple:!v,className:$(q.root,n),ref:l,role:"tab","aria-selected":w,disabled:a,onClick:tt,onFocus:U,ownerState:K,tabIndex:w?0:-1},D,{children:[g==="top"||g==="start"?u.jsxs(d.Fragment,{children:[j,C]}):u.jsxs(d.Fragment,{children:[C,j]}),B]}))}),xt=Se;function ge(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function xe(t,e,l,s={},n=()=>{}){const{ease:a=ge,duration:v=300}=s;let h=null;const b=e[t];let g=!1;const B=()=>{g=!0},C=m=>{if(g){n(new Error("Animation cancelled"));return}h===null&&(h=m);const T=Math.min(1,(m-h)/v);if(e[t]=a(T)*(l-b)+b,T>=1){requestAnimationFrame(()=>{n(null)});return}requestAnimationFrame(C)};return b===l?(n(new Error("Element already at target position")),B):(requestAnimationFrame(C),B)}const Ce=["onChange"],ye={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Be(t){const{onChange:e}=t,l=at(t,Ce),s=d.useRef(),n=d.useRef(null),a=()=>{s.current=n.current.offsetHeight-n.current.clientHeight};return se(()=>{const v=Ot(()=>{const b=s.current;a(),b!==s.current&&e(s.current)}),h=At(n.current);return h.addEventListener("resize",v),()=>{v.clear(),h.removeEventListener("resize",v)}},[e]),d.useEffect(()=>{a(),e(s.current)},[e]),u.jsx("div",p({style:ye,ref:n},l))}function Te(t){return mt("MuiTabScrollButton",t)}const we=vt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Me=we,Re=["className","slots","slotProps","direction","orientation","disabled"],Ie=t=>{const{classes:e,orientation:l,disabled:s}=t;return gt({root:["root",l,s&&"disabled"]},Te,e)},Ee=X(jt,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.root,l.orientation&&e[l.orientation]]}})(({ownerState:t})=>p({width:40,flexShrink:0,opacity:.8,[`&.${Me.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),We=d.forwardRef(function(e,l){var s,n;const a=St({props:e,name:"MuiTabScrollButton"}),{className:v,slots:h={},slotProps:b={},direction:g}=a,B=at(a,Re),C=Xt(),m=p({isRtl:C},a),T=Ie(m),L=(s=h.StartScrollButtonIcon)!=null?s:de,w=(n=h.EndScrollButtonIcon)!=null?n:ue,x=st({elementType:L,externalSlotProps:b.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),_=st({elementType:w,externalSlotProps:b.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return u.jsx(Ee,p({component:"div",className:$(T.root,v),ref:l,role:null,ownerState:m,tabIndex:null},B,{children:g==="left"?u.jsx(L,p({},x)):u.jsx(w,p({},_))}))}),ze=We;function Pe(t){return mt("MuiTabs",t)}const Ne=vt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ht=Ne,ke=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],kt=(t,e)=>t===e?t.firstChild:e&&e.nextElementSibling?e.nextElementSibling:t.firstChild,$t=(t,e)=>t===e?t.lastChild:e&&e.previousElementSibling?e.previousElementSibling:t.lastChild,nt=(t,e,l)=>{let s=!1,n=l(t,e);for(;n;){if(n===t.firstChild){if(s)return;s=!0}const a=n.disabled||n.getAttribute("aria-disabled")==="true";if(!n.hasAttribute("tabindex")||a)n=l(t,n);else{n.focus();return}}},$e=t=>{const{vertical:e,fixed:l,hideScrollbar:s,scrollableX:n,scrollableY:a,centered:v,scrollButtonsHideMobile:h,classes:b}=t;return gt({root:["root",e&&"vertical"],scroller:["scroller",l&&"fixed",s&&"hideScrollbar",n&&"scrollableX",a&&"scrollableY"],flexContainer:["flexContainer",e&&"flexContainerVertical",v&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",h&&"scrollButtonsHideMobile"],scrollableX:[n&&"scrollableX"],hideScrollbar:[s&&"hideScrollbar"]},Pe,b)},Fe=X("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[{[`& .${ht.scrollButtons}`]:e.scrollButtons},{[`& .${ht.scrollButtons}`]:l.scrollButtonsHideMobile&&e.scrollButtonsHideMobile},e.root,l.vertical&&e.vertical]}})(({ownerState:t,theme:e})=>p({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ht.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}})),Le=X("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.scroller,l.fixed&&e.fixed,l.hideScrollbar&&e.hideScrollbar,l.scrollableX&&e.scrollableX,l.scrollableY&&e.scrollableY]}})(({ownerState:t})=>p({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),je=X("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,e)=>{const{ownerState:l}=t;return[e.flexContainer,l.vertical&&e.flexContainerVertical,l.centered&&e.centered]}})(({ownerState:t})=>p({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),He=X("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,e)=>e.indicator})(({ownerState:t,theme:e})=>p({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(e.vars||e).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(e.vars||e).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Oe=X(Be)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Ft={},Ae=d.forwardRef(function(e,l){const s=St({props:e,name:"MuiTabs"}),n=ae(),a=Xt(),{"aria-label":v,"aria-labelledby":h,action:b,centered:g=!1,children:B,className:C,component:m="div",allowScrollButtonsMobile:T=!1,indicatorColor:L="primary",onChange:w,orientation:x="horizontal",ScrollButtonComponent:_=ze,scrollButtons:I="auto",selectionFollowsFocus:it,slots:D={},slotProps:K={},TabIndicatorProps:q={},TabScrollButtonProps:j={},textColor:tt="primary",value:U,variant:E="standard",visibleScrollbar:ct=!1}=s,Ut=at(s,ke),M=E==="scrollable",y=x==="vertical",G=y?"scrollTop":"scrollLeft",et=y?"top":"left",ot=y?"bottom":"right",dt=y?"clientHeight":"clientWidth",J=y?"height":"width",H=p({},s,{component:m,allowScrollButtonsMobile:T,indicatorColor:L,orientation:x,vertical:y,scrollButtons:I,textColor:tt,variant:E,visibleScrollbar:ct,fixed:!M,hideScrollbar:M&&!ct,scrollableX:M&&!y,scrollableY:M&&y,centered:g&&!M,scrollButtonsHideMobile:!T}),P=$e(H),Yt=st({elementType:D.StartScrollButtonIcon,externalSlotProps:K.startScrollButtonIcon,ownerState:H}),Vt=st({elementType:D.EndScrollButtonIcon,externalSlotProps:K.endScrollButtonIcon,ownerState:H}),[yt,Kt]=d.useState(!1),[O,Bt]=d.useState(Ft),[Tt,Gt]=d.useState(!1),[wt,Jt]=d.useState(!1),[Mt,Qt]=d.useState(!1),[Rt,Zt]=d.useState({overflow:"hidden",scrollbarWidth:0}),It=new Map,W=d.useRef(null),A=d.useRef(null),Et=()=>{const o=W.current;let r;if(o){const i=o.getBoundingClientRect();r={clientWidth:o.clientWidth,scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,scrollLeftNormalized:be(o,a?"rtl":"ltr"),scrollWidth:o.scrollWidth,top:i.top,bottom:i.bottom,left:i.left,right:i.right}}let c;if(o&&U!==!1){const i=A.current.children;if(i.length>0){const f=i[It.get(U)];c=f?f.getBoundingClientRect():null}}return{tabsMeta:r,tabMeta:c}},Q=ft(()=>{const{tabsMeta:o,tabMeta:r}=Et();let c=0,i;if(y)i="top",r&&o&&(c=r.top-o.top+o.scrollTop);else if(i=a?"right":"left",r&&o){const S=a?o.scrollLeftNormalized+o.clientWidth-o.scrollWidth:o.scrollLeft;c=(a?-1:1)*(r[i]-o[i]+S)}const f={[i]:c,[J]:r?r[J]:0};if(isNaN(O[i])||isNaN(O[J]))Bt(f);else{const S=Math.abs(O[i]-f[i]),R=Math.abs(O[J]-f[J]);(S>=1||R>=1)&&Bt(f)}}),ut=(o,{animation:r=!0}={})=>{r?xe(G,W.current,o,{duration:n.transitions.duration.standard}):W.current[G]=o},Wt=o=>{let r=W.current[G];y?r+=o:(r+=o*(a?-1:1),r*=a&&_t()==="reverse"?-1:1),ut(r)},zt=()=>{const o=W.current[dt];let r=0;const c=Array.from(A.current.children);for(let i=0;i<c.length;i+=1){const f=c[i];if(r+f[dt]>o){i===0&&(r=o);break}r+=f[dt]}return r},te=()=>{Wt(-1*zt())},ee=()=>{Wt(zt())},oe=d.useCallback(o=>{Zt({overflow:null,scrollbarWidth:o})},[]),le=()=>{const o={};o.scrollbarSizeListener=M?u.jsx(Oe,{onChange:oe,className:$(P.scrollableX,P.hideScrollbar)}):null;const c=M&&(I==="auto"&&(Tt||wt)||I===!0);return o.scrollButtonStart=c?u.jsx(_,p({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Yt},orientation:x,direction:a?"right":"left",onClick:te,disabled:!Tt},j,{className:$(P.scrollButtons,j.className)})):null,o.scrollButtonEnd=c?u.jsx(_,p({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Vt},orientation:x,direction:a?"left":"right",onClick:ee,disabled:!wt},j,{className:$(P.scrollButtons,j.className)})):null,o},Pt=ft(o=>{const{tabsMeta:r,tabMeta:c}=Et();if(!(!c||!r)){if(c[et]<r[et]){const i=r[G]+(c[et]-r[et]);ut(i,{animation:o})}else if(c[ot]>r[ot]){const i=r[G]+(c[ot]-r[ot]);ut(i,{animation:o})}}}),lt=ft(()=>{M&&I!==!1&&Qt(!Mt)});d.useEffect(()=>{const o=Ot(()=>{W.current&&Q()});let r;const c=S=>{S.forEach(R=>{R.removedNodes.forEach(Z=>{var N;(N=r)==null||N.unobserve(Z)}),R.addedNodes.forEach(Z=>{var N;(N=r)==null||N.observe(Z)})}),o(),lt()},i=At(W.current);i.addEventListener("resize",o);let f;return typeof ResizeObserver<"u"&&(r=new ResizeObserver(o),Array.from(A.current.children).forEach(S=>{r.observe(S)})),typeof MutationObserver<"u"&&(f=new MutationObserver(c),f.observe(A.current,{childList:!0})),()=>{var S,R;o.clear(),i.removeEventListener("resize",o),(S=f)==null||S.disconnect(),(R=r)==null||R.disconnect()}},[Q,lt]),d.useEffect(()=>{const o=Array.from(A.current.children),r=o.length;if(typeof IntersectionObserver<"u"&&r>0&&M&&I!==!1){const c=o[0],i=o[r-1],f={root:W.current,threshold:.99},S=pt=>{Gt(!pt[0].isIntersecting)},R=new IntersectionObserver(S,f);R.observe(c);const Z=pt=>{Jt(!pt[0].isIntersecting)},N=new IntersectionObserver(Z,f);return N.observe(i),()=>{R.disconnect(),N.disconnect()}}},[M,I,Mt,B==null?void 0:B.length]),d.useEffect(()=>{Kt(!0)},[]),d.useEffect(()=>{Q()}),d.useEffect(()=>{Pt(Ft!==O)},[Pt,O]),d.useImperativeHandle(b,()=>({updateIndicator:Q,updateScrollButtons:lt}),[Q,lt]);const Nt=u.jsx(He,p({},q,{className:$(P.indicator,q.className),ownerState:H,style:p({},O,q.style)}));let rt=0;const re=d.Children.map(B,o=>{if(!d.isValidElement(o))return null;const r=o.props.value===void 0?rt:o.props.value;It.set(r,rt);const c=r===U;return rt+=1,d.cloneElement(o,p({fullWidth:E==="fullWidth",indicator:c&&!yt&&Nt,selected:c,selectionFollowsFocus:it,onChange:w,textColor:tt,value:r},rt===1&&U===!1&&!o.props.tabIndex?{tabIndex:0}:{}))}),ne=o=>{const r=A.current,c=ie(r).activeElement;if(c.getAttribute("role")!=="tab")return;let f=x==="horizontal"?"ArrowLeft":"ArrowUp",S=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&a&&(f="ArrowRight",S="ArrowLeft"),o.key){case f:o.preventDefault(),nt(r,c,$t);break;case S:o.preventDefault(),nt(r,c,kt);break;case"Home":o.preventDefault(),nt(r,null,kt);break;case"End":o.preventDefault(),nt(r,null,$t);break}},bt=le();return u.jsxs(Fe,p({className:$(P.root,C),ownerState:H,ref:l,as:m},Ut,{children:[bt.scrollButtonStart,bt.scrollbarSizeListener,u.jsxs(Le,{className:P.scroller,ownerState:H,style:{overflow:Rt.overflow,[y?`margin${a?"Left":"Right"}`:"marginBottom"]:ct?void 0:-Rt.scrollbarWidth},ref:W,children:[u.jsx(je,{"aria-label":v,"aria-labelledby":h,"aria-orientation":x==="vertical"?"vertical":null,className:P.flexContainer,ownerState:H,onKeyDown:ne,ref:A,role:"tablist",children:re}),yt&&Nt]}),bt.scrollButtonEnd]}))}),Ct=Ae,Lt="index",V={tabs:`${Lt}-tabs`,tab:`${Lt}-tab`},Xe=ce(Ct)(({theme:t})=>({[`& .${V.tabs}`]:{},[`& .${V.tab}`]:{fontSize:"0.875rem",[t.breakpoints.up("md")]:{fontSize:"1rem"}}}));function Dt({tabs:t,current:e,onChange:l,...s}){return u.jsx(Ct,{scrollButtons:"auto",value:e,onChange:(n,a)=>l(a),...s,variant:"scrollable",sx:{minHeight:"auto",".MuiTabs-scrollButtons.Mui-disabled":{opacity:.3,cursor:"not-allowed",pointerEvents:"auto"},".MuiTabs-scroller":{borderRadius:"100vw"},".MuiTabs-flexContainer":{borderRadius:"100vw",backgroundColor:F.backgroundsBgComponent,padding:.5,display:"inline-flex",columnGap:.25,maxWidth:"100%",overflowX:"auto"},".MuiTab-root":{borderRadius:"100vw",border:"1px solid transparent",minHeight:"auto",lineHeight:1,py:1,color:F.foregroundsFgSubtile,fontSize:"13px",fontWeight:"normal",textTransform:"capitalize",transition:"background-color 0.2s ease","&.Mui-selected, &:hover":{backgroundColor:"white",borderColor:F.lineBorderBase,color:F.foregroundsFgBase}},".MuiTabs-indicator":{display:"none"},...s.sx},children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}Dt.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};function qt({tabs:t,current:e,onChange:l,...s}){return u.jsx(Ct,{scrollButtons:"auto",value:e,onChange:(n,a)=>l(a),...s,variant:"scrollable",sx:{minHeight:"auto",".MuiTabs-scrollButtons.Mui-disabled":{opacity:.3,cursor:"not-allowed",pointerEvents:"auto"},".MuiTabs-scroller":{"&::after":{content:'""',display:"block",width:"100%",height:"1px",backgroundColor:F.strokeBorderStrong,bottom:0}},".MuiTabs-flexContainer":{display:"inline-flex",columnGap:2.5,px:0,pb:.5},".MuiTab-root":{border:"1px solid transparent",minHeight:"auto",lineHeight:1,py:1,px:0,color:F.foregroundsFgSubtile,fontSize:"14px",fontWeight:500,textTransform:"capitalize",minWidth:"auto","&.Mui-selected, &:hover":{color:F.foregroundsFgBase}},".MuiTabs-indicator":{height:"1px",backgroundColor:F.foregroundsFgBase},...s.sx},children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}qt.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};function _e({tabs:t,current:e,onChange:l,...s}){return s.variant==="card"?u.jsx(Dt,{...s,tabs:t,current:e,onChange:l}):s.variant==="line"?u.jsx(qt,{...s,tabs:t,current:e,onChange:l}):u.jsx(Xe,{scrollButtons:"auto",variant:"scrollable",value:e,onChange:(n,a)=>l(a),indicatorColor:"primary",...s,className:[V.tabs,s.className||""].join(" "),children:t.map(n=>u.jsx(xt,{className:V.tab,value:n.value,label:n.label,icon:n.icon||null},n.value))})}_e.propTypes={tabs:z.array.isRequired,current:z.string.isRequired,onChange:z.func.isRequired};export{_e as T,Ct as a,xt as b,ht as t};

package/dist/assets/{index-CH3JtbWQ.js → index-BFGRlTJN.js}

@@ -1,4 +1,4 @@
-import{r as u,bg as _,bh as B,aK as Q,aL as Y,j as e,q as A,c as P,F as b,m as L,S as O,O as k,B as K,C as w,ad as U,P as j,f as E,D as Z,aW as ee,aX as te,n as S,at as I,o as se,u as G,J as ae,K as ne,U as oe,bi as re,z as ce,bf as ie,d as le,bj as me}from"./index-CMnX5NAC.js";import{T as de}from"./index-CK_RVrVw.js";import pe from"./audit-logs-DGMQTPmo.js";import{P as ue,M as fe}from"./index-5V2w-wG4.js";import ye from"./index-b6xoYJOq.js";import{T as ge}from"./team-DIM2y3VD.js";import{E as xe}from"./index-BcUN_DdZ.js";import{d as he}from"./Add-3HvKm607.js";import{T as N}from"./TextField-DtjpU216.js";import{F as H,S as V}from"./Select-D_rDjAHB.js";import{I as J}from"./InputLabel--QTGYS0t.js";import{C as W}from"./click-to-copy-NfDLFara.js";import{f as ve}from"./index-D9k2I5J1.js";import{d as je}from"./Delete-J2R7SM3U.js";import{C as Ce}from"./delete-confirm-HT4yZ45g.js";import{d as ke}from"./Edit-3n4NtKvo.js";import"./index-880ldCua.js";import"./useLocalStorage-4mJ28a0_.js";import"./Pagination-DfjcxzBH.js";import"./LastPage-ChfAt7Ow.js";import"./index-C1yOdP6t.js";import"./Loop-5W2Vppjo.js";import"./ViewList-BFhJxRaY.js";import"./list-header-BojJcsHV.js";import"./Search-CwBRY_WT.js";import"./index-CptdEcv6.js";import"./FilterList-K6Q7QbUb.js";import"./index-BW8my_1t.js";import"./redux-CiwIGf5l.js";import"./MoreVert-BUtdAIwe.js";import"./index-DZw-MD2u.js";import"./resource-dialog-BOl5nFEU.js";import"./index-QObf5roi.js";import"./index-BjyaQY_g.js";import"./index-DbFzWzf2.js";import"./isEqual-BsE2sL_x.js";import"./index-ZG7jWpak.js";import"./tag-DV3_ne-f.js";import"./blocklet-B_9_6D3B.js";import"./index-D236Fm46.js";import"./actions-BV0sHaon.js";import"./shorten-label-DlyOb0DQ.js";import"./index-CFj-pyq6.js";import"./ButtonGroup-CXSV5c79.js";import"./getValidReactChildren-BBfbouT_.js";import"./EditIcon-uTiSZVZT.js";import"./LockIcon-DKpYwpVX.js";import"./Google-CiQ0m5qU.js";import"./index-wGun6G_7.js";import"./InputAdornment-Dd8G0B60.js";import"./ToggleButtonGroup-BKugwi3o.js";function be(){var o=u.useRef(!1),s=u.useCallback(function(){return o.current},[]);return u.useEffect(function(){return o.current=!0,function(){o.current=!1}},[]),s}function Ke(o,s,p){s===void 0&&(s=[]),p===void 0&&(p={loading:!1});var r=u.useRef(0),c=be(),t=u.useState(p),n=t[0],l=t[1],m=u.useCallback(function(){for(var a=[],f=0;f<arguments.length;f++)a[f]=arguments[f];var y=++r.current;return n.loading||l(function(g){return _(_({},g),{loading:!0})}),o.apply(void 0,a).then(function(g){return c()&&y===r.current&&l({value:g,loading:!1}),g},function(g){return c()&&y===r.current&&l({error:g,loading:!1}),g})},s);return[n,m]}function Se(o,s){s===void 0&&(s=[]);var p=Ke(o,s,{loading:!0}),r=p[0],c=p[1];return u.useEffect(function(){c()},[c]),r}var _e=function(o,s){s===void 0&&(s=[]);var p=u.useState(0),r=p[0],c=p[1],t=Se(o,B(s,[r])),n=t.loading,l=u.useCallback(function(){n||c(function(m){return m+1})},B(s,[n]));return _(_({},t),{retry:l})},R={},Ae=Y;Object.defineProperty(R,"__esModule",{value:!0});var X=R.default=void 0,we=Ae(Q()),Ie=e;X=R.default=(0,we.default)((0,Ie.jsx)("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"}),"VpnKey");function T(o){const{remark:s,onCreate:p}=o,{t:r}=A(),[c,t]=u.useState(!1),[n,l]=u.useState(null),m=P(),a=b.RBAC_CONFIG.roles.filter(x=>x.passport&&x.name!==b.ROLES.OWNER),f=()=>{t(!1),l(null)},y=async x=>{const{remark:h,passport:d}=x;t(!0);const i=await m.createAccessKey({input:{remark:h.trim(),passport:d}}),{data:C}=i;p(C),l(null),t(!1)},g={title:`${r("common.create")} ${r("common.accessKey")}`,description:(x,h,d)=>e.jsxs(L,{component:"div",children:[e.jsx(N,{label:r("setting.accessKey.tip"),autoComplete:"off",variant:"outlined",name:"remark",inputProps:{"data-cy":"remark-input"},fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:x.remark,onChange:i=>{h({...x,remark:i.target.value,__disableConfirm:!x.passport||!i.target.value.trim()}),i.target.value.trim()?d(""):d(r("setting.accessKey.remarkInvalid"))}}),e.jsxs(H,{style:{width:"100%"},variant:"outlined",children:[e.jsx(J,{children:r("common.passport")}),e.jsx(V,{"data-cy":"create-access-key-select-passport",value:x.passport,onChange:i=>{const C=i.target.value;d(null),h({...x,passport:C,__disableConfirm:!x.remark||!C})},fullWidth:!0,label:r("common.passport"),disabled:c,children:a.map(i=>e.jsx(O,{value:i.name,"data-cy":`create-access-key-passport-option-${i.name}`,children:e.jsxs(k,{children:[e.jsx("span",{children:i.title||i.name}),e.jsx(k,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:i.description})]})},i.name))})]})]}),confirm:r("common.confirm"),cancel:r("common.cancel"),color:"primary",params:{remark:s,__disableConfirm:!s.trim()},onConfirm:y,onCancel:f};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",variant:"contained",color:"primary","data-cy":"add-access-key-btn",onClick:()=>l(g),className:"rule-action",children:[c?e.jsx(w,{size:16}):e.jsx(he,{style:{fontSize:16}}),r("common.create")]}),n&&e.jsx(U,{title:n.title,description:n.description,confirm:n.confirm,color:n.color,cancel:n.cancel,params:n.params,onConfirm:n.onConfirm,onCancel:n.onCancel})]})}T.propTypes={remark:j.string,onCreate:j.func};T.defaultProps={onCreate:()=>{},remark:""};function $(o){const{onConfirm:s,accessKeyId:p,accessKeySecret:r}=o,{t:c}=u.useContext(E),[t,n]=u.useState(!1),[l,m]=u.useState(!0),a=()=>{m(!l)},f=y=>{n(y.target.checked)};return e.jsxs(Z,{title:c("common.createSuccess"),fullWidth:!0,open:!0,disableEscapeKeyDown:!0,onClose:s,showCloseButton:!1,actions:e.jsx("div",{children:e.jsx(K,{disabled:!t,onClick:s,color:"primary",autoFocus:!0,variant:"contained","data-cy":"submit-confirm-dialog",children:c("common.confirm")})}),"aria-labelledby":"simple-dialog-title",children:[e.jsx("div",{children:e.jsx(Ne,{children:c("setting.accessKey.saveSecretTip")})}),e.jsx("div",{style:{marginTop:"20px"}}),e.jsxs(M,{children:[e.jsx(q,{children:"Access Key"}),e.jsx(W,{children:p})]}),e.jsxs(M,{children:[e.jsx(q,{children:"Access Secret"}),l?e.jsx(K,{"data-cy":"show-secret-btn",color:"primary",onClick:a,children:c("setting.accessKey.showSecret")}):e.jsx(W,{children:r})]}),e.jsx("div",{children:e.jsx(ee,{value:"end",disabled:l,control:e.jsx(te,{checked:t,onChange:f}),label:c("setting.accessKey.iKnow"),labelPlacement:"end"})})]})}$.propTypes={accessKeyId:j.string.isRequired,accessKeySecret:j.string.isRequired,onConfirm:j.func};$.defaultProps={onConfirm:()=>{}};const q=S.div`
+import{r as u,bj as _,bk as B,aK as Q,aL as X,j as e,q as A,c as P,F as b,m as L,S as O,O as k,B as K,C as w,ad as U,P as j,f as E,D as Y,aZ as ee,a_ as te,n as S,at as I,o as se,u as G,J as ae,K as ne,U as oe,bl as re,z as ce,bi as ie,d as le,bm as me}from"./index-iPjEb35E.js";import{T as de}from"./index-BDoTqnc5.js";import pe from"./audit-logs-D7O1XHoe.js";import{P as ue,M as fe}from"./index-CCnLica-.js";import ye from"./index-D6jStI9h.js";import{T as ge}from"./team-CVUFP-Jh.js";import{E as xe}from"./index-TzTwb9xj.js";import{d as he}from"./Add-C9ldE3i3.js";import{T as N}from"./TextField-D7KiHXEt.js";import{F as H,S as V}from"./Select-Bhp-5D_g.js";import{I as J}from"./InputLabel-BIeqJuzx.js";import{C as W}from"./click-to-copy-BtDU14Ya.js";import{f as ve}from"./index-D9k2I5J1.js";import{d as je}from"./Delete-BcTU6Zun.js";import{C as Ce}from"./delete-confirm-DTbEoazT.js";import{d as ke}from"./Edit-C9yHbLSu.js";import"./index-CR2h_wuC.js";import"./useLocalStorage-BEDoa6Uh.js";import"./Pagination-CgKo-6mL.js";import"./LastPage-DZqnkKMU.js";import"./index-DEMyJSom.js";import"./Loop-DeX6ak5Z.js";import"./ViewList-DNXp_Jn0.js";import"./list-header-D6ybU_Ub.js";import"./Search-D42Ybrr5.js";import"./index-BUJPoo2I.js";import"./FilterList-BzbtnnHQ.js";import"./index-BYV96eDm.js";import"./redux-kpQfAYtt.js";import"./MoreVert-B8WQL7Lw.js";import"./index-BLqAcpr9.js";import"./resource-dialog-DRYlxc6m.js";import"./index-CxUb2kU-.js";import"./index-CliW5M8W.js";import"./index-COWDdOfr.js";import"./isEqual-CGDZYQls.js";import"./index-ZG7jWpak.js";import"./tag-CSzWnDKE.js";import"./blocklet-C_v4_sPe.js";import"./index-DS-mh7QD.js";import"./actions-BDKSVUpX.js";import"./shorten-label-to2X7rmB.js";import"./index-qSH2_GWF.js";import"./ButtonGroup-CN4v-r6F.js";import"./getValidReactChildren-C_Sg5WGg.js";import"./EditIcon-ieq4mUEN.js";import"./LockIcon-DqePM78a.js";import"./Google-CBG1RHmz.js";import"./index-Di3KtWa5.js";import"./InputAdornment-BL-YcbYp.js";import"./ToggleButtonGroup-DyXbEyVn.js";function be(){var o=u.useRef(!1),s=u.useCallback(function(){return o.current},[]);return u.useEffect(function(){return o.current=!0,function(){o.current=!1}},[]),s}function Ke(o,s,p){s===void 0&&(s=[]),p===void 0&&(p={loading:!1});var r=u.useRef(0),c=be(),t=u.useState(p),n=t[0],l=t[1],m=u.useCallback(function(){for(var a=[],f=0;f<arguments.length;f++)a[f]=arguments[f];var y=++r.current;return n.loading||l(function(g){return _(_({},g),{loading:!0})}),o.apply(void 0,a).then(function(g){return c()&&y===r.current&&l({value:g,loading:!1}),g},function(g){return c()&&y===r.current&&l({error:g,loading:!1}),g})},s);return[n,m]}function Se(o,s){s===void 0&&(s=[]);var p=Ke(o,s,{loading:!0}),r=p[0],c=p[1];return u.useEffect(function(){c()},[c]),r}var _e=function(o,s){s===void 0&&(s=[]);var p=u.useState(0),r=p[0],c=p[1],t=Se(o,B(s,[r])),n=t.loading,l=u.useCallback(function(){n||c(function(m){return m+1})},B(s,[n]));return _(_({},t),{retry:l})},R={},Ae=X;Object.defineProperty(R,"__esModule",{value:!0});var Z=R.default=void 0,we=Ae(Q()),Ie=e;Z=R.default=(0,we.default)((0,Ie.jsx)("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"}),"VpnKey");function T(o){const{remark:s,onCreate:p}=o,{t:r}=A(),[c,t]=u.useState(!1),[n,l]=u.useState(null),m=P(),a=b.RBAC_CONFIG.roles.filter(x=>x.passport&&x.name!==b.ROLES.OWNER),f=()=>{t(!1),l(null)},y=async x=>{const{remark:h,passport:d}=x;t(!0);const i=await m.createAccessKey({input:{remark:h.trim(),passport:d}}),{data:C}=i;p(C),l(null),t(!1)},g={title:`${r("common.create")} ${r("common.accessKey")}`,description:(x,h,d)=>e.jsxs(L,{component:"div",children:[e.jsx(N,{label:r("setting.accessKey.tip"),autoComplete:"off",variant:"outlined",name:"remark",inputProps:{"data-cy":"remark-input"},fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:x.remark,onChange:i=>{h({...x,remark:i.target.value,__disableConfirm:!x.passport||!i.target.value.trim()}),i.target.value.trim()?d(""):d(r("setting.accessKey.remarkInvalid"))}}),e.jsxs(H,{style:{width:"100%"},variant:"outlined",children:[e.jsx(J,{children:r("common.passport")}),e.jsx(V,{"data-cy":"create-access-key-select-passport",value:x.passport,onChange:i=>{const C=i.target.value;d(null),h({...x,passport:C,__disableConfirm:!x.remark||!C})},fullWidth:!0,label:r("common.passport"),disabled:c,children:a.map(i=>e.jsx(O,{value:i.name,"data-cy":`create-access-key-passport-option-${i.name}`,children:e.jsxs(k,{children:[e.jsx("span",{children:i.title||i.name}),e.jsx(k,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:i.description})]})},i.name))})]})]}),confirm:r("common.confirm"),cancel:r("common.cancel"),color:"primary",params:{remark:s,__disableConfirm:!s.trim()},onConfirm:y,onCancel:f};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",variant:"contained",color:"primary","data-cy":"add-access-key-btn",onClick:()=>l(g),className:"rule-action",children:[c?e.jsx(w,{size:16}):e.jsx(he,{style:{fontSize:16}}),r("common.create")]}),n&&e.jsx(U,{title:n.title,description:n.description,confirm:n.confirm,color:n.color,cancel:n.cancel,params:n.params,onConfirm:n.onConfirm,onCancel:n.onCancel})]})}T.propTypes={remark:j.string,onCreate:j.func};T.defaultProps={onCreate:()=>{},remark:""};function $(o){const{onConfirm:s,accessKeyId:p,accessKeySecret:r}=o,{t:c}=u.useContext(E),[t,n]=u.useState(!1),[l,m]=u.useState(!0),a=()=>{m(!l)},f=y=>{n(y.target.checked)};return e.jsxs(Y,{title:c("common.createSuccess"),fullWidth:!0,open:!0,disableEscapeKeyDown:!0,onClose:s,showCloseButton:!1,actions:e.jsx("div",{children:e.jsx(K,{disabled:!t,onClick:s,color:"primary",autoFocus:!0,variant:"contained","data-cy":"submit-confirm-dialog",children:c("common.confirm")})}),"aria-labelledby":"simple-dialog-title",children:[e.jsx("div",{children:e.jsx(Ne,{children:c("setting.accessKey.saveSecretTip")})}),e.jsx("div",{style:{marginTop:"20px"}}),e.jsxs(M,{children:[e.jsx(q,{children:"Access Key"}),e.jsx(W,{children:p})]}),e.jsxs(M,{children:[e.jsx(q,{children:"Access Secret"}),l?e.jsx(K,{"data-cy":"show-secret-btn",color:"primary",onClick:a,children:c("setting.accessKey.showSecret")}):e.jsx(W,{children:r})]}),e.jsx("div",{children:e.jsx(ee,{value:"end",disabled:l,control:e.jsx(te,{checked:t,onChange:f}),label:c("setting.accessKey.iKnow"),labelPlacement:"end"})})]})}$.propTypes={accessKeyId:j.string.isRequired,accessKeySecret:j.string.isRequired,onConfirm:j.func};$.defaultProps={onConfirm:()=>{}};const q=S.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -9,7 +9,7 @@ import{r as u,bg as _,bh as B,aK as Q,aL as Y,j as e,q as A,c as P,F as b,m as L
 `,Ne=S.div`
   font-size: 16px;
   font-weight: bold;
-`;function D(o){const{t:s,locale:p}=A(),[r,c]=u.useState(!1),[t,n]=u.useState(null),{accessKeyId:l,time:m,remark:a,onDelete:f=()=>{}}=o,y=P(),g=()=>{c(!1),n(null)},x=async()=>{c(!0);try{await y.deleteAccessKey({input:{accessKeyId:l}}),f()}catch(i){console.error(i)}finally{c(!1),n(null)}},h=i=>({key:`<b>${l}</b>`,name:`<b>${a}</b>`,time:I(i,p),timeAge:ve(new Date(i),se(p))}),d={keyName:a,title:s("setting.accessKey.title"),description:m?`${s("setting.accessKey.description",h(m))}`:`${s("setting.accessKey.descriptionNoTime",{key:`<b>${l}</b>`,name:`<b>${a}</b>`})}`,confirmPlaceholder:s("setting.accessKey.confirm_desc",{name:a}),confirm:s("common.delConfirm"),cancel:s("common.cancel"),onConfirm:x,onCancel:g};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",onClick:()=>n(d),size:"small",className:"rule-action",color:"error",children:[r?e.jsx(w,{size:16}):e.jsx(je,{style:{fontSize:16}}),s("common.delete")]}),t&&e.jsx(Ce,{keyName:t.keyName,title:t.title,description:t.description,confirmPlaceholder:t.confirmPlaceholder,confirm:t.confirm,cancel:t.cancel,params:t.params,onConfirm:t.onConfirm,onCancel:t.onCancel})]})}D.propTypes={accessKeyId:j.string.isRequired,time:j.string.isRequired,remark:j.string.isRequired,onDelete:j.func};D.defaultProps={onDelete:()=>{}};function F(o){const{accessKeyId:s,remark:p,onUpdate:r,passport:c}=o,{t}=A(),[n,l]=u.useState(!1),[m,a]=u.useState(null),f=P(),y=b.RBAC_CONFIG.roles.filter(d=>d.passport&&d.name!==b.ROLES.OWNER),g=()=>{l(!1),a(null)},x=async d=>{const{accessKeyId:i,remark:C,passport:v}=d;l(!0),await f.updateAccessKey({input:{accessKeyId:i,remark:C.trim(),passport:v}}),r(),a(null),l(!1)},h={title:`${t("common.update")} ${t("common.accessKey")}`,description:(d,i,C)=>e.jsxs(L,{component:"div",children:[e.jsx(N,{label:t("setting.accessKey.accessKeyId"),autoComplete:"off",variant:"outlined",name:"accessKeyId",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:d.accessKeyId,disabled:!0}),e.jsx(N,{label:t("common.remark"),autoComplete:"off",variant:"outlined",name:"remark",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},value:d.remark,onChange:v=>{i({...d,remark:v.target.value,__disableConfirm:!v.target.value.trim()}),v.target.value.trim()?C(""):C(t("setting.accessKey.remarkInvalid"))}}),e.jsxs(H,{style:{width:"100%"},variant:"outlined",children:[e.jsx(J,{children:t("common.passport")}),e.jsx(V,{"data-cy":"update-access-key-select-passport",value:d.passport,onChange:v=>{const z=v.target.value;C(null),i({...d,passport:z,__disableConfirm:!d.remark||!z})},fullWidth:!0,label:t("common.passport"),disabled:n,children:y.map(v=>e.jsx(O,{value:v.name,"data-cy":`update-access-key-passport-option-${v.name}`,children:e.jsx("span",{children:v.title||v.name})},v.name))})]})]}),confirm:t("common.confirm"),cancel:t("common.cancel"),color:"primary",params:{accessKeyId:s,remark:p,passport:c},onConfirm:x,onCancel:g};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",onClick:()=>a(h),size:"small",className:"rule-action",color:"primary",children:[n?e.jsx(w,{size:16}):e.jsx(ke,{style:{fontSize:16}}),t("common.update")]}),m&&e.jsx(U,{title:m.title,description:m.description,confirm:m.confirm,color:m.color,cancel:m.cancel,params:m.params,onConfirm:m.onConfirm,onCancel:m.onCancel})]})}F.propTypes={accessKeyId:j.string.isRequired,remark:j.string,passport:j.string,onUpdate:j.func};F.defaultProps={onUpdate:()=>{},remark:"",passport:""};function Pe(){const{t:o,locale:s}=u.useContext(E),{api:p}=G(),[r,c]=u.useState({}),t=_e(async()=>{const a=await p.getAccessKeys(),{list:f}=a;return f}),n=t.value||[],{loading:l,error:m}=t;return!n.length&&l?e.jsx("div",{style:{textAlign:"center",marginTop:"50px"},children:e.jsx(w,{})}):!n.length&&m?e.jsx(ae,{severity:"error",children:ne(m)}):e.jsxs("div",{children:[e.jsxs(k,{mb:1,textAlign:"right",children:[e.jsx(oe,{permission:"mutate_node",children:e.jsx(T,{onCreate:a=>{const{accessKeyId:f,accessKeySecret:y}=a;c({show:!0,accessKeyId:f,accessKeySecret:y})}})}),r.show&&e.jsx($,{onConfirm:()=>{t.retry(),c({show:!1})},...r})]}),!n.length&&e.jsx(k,{mt:8,children:e.jsx(xe,{children:o("common.noData")})}),!!n.length&&e.jsx(Le,{children:n.map(a=>{const f=a.remark||"N/A",y=b.RBAC_CONFIG.roles.find(g=>g.name===a.passport);return e.jsxs("div",{className:"access-key-item",children:[e.jsxs("div",{className:"access-key-item_info-warpper",children:[e.jsx("div",{className:"access-key-item_icon",children:e.jsx(X,{})}),e.jsxs("div",{className:"access-key-item_info",children:[e.jsx(k,{fontWeight:700,children:f}),e.jsx(k,{minWidth:0,children:e.jsx(re,{showDidLogo:!1,children:a.accessKeyId})}),e.jsxs("div",{children:["Created at ",I(a.createdAt,s)]}),e.jsxs("div",{children:["Created by ",a.createdBy]}),a.updatedBy&&e.jsxs("div",{children:["Updated by ",a.updatedBy]}),a.lastUsedAt&&e.jsxs("div",{children:["Last used at ",I(a.lastUsedAt,s)]}),e.jsx("div",{className:"access-key-item_passport",children:e.jsx(ue,{passport:{title:y?y.title:a.passport}})})]})]}),e.jsxs("div",{className:"access-key-item_actions",children:[e.jsx(F,{...a,onUpdate:t.retry}),e.jsx(D,{accessKeyId:a.accessKeyId,time:a.lastUsedAt,remark:a.remark||"N/A",onDelete:t.retry})]})]})})})]})}const Le=S.div`
+`;function D(o){const{t:s,locale:p}=A(),[r,c]=u.useState(!1),[t,n]=u.useState(null),{accessKeyId:l,time:m,remark:a,onDelete:f=()=>{}}=o,y=P(),g=()=>{c(!1),n(null)},x=async()=>{c(!0);try{await y.deleteAccessKey({input:{accessKeyId:l}}),f()}catch(i){console.error(i)}finally{c(!1),n(null)}},h=i=>({key:`<b>${l}</b>`,name:`<b>${a}</b>`,time:I(i,p),timeAge:ve(new Date(i),se(p))}),d={keyName:a,title:s("setting.accessKey.title"),description:m?`${s("setting.accessKey.description",h(m))}`:`${s("setting.accessKey.descriptionNoTime",{key:`<b>${l}</b>`,name:`<b>${a}</b>`})}`,confirmPlaceholder:s("setting.accessKey.confirm_desc",{name:a}),confirm:s("common.delConfirm"),cancel:s("common.cancel"),onConfirm:x,onCancel:g};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",onClick:()=>n(d),size:"small",className:"rule-action",color:"error",children:[r?e.jsx(w,{size:16}):e.jsx(je,{style:{fontSize:16}}),s("common.delete")]}),t&&e.jsx(Ce,{keyName:t.keyName,title:t.title,description:t.description,confirmPlaceholder:t.confirmPlaceholder,confirm:t.confirm,cancel:t.cancel,params:t.params,onConfirm:t.onConfirm,onCancel:t.onCancel})]})}D.propTypes={accessKeyId:j.string.isRequired,time:j.string.isRequired,remark:j.string.isRequired,onDelete:j.func};D.defaultProps={onDelete:()=>{}};function F(o){const{accessKeyId:s,remark:p,onUpdate:r,passport:c}=o,{t}=A(),[n,l]=u.useState(!1),[m,a]=u.useState(null),f=P(),y=b.RBAC_CONFIG.roles.filter(d=>d.passport&&d.name!==b.ROLES.OWNER),g=()=>{l(!1),a(null)},x=async d=>{const{accessKeyId:i,remark:C,passport:v}=d;l(!0),await f.updateAccessKey({input:{accessKeyId:i,remark:C.trim(),passport:v}}),r(),a(null),l(!1)},h={title:`${t("common.update")} ${t("common.accessKey")}`,description:(d,i,C)=>e.jsxs(L,{component:"div",children:[e.jsx(N,{label:t("setting.accessKey.accessKeyId"),autoComplete:"off",variant:"outlined",name:"accessKeyId",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:d.accessKeyId,disabled:!0}),e.jsx(N,{label:t("common.remark"),autoComplete:"off",variant:"outlined",name:"remark",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},value:d.remark,onChange:v=>{i({...d,remark:v.target.value,__disableConfirm:!v.target.value.trim()}),v.target.value.trim()?C(""):C(t("setting.accessKey.remarkInvalid"))}}),e.jsxs(H,{style:{width:"100%"},variant:"outlined",children:[e.jsx(J,{children:t("common.passport")}),e.jsx(V,{"data-cy":"update-access-key-select-passport",value:d.passport,onChange:v=>{const z=v.target.value;C(null),i({...d,passport:z,__disableConfirm:!d.remark||!z})},fullWidth:!0,label:t("common.passport"),disabled:n,children:y.map(v=>e.jsx(O,{value:v.name,"data-cy":`update-access-key-passport-option-${v.name}`,children:e.jsx("span",{children:v.title||v.name})},v.name))})]})]}),confirm:t("common.confirm"),cancel:t("common.cancel"),color:"primary",params:{accessKeyId:s,remark:p,passport:c},onConfirm:x,onCancel:g};return e.jsxs(e.Fragment,{children:[e.jsxs(K,{edge:"end",onClick:()=>a(h),size:"small",className:"rule-action",color:"primary",children:[n?e.jsx(w,{size:16}):e.jsx(ke,{style:{fontSize:16}}),t("common.update")]}),m&&e.jsx(U,{title:m.title,description:m.description,confirm:m.confirm,color:m.color,cancel:m.cancel,params:m.params,onConfirm:m.onConfirm,onCancel:m.onCancel})]})}F.propTypes={accessKeyId:j.string.isRequired,remark:j.string,passport:j.string,onUpdate:j.func};F.defaultProps={onUpdate:()=>{},remark:"",passport:""};function Pe(){const{t:o,locale:s}=u.useContext(E),{api:p}=G(),[r,c]=u.useState({}),t=_e(async()=>{const a=await p.getAccessKeys(),{list:f}=a;return f}),n=t.value||[],{loading:l,error:m}=t;return!n.length&&l?e.jsx("div",{style:{textAlign:"center",marginTop:"50px"},children:e.jsx(w,{})}):!n.length&&m?e.jsx(ae,{severity:"error",children:ne(m)}):e.jsxs("div",{children:[e.jsxs(k,{mb:1,textAlign:"right",children:[e.jsx(oe,{permission:"mutate_node",children:e.jsx(T,{onCreate:a=>{const{accessKeyId:f,accessKeySecret:y}=a;c({show:!0,accessKeyId:f,accessKeySecret:y})}})}),r.show&&e.jsx($,{onConfirm:()=>{t.retry(),c({show:!1})},...r})]}),!n.length&&e.jsx(k,{mt:8,children:e.jsx(xe,{children:o("common.noData")})}),!!n.length&&e.jsx(Le,{children:n.map(a=>{const f=a.remark||"N/A",y=b.RBAC_CONFIG.roles.find(g=>g.name===a.passport);return e.jsxs("div",{className:"access-key-item",children:[e.jsxs("div",{className:"access-key-item_info-warpper",children:[e.jsx("div",{className:"access-key-item_icon",children:e.jsx(Z,{})}),e.jsxs("div",{className:"access-key-item_info",children:[e.jsx(k,{fontWeight:700,children:f}),e.jsx(k,{minWidth:0,children:e.jsx(re,{showDidLogo:!1,children:a.accessKeyId})}),e.jsxs("div",{children:["Created at ",I(a.createdAt,s)]}),e.jsxs("div",{children:["Created by ",a.createdBy]}),a.updatedBy&&e.jsxs("div",{children:["Updated by ",a.updatedBy]}),a.lastUsedAt&&e.jsxs("div",{children:["Last used at ",I(a.lastUsedAt,s)]}),e.jsx("div",{className:"access-key-item_passport",children:e.jsx(ue,{passport:{title:y?y.title:a.passport}})})]})]}),e.jsxs("div",{className:"access-key-item_actions",children:[e.jsx(F,{...a,onUpdate:t.retry}),e.jsx(D,{accessKeyId:a.accessKeyId,time:a.lastUsedAt,remark:a.remark||"N/A",onDelete:t.retry})]})]})})})]})}const Le=S.div`
   border: 1px solid
     ${({theme:o})=>o.palette.grey[300]};
   border-radius: 8px;