import{r as n,bJ as i,bI as m,aK as j,bo as A,j as e,D as S,a as L,f as l,L as c,dV as b,cN as k,a3 as K,a5 as I,aJ as v,t as w}from"./index-_eM6l4Nf.js";import{s as C,c as D,d as E}from"./scope.selectors-C6FB6Cbj.js";import{r as N}from"./randomString-D3iDJlGT.js";const F=()=>{const[s,o]=n.useState(),t=i(C),u=i(D),y=i(E),a=m(),[x,f]=n.useState(!0);return n.useEffect(()=>{a.scope.fetch()},[a.scope]),n.useEffect(()=>{async function h(){var p,d;const g={name:`default_apiKey_${N().substring(5)}`,scope:t},r=await a.api.create({data:g});(p=r.data)!=null&&p.key&&o((d=r.data)==null?void 0:d.key)}t&&t.length>0&&h()},[a.api,t]),j(u||y,100,f),{apiKey:s,isLoading:x}},P=()=>{const{apiKey:s,isLoading:o}=F(),t=A();return o?e.jsx(S,{}):e.jsxs(L,{flexDirection:"column",width:"830px",mt:"140px",children:[e.jsx(l,{fontSize:"18px",fontFamily:"Inter",fontWeight:"bold",textAlign:"center",children:"Save your Api key"}),e.jsx(c,{mt:"40px",sx:{div:{borderStyle:"none"}},children:e.jsxs(b,{children:[s&&e.jsx(l,{fontSize:"12px",fontFamily:"Inter",fontWeight:"500",mb:"20px",children:"Copy this API key and paste it directly in your code to connect to Hopsworks"}),e.jsx(c,{children:s?e.jsx(k,{height:"auto",copyButton:!0,title:"API key",language:"shell",content:s}):e.jsx(c,{children:e.jsx(K,{width:"100%",type:I.error,content:"Failed to generate Api key",cta:e.jsx(v,{onClick:()=>{t(w.account.api.list)},intent:"inline",children:"Go to Api keys"})})})})]})})]})};export{P as default};
