unleash-server 8.0.1 → 8.0.2

package/frontend/build/static/FeatureStaleDialog-BkyjUGR9.js

@@ -1,8 +0,0 @@
-import{o as e,t}from"./react-GZhdek4G.js";import{u as n}from"./chunk-QUQL4437-Dr42NpoL.js";import{t as r}from"./useTheme-CQqAmDLr.js";import{t as i}from"./jsx-runtime-BnvnyDTF.js";import{v as a}from"./createSimplePaletteValueFilter-BRAMrHWJ.js";import{D as o,b as s,t as c}from"./TextField-oipjeg6n.js";import{i as l}from"./CircularProgress-C_LUU3DK.js";import{t as u}from"./ConditionallyRender---uTpMBn.js";import{n as d,r as f,t as p}from"./AccordionSummary-wye3oOm6.js";import{t as m}from"./Typography-BTdLWIUX.js";import{t as h}from"./Box-BQsxfFmC.js";import{t as g}from"./Button-CebB8EPB.js";import{t as _}from"./Link-CfIScd2f.js";import{a as v,i as y,n as b,o as x}from"./TooltipResolver-4A1YhwBy.js";import{u as S}from"./themeStyles-BPY8RNQO.js";import{o as C}from"./parse-BhYjTMCL.js";import{t as w,u as T,y as ee}from"./httpErrorResponseHandler-FMtt7Zqh.js";import{n as E,r as D}from"./formatPath-j72gcKwy.js";import{St as O,c as k,t as A,wt as te,x as ne,z as re}from"./PermissionButton-BIeM26DH.js";import{n as ie}from"./useCustomEvent-CwoY8S5F.js";import{t as j}from"./useUiConfig-DbVjTDpE.js";import{it as ae}from"./testIds-B_Ev-uQn.js";import{r as oe}from"./FileCopy-B8HZEA83.js";import{t as se}from"./useConditionalSWR-DGgzun6i.js";import{$r as M,Ai as N,Di as P,Ea as F,Ei as I,Fi as L,Fr as R,Go as z,Gs as B,Ii as V,Ja as H,Oi as U,Pi as W,Pr as G,R as K,Ri as ce,Ti as le,_s as ue,do as de,eo as q,es as fe,fo as J,hs as pe,ls as me,no as he,so as ge,wi as _e,ws as ve}from"./index-BJ2iUk24.js";import{a as ye,d as be,f as xe,h as Se,i as Ce,n as we,o as Te,p as Ee,s as De,t as Oe}from"./DialogWithAside-BvaGTcqO.js";var Y=i(),ke=l((0,Y.jsx)(`path`,{d:`M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10H7v-2h10z`}),`IndeterminateCheckBox`),Ae=o(),je=({options:e,selectedOptions:t,indeterminateOptions:n,tagType:r,existingTags:i,disabled:a=!1,onChange:o})=>{let l=(0,Y.jsx)(R,{fontSize:`small`});return(0,Y.jsx)(s,{multiple:!0,id:`checkboxes-tag`,sx:{marginTop:e=>e.spacing(2),width:500},disableCloseOnSelect:!0,options:e,value:t,isOptionEqualToValue:(e,t)=>t.inputValue&&t.inputValue!==``?e.title===t.inputValue:e.title===t.title,getOptionLabel:e=>e.inputValue?e.inputValue:e.title,renderOption:({key:e,...t},r,{selected:i})=>{let a=n?.some(e=>e.title===r.title)??!1;return(0,Y.jsxs)(`li`,{...t,children:[(0,Y.jsx)(u,{condition:!!r.inputValue,show:(0,Y.jsx)(he,{sx:{mr:e=>e.spacing(.5)}}),elseShow:(0,Y.jsx)(B,{icon:l,checkedIcon:(0,Y.jsx)(G,{fontSize:`small`}),indeterminateIcon:(0,Y.jsx)(ke,{fontSize:`small`}),sx:{mr:e=>e.spacing(.5)},checked:i&&!a,indeterminate:a})}),r.title]},e)},filterOptions:(e,t)=>{let n=t.inputValue.trim(),r=Ae(e,{...t,inputValue:n}),i=e.some(e=>n===e.title);return n.length>=2&&!i&&r.push({inputValue:n,title:`Create new value "${n}"`}),r},onChange:o,renderInput:e=>(0,Y.jsx)(c,{...e,label:`Select values`,placeholder:`Select values`}),disabled:a,slotProps:{listbox:{style:{maxHeight:200,overflow:`auto`}}}})},Me=a(`li`)({flexDirection:`column`}),Ne=({options:e,value:t,disabled:n=!1,onChange:i})=>{let a=r();return(0,Y.jsx)(s,{disablePortal:!0,disabled:n,id:`tag-type-select`,sx:{marginTop:e=>e.spacing(2),width:500},options:e,disableClearable:!0,value:t,getOptionLabel:e=>e.name,renderOption:({key:e,...t},n)=>(0,Y.jsxs)(Me,{...t,style:{alignItems:`flex-start`,gap:a.spacing(.5)},children:[(0,Y.jsx)(m,{variant:`body1`,children:n.name}),(0,Y.jsx)(m,{variant:`caption`,children:n.description})]},e),renderInput:e=>(0,Y.jsx)(c,{...e,label:`Tag type`,value:t}),onChange:i,slotProps:{listbox:{style:{maxHeight:200,overflow:`auto`}}}})},Pe=()=>{let{makeRequest:e,createRequest:t,errors:n,loading:r}=b({propagateErrors:!0});return{createTag:async n=>{let r=t(`api/admin/tags`,{method:`POST`,body:JSON.stringify(n)});return e(r.caller,r.id)},bulkUpdateTags:async(n,r)=>{let i=t(`api/admin/projects/${r}/tags`,{method:`PUT`,body:JSON.stringify(n)});return e(i.caller,i.id)},errors:n,loading:r}},X=e(t(),1),Fe=(e,t={})=>{let n=async()=>{let t=E(`api/admin/tags/${e}`);return(await fetch(t,{method:`GET`}).then(w(`Tags`))).json()},r=`api/admin/tags/${e}`,{data:i,error:a}=se(!!e,{tags:[]},r,n,t),[o,s]=(0,X.useState)(!a&&!i);return(0,X.useEffect)(()=>{s(!a&&!i)},[i,a]),{tags:i?.tags||[],error:a,loading:o,refetch:()=>{ee(r)}}},Z=(e,t)=>{let{project:n,refetch:r}=k(e);return{defaultStrategyFallback:{name:`flexibleRollout`,constraints:[],parameters:{rollout:`100`,stickiness:n.defaultStickiness||`default`,groupId:``}},strategy:n.environments?.find(e=>e.environment===t)?.defaultStrategy,refetch:r}},Ie=()=>{let e=q(`projectId`),t=ce(`environmentId`),{refetch:r}=k(e),{defaultStrategyFallback:i,strategy:a,refetch:o}=Z(e,t),[s,c]=(0,X.useState)(a||i),{updateDefaultStrategy:l,loading:u}=ge(),{strategyDefinition:d}=L(s.name),{setToastData:f,setToastApiError:p}=v(),m=V(),{uiConfig:h}=j(),{unleashUrl:_}=h,b=n(),{trackEvent:S}=x(),C=I(s.constraints);if(!d)return null;let w=Le(s);return(0,Y.jsx)(ie,{modal:!0,disablePadding:!0,description:ze,documentationLink:Be,documentationLinkLabel:Ve,formatApiCode:()=>Re(e,t,w,d,_),children:(0,Y.jsxs)(M,{strategy:s,setStrategy:c,strategyDefinition:d,errors:m,groupIdTooltip:`Defaults to the feature flag name if not set.`,onSubmit:async()=>{let n=`/projects/${e}/settings/default-strategy`;try{await l(e,t,w),S(`default_strategy`,{props:{action:`edit`,hasTitle:!!w.title}}),r(),f({text:`Default Strategy updated`,type:`success`}),await o(),b(n)}catch(e){p(y(e))}},children:[(0,Y.jsx)(A,{permission:[ne,re],projectId:e,environmentId:t,variant:`contained`,color:`primary`,type:`submit`,disabled:u||!C||m.hasFormErrors(),"data-testid":ae,children:`Save strategy`}),(0,Y.jsx)(g,{type:`button`,onClick:()=>b(`/projects/${e}/settings/default-strategy`),children:`Cancel`})]})})},Le=e=>({name:e.name,title:e.title,constraints:e.constraints??[],parameters:Object.fromEntries(Object.entries(e.parameters??{}).filter(([,e])=>e!==void 0).map(([e,t])=>[e,String(t)])),variants:e.variants??[],segments:e.segments??[],disabled:e.disabled??!1}),Re=(e,t,n,r,i)=>{if(!i)return``;let a={...n,parameters:W(n.parameters??{},r)};return`curl --location --request POST '${`${i}/api/admin/projects/${e}/environments/${t}/default-strategy`}' \\
-    --header 'Authorization: INSERT_API_KEY' \\
-    --header 'Content-Type: application/json' \\
-    --data-raw '${JSON.stringify(a,void 0,2)}'`},ze=`
-    An activation strategy will only run when a feature flag is enabled and provides a way to control who will get access to the feature.
-    If any of a feature flag's activation strategies returns true, the user will get access.
-`,Be=`https://docs.getunleash.io/concepts/projects#project-default-strategy`,Ve=`Default strategy documentation`,He=e=>{let{data:t,error:n,mutate:r}=T(E(`api/admin/environments/project/${e}`),Ue);return{environments:(0,X.useMemo)(()=>t||[],[t]),refetchEnvironments:(0,X.useCallback)(async()=>{await r()},[r]),loading:!n&&!t,error:n}},Ue=async e=>(await fetch(e).then(w(`Environments`)).then(e=>e.json())).environments.sort((e,t)=>e.sortOrder-t.sortOrder),We=e=>{let{setToastData:t,setToastApiError:n}=v(),{addChange:r}=N(),{refetch:i}=U(e),[a,o]=(0,X.useState)(!1),[s,c]=(0,X.useState)({isOpen:!1});return{pending:a,onChangeRequestToggle:(0,X.useCallback)((e,t,n,r)=>{c({featureName:e,environment:t,enabled:n,shouldActivateDisabledStrategies:r,isOpen:!0})},[]),onChangeRequestToggleClose:(0,X.useCallback)(()=>{c(e=>({...e,isOpen:!1}))},[]),onChangeRequestToggleConfirm:(0,X.useCallback)(async()=>{try{o(!0),await r(e,s.environment,{feature:s.featureName,action:`updateEnabled`,payload:{enabled:!!s.enabled,shouldActivateDisabledStrategies:!!s.shouldActivateDisabledStrategies}}),i(),c(e=>({...e,isOpen:!1})),t({type:`success`,text:`Changes added to draft`})}catch(e){n(y(e)),c(e=>({...e,isOpen:!1}))}finally{o(!1)}},[r]),changeRequestDialogDetails:s}},Ge=({enabled:e,featureName:t,environment:n})=>(0,Y.jsxs)(m,{"data-testid":`update-enabled-message`,children:[(0,Y.jsx)(`strong`,{children:e?`Enable`:`Disable`}),` feature flag`,` `,(0,Y.jsx)(`strong`,{children:t}),` in `,(0,Y.jsx)(`strong`,{children:n})]}),Ke=a(`ul`)(({theme:e})=>({margin:e.spacing(1),paddingLeft:e.spacing(2)})),qe=({isOpen:e,onAddDefaultStrategy:t,onActivateDisabledStrategies:n,onClose:r,environment:i,featureId:a})=>{let o=q(`projectId`),{feature:s}=de(o,a),c=s.environments?.find(({name:e})=>e===i)?.strategies?.filter(({disabled:e})=>e).length,l=c?c===1?`1 disabled strategy`:`${c} disabled strategies`:`disabled strategies`;return(0,Y.jsxs)(z,{open:e,secondaryButtonText:`Cancel`,permissionButton:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(A,{type:`button`,variant:`outlined`,permission:O,projectId:o,environmentId:i,onClick:t,children:`Add default strategy`}),(0,Y.jsx)(A,{type:`button`,variant:`outlined`,permission:O,projectId:o,environmentId:i,onClick:n,children:`Enable all strategies`})]}),onClose:r,title:`Enable feature flag in ${i}`,fullWidth:!0,children:[(0,Y.jsx)(m,{sx:{mb:e=>e.spacing(3)},children:`A feature flag cannot be enabled without an enabled strategy.`}),(0,Y.jsx)(m,{children:`To enable this feature flag you can choose to:`}),(0,Y.jsxs)(Ke,{children:[(0,Y.jsx)(`li`,{children:(0,Y.jsx)(m,{children:(0,Y.jsx)(`strong`,{children:`Add the default strategy`})})}),(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(m,{children:[(0,Y.jsx)(`strong`,{children:`Enable all the disabled strategies`}),` `,`(this feature flag has `,l,`)`]})})]})]})},Je=e=>{let t=n=>{n<e.length&&e[n](()=>t(n+1))};t(0)},Ye=e=>{let{toggleFeatureEnvironmentOn:t,toggleFeatureEnvironmentOff:n}=P(),{setToastData:r,setToastApiError:i}=v(),[a,o]=(0,X.useState)({open:!1,label:``,loading:!1,onClose:()=>{},onClick:()=>{}}),[s,c]=(0,X.useState)({isOpen:!1,environment:``,featureId:``,onClose:()=>{},onActivateDisabledStrategies:()=>{},onAddDefaultStrategy:()=>{}}),{pending:l,onChangeRequestToggle:d,onChangeRequestToggleClose:f,onChangeRequestToggleConfirm:p,changeRequestDialogDetails:m}=We(e),[h,g]=(0,X.useState)(),_=(0,X.useCallback)(async(e,a)=>{let s=!1;return Je([t=>{if(a.isChangeRequestEnabled||!le(a.environmentType||``))return t();o({open:!0,label:`${e?`Enable`:`Disable`} Environment`,loading:!1,onClose:()=>{o(e=>({...e,open:!1})),a.onRollback?.()},onClick:()=>{o(e=>({...e,open:!1,loading:!0})),t()}})},t=>{if(e===!1||!a.hasStrategies||a.hasEnabledStrategies||a.hasReleasePlans)return t();c({isOpen:!0,environment:a.environmentName,featureId:a.featureId,onClose:()=>{c(e=>({...e,isOpen:!1})),a.onRollback?.()},onActivateDisabledStrategies:()=>{c(e=>({...e,isOpen:!1})),s=!0,t()},onAddDefaultStrategy:()=>{c(e=>({...e,isOpen:!1})),t()}})},t=>{if(!a.isChangeRequestEnabled)return t();g(()=>{g(void 0),a.onRollback?.()}),d(a.featureId,a.environmentName,e,s)},async t=>{if(e!==!1)return t();try{await n(a.projectId,a.featureId,a.environmentName),r({type:`success`,text:`Disabled in ${a.environmentName}`}),a.onSuccess?.()}catch(e){i(y(e)),a.onRollback?.()}},async n=>{if(e!==!0)return n();try{await t(a.projectId,a.featureId,a.environmentName,s),r({type:`success`,text:`Enabled in ${a.environmentName}`}),a.onSuccess?.()}catch(e){i(y(e)),a.onRollback?.()}}])},[o]),b=s.featureId.length!==0;return{onToggle:_,modals:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(_e,{...a}),(0,Y.jsx)(u,{condition:b,show:(0,Y.jsx)(qe,{...s})}),(0,Y.jsx)(K,{isOpen:m.isOpen,onClose:()=>{h?.(),f()},environment:m?.environment,disabled:l,onConfirm:()=>{h?.(),p()},messageComponent:(0,Y.jsx)(Ge,{enabled:m?.enabled,featureName:m?.featureName,environment:m.environment})})]})}},Xe=e=>{let[t,n]=(0,X.useState)(e),r=(0,X.useCallback)(()=>n(e),[e]);return(0,X.useEffect)(()=>{n(e)},[e]),[t,n,r]},Ze=a(h)(()=>({mx:`auto`,...S})),Qe=({projectId:e,featureId:t,environmentName:n,value:r,onToggle:i})=>{let[a,o,s]=Xe(r),c=()=>{o(!a),requestAnimationFrame(()=>{i(!a,s)})},l=`${t}-${n}`;return(0,Y.jsx)(Y.Fragment,{children:(0,Y.jsx)(Ze,{"data-testid":`TOGGLE-${l}`,children:(0,Y.jsx)(H,{tooltip:a?`Disable flag in ${n}`:`Enable flag in ${n}`,checked:r,environmentId:n,projectId:e,permission:te,slotProps:{input:{"aria-label":n}},onClick:c,"data-testid":`permission-switch`,disabled:r!==a})},l)})},$e=l((0,Y.jsx)(`path`,{d:`M16 11h-1V3c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v8H8c-2.76 0-5 2.24-5 5v7h18v-7c0-2.76-2.24-5-5-5m3 10h-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v3h-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v3H9v-3c0-.55-.45-1-1-1s-1 .45-1 1v3H5v-5c0-1.65 1.35-3 3-3h8c1.65 0 3 1.35 3 3z`}),`CleaningServices`),et=`flag-reminders:v1`,tt=50,nt=7,rt=({days:e=nt,maxReminders:t=tt}={})=>{let[n,r]=fe(et,{});return{shouldShowReminder:e=>{let t=n[e];return!t||ve(new Date,new Date(t))},snoozeReminder:(n,i=e)=>{let a=C(new Date,i).getTime();r(e=>{let r={...e,[n]:a},i=Object.entries(r);if(i.length>t){i.sort((e,t)=>e[1]-t[1]);let e=i.slice(i.length-t);return Object.fromEntries(e)}return r})}}},it=a(m)(({theme:e})=>({fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightBold,marginBottom:e.spacing(1.25)})),at=a(m)(({theme:e})=>({fontWeight:e.typography.fontWeightBold,marginTop:e.spacing(2.75),marginBottom:e.spacing(1.75)})),ot=a(`ul`)(({theme:e})=>({padding:0,margin:0,listStyle:`none`,display:`flex`,flexDirection:`column`,gap:e.spacing(1.5)})),Q=a(_)(({theme:e})=>({display:`flex`,alignItems:`center`,gap:e.spacing(1),color:`inherit`,fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightBold,paddingLeft:e.spacing(1),textDecoration:`none`,"&:hover, &:focus":{textDecoration:`underline`}})),st=()=>(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(it,{children:`Why do I need an SDK?`}),(0,Y.jsx)(m,{variant:`body2`,children:`SDKs serve to bind your application to Unleash. The SDK can connect to Unleash via HTTP and retrieve feature flag configuration that is then cached in your application. Making sure none of your application data ever leaves your servers.`}),(0,Y.jsx)(at,{children:`Other resources`}),(0,Y.jsxs)(ot,{children:[(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(Q,{href:`https://docs.getunleash.io/sdks`,target:`_blank`,rel:`noreferrer`,children:[(0,Y.jsx)(oe,{fontSize:`small`}),`SDK overview`]})}),(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(Q,{href:`https://github.com/Unleash/unleash-sdk-examples`,target:`_blank`,rel:`noreferrer`,children:[(0,Y.jsx)(me,{fontSize:`small`}),`SDK code examples repo`]})})]})]}),ct=a(f)(({theme:e})=>({boxShadow:`none`,border:`1px solid ${e.palette.divider}`,borderRadius:`${e.shape.borderRadiusLarge}px !important`,"&:before":{display:`none`},"&.Mui-disabled":{backgroundColor:e.palette.background.paper}})),lt=a(p)(({theme:e})=>({gap:e.spacing(1.5),fontWeight:e.typography.fontWeightBold,"& .MuiAccordionSummary-content":{alignItems:`center`,gap:e.spacing(1.5)},"&.Mui-disabled":{opacity:1,"& .MuiAccordionSummary-expandIconWrapper":{opacity:.5}}})),ut=a(J)(({theme:e})=>({display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:e.palette.success.main,color:`white`,border:`1px solid ${e.palette.success.main}`,"& svg":{width:e.spacing(2.5),height:e.spacing(2.5)}})),dt=a(h)({marginLeft:`auto`}),ft=a(d)(({theme:e})=>({borderTop:`1px solid ${e.palette.divider}`,padding:e.spacing(2),paddingLeft:e.spacing(6.5)})),$=({stepNumber:e,title:t,isExpanded:n,isCompleted:r,isDisabled:i,onExpand:a,summary:o,children:s})=>(0,Y.jsxs)(ct,{expanded:n,disabled:i,onChange:a,children:[(0,Y.jsxs)(lt,{expandIcon:(0,Y.jsx)(pe,{}),children:[r?(0,Y.jsx)(ut,{round:!0,children:(0,Y.jsx)(ue,{})}):(0,Y.jsx)(J,{color:n?`primary`:`neutral`,round:!0,children:e}),t,o&&(0,Y.jsx)(dt,{children:o})]}),(0,Y.jsx)(ft,{children:s})]}),pt=a(h)(({theme:e})=>({display:`flex`,alignItems:`center`,gap:e.spacing(1)})),mt=({sdk:e})=>{if(!e)return null;let t=xe.find(t=>t.name===e.name)?.icon;return(0,Y.jsxs)(pt,{children:[t&&(0,Y.jsx)(Se,{src:D(t),alt:``}),e.name]})},ht=(e,t)=>`${e}/api${Ee.some(e=>e.name===t)?`/frontend`:``}/`,gt=a(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(3)})),_t=({projectId:e,sdk:t,apiKey:n,feature:r,isActive:i,onSdkConnected:a})=>{let{uiConfig:o}=j(),[s,c]=(0,X.useState)(r),[l,u]=(0,X.useState)(!1);(0,X.useEffect)(()=>{r&&c(r)},[r]);let{project:d}=k(e,{refreshInterval:1e3}),f=d.onboardingStatus.status===`sdk-connected`;if((0,X.useEffect)(()=>{f&&a()},[f,a]),(0,X.useEffect)(()=>{if(f||!i)return;let e=setTimeout(()=>u(!0),3e4);return()=>clearTimeout(e)},[f,i]),!t||!n)return null;let p=ht(o.unleashUrl,t.name),[m]=(ye[t.name]||``).replace(`<YOUR_API_TOKEN>`,n).replace(`<YOUR_API_URL>`,p).replaceAll(`<YOUR_FLAG>`,s||`<YOUR_FLAG>`).split(`---
-`);return(0,Y.jsxs)(gt,{children:[(0,Y.jsx)(`div`,{children:(0,Y.jsx)(F,{components:{code:Ce},children:m})}),(0,Y.jsx)(we,{sdkConnected:f,connectedTitle:`We received metrics from your application`,connectedBody:`Your SDK is connected and evaluating flags.`,waitingTitle:`Waiting for SDK data...`,waitingBody:`Run your app and evaluate your flag. This step completes on its own.`,showTroubleshooting:l,troubleshootingText:`Not seeing evaluations after ~30s? Make sure your app has started and that the client was initialized with the API key from step 2.`})]})},vt=a(h)({display:`flex`,justifyContent:`flex-end`}),yt=a(`div`)(({theme:e})=>({flex:1,padding:e.spacing(3),display:`flex`,flexDirection:`column`,gap:e.spacing(2)})),bt=a(`div`)(({theme:e})=>({padding:e.spacing(3),display:`flex`,flexDirection:`column`})),xt=({open:e,onClose:t,projectId:n,environments:r,feature:i})=>{let{trackEvent:a}=x(),[o,s]=(0,X.useState)(0),[c,l]=(0,X.useState)(0),[u,d]=(0,X.useState)(),[f,p]=(0,X.useState)(),m=[{title:`Select SDK`,content:(0,Y.jsx)(be,{sdk:u,onSelect:e=>{d(e),s(1),l(1)}}),summary:(0,Y.jsx)(mt,{sdk:u})},{title:`Generate API key`,content:(0,Y.jsx)(De,{projectId:n,sdk:u,environments:r,onApiKeyChange:e=>{!e&&u&&s(1),p(e)},onNext:()=>{s(2),l(2)}}),summary:(0,Y.jsx)(Te,{apiKey:f})},{title:`Configure the SDK`,content:(0,Y.jsx)(_t,{projectId:n,sdk:u,apiKey:f,feature:i,isActive:o>=2,onSdkConnected:()=>s(3)})}],h=o>=m.length&&u,_=e=>{let t=e+1;c===e&&t<m.length&&t<=o?l(t):c!==e&&l(e)};return e?(0,Y.jsx)(Oe,{open:!0,onClose:t,title:`Connect SDK`,fullHeight:!0,aside:(0,Y.jsx)(bt,{children:(0,Y.jsx)(st,{})}),children:(0,Y.jsxs)(yt,{children:[m.map(({title:e,content:t,summary:n},r)=>{let i=r<o,a=r>o;return(0,Y.jsx)($,{stepNumber:r+1,title:e,isExpanded:c===r,isCompleted:i,isDisabled:a,onExpand:()=>_(r),summary:i&&n,children:t},e)}),(0,Y.jsx)(vt,{children:(0,Y.jsx)(g,{variant:`contained`,disabled:!h,onClick:()=>{h&&(a(`onboarding`,{props:{eventType:`onboarding-finished`,onboardedSdk:u.name}}),t())},children:`Finish setup`})})]})}):null},St=({isStale:e,isOpen:t,projectId:n,featureId:r,onClose:i})=>{let{setToastData:a,setToastApiError:o}=v(),{patchFeatureToggle:s}=P(),c=(0,Y.jsx)(m,{children:`Setting a flag to stale marks it for cleanup`}),l=(0,Y.jsx)(m,{children:`Setting a flag to active marks it as in active use`}),d=e?`active`:`stale`;return(0,Y.jsx)(z,{open:t,secondaryButtonText:`Cancel`,primaryButtonText:`Flip to ${d}`,title:`Set feature state to ${d}`,onClick:async t=>{t.stopPropagation();try{await s(n,r,[{op:`replace`,path:`/stale`,value:!e}]),i()}catch(e){o(y(e))}a(e?{type:`success`,text:`The flag is no longer marked as stale`}:{type:`success`,text:`The flag has been marked as stale`})},onClose:i,children:(0,Y.jsx)(u,{condition:e,show:l,elseShow:c})})};export{Qe as a,Ie as c,Pe as d,Ne as f,$e as i,Z as l,xt as n,Ye as o,je as p,rt as r,He as s,St as t,Fe as u};