unleash-server 7.6.1 → 7.6.2

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

@@ -0,0 +1,689 @@
+import{E as Z,j as n,F as ee,A as ve,l as Se,C as ne,m as Fe,n as Ne,bf as Le,kp as $e,o as Ye,b as L,T as y,s as h,u as je,b7 as ze,r as x,b6 as te,b8 as ae,ba as Be,c0 as $,aN as _e,by as He,hQ as Ge,bA as qe,f as P,bB as We,b9 as se,bq as Me,ao as Ue,kq as Ve,bG as Je,kr as Qe,b5 as M,ks as Xe,jB as Ze,jr as en,i as E,h as T,kt as nn,cp as Ce,aQ as tn,aR as an,aO as sn,aU as Ae,be as de,bc as ke,ku as on,kv as rn,kw as ln,jp as cn,kx as dn,B as _,an as un,cq as pn,fV as hn,hh as gn,K as Y,ia as mn,cN as Ie,ai as Re,ky as I,kz as fn,kA as bn,kB as xn,kC as yn,kD as vn,kE as Sn,kF as jn,kG as _n,kH as Un,kI as Cn,kJ as An,kK as kn,kL as In,kM as Rn,kN as En,fA as V,cL as J,it as z,cy as Tn,ie as wn,aM as N,d as Pn,x as Dn,hL as On,w as Kn,d3 as Fn,i_ as Q,aB as Nn,c8 as Ln}from"./index-CoLhlfXP.js";var oe={},$n=ee;Object.defineProperty(oe,"__esModule",{value:!0});var Ee=oe.default=void 0,Yn=$n(Z()),zn=n,Bn=(0,Yn.default)((0,zn.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-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");Ee=oe.default=Bn;const Hn=$e(),ja=({options:e,selectedOptions:t,indeterminateOptions:a,tagType:s,existingTags:o,disabled:r=!1,onChange:l})=>{const i=n.jsx(Ye,{fontSize:"small"}),d=u=>u.inputValue?u.inputValue:u.title,m=({key:u,...g},c,{selected:f})=>{const j=(a==null?void 0:a.some(v=>v.title===c.title))??!1;return n.jsxs("li",{...g,children:[n.jsx(ne,{condition:!!c.inputValue,show:n.jsx(Le,{sx:{mr:v=>v.spacing(.5)}}),elseShow:n.jsx(Fe,{icon:i,checkedIcon:n.jsx(Ne,{fontSize:"small"}),indeterminateIcon:n.jsx(Ee,{fontSize:"small"}),sx:{mr:v=>v.spacing(.5)},checked:f&&!j,indeterminate:j})}),c.title]},u)},b=(u,g)=>{const c=g.inputValue.trim(),f=Hn(u,{...g,inputValue:c}),j=u.some(v=>c===v.title);return c.length>=2&&!j&&f.push({inputValue:c,title:`Create new value "${c}"`}),f};return n.jsx(ve,{multiple:!0,id:"checkboxes-tag",sx:{marginTop:u=>u.spacing(2),width:500},disableCloseOnSelect:!0,options:e,value:t,isOptionEqualToValue:(u,g)=>g.inputValue&&g.inputValue!==""?u.title===g.inputValue:u.title===g.title,getOptionLabel:d,renderOption:m,filterOptions:b,ListboxProps:{style:{maxHeight:200,overflow:"auto"}},onChange:l,renderInput:u=>n.jsx(Se,{...u,label:"Select values",placeholder:"Select values"}),disabled:r})},Gn=h("li")({flexDirection:"column"}),_a=({options:e,value:t,disabled:a=!1,onChange:s})=>{const o=L();return n.jsx(ve,{disablePortal:!0,disabled:a,id:"tag-type-select",sx:{marginTop:r=>r.spacing(2),width:500},options:e,disableClearable:!0,value:t,getOptionLabel:r=>r.name,renderOption:({key:r,...l},i)=>n.jsxs(Gn,{...l,style:{alignItems:"flex-start",gap:o.spacing(.5)},children:[n.jsx(y,{variant:"body1",children:i.name}),n.jsx(y,{variant:"caption",children:i.description})]},r),renderInput:r=>n.jsx(Se,{...r,label:"Tag type",value:t}),onChange:s,ListboxProps:{style:{maxHeight:200,overflow:"auto"}}})},Ua=()=>{const{makeRequest:e,createRequest:t,errors:a,loading:s}=je({propagateErrors:!0});return{createTag:async l=>{const d=t("api/admin/tags",{method:"POST",body:JSON.stringify(l)});return e(d.caller,d.id)},bulkUpdateTags:async(l,i)=>{const d=`api/admin/projects/${i}/tags`,m=t(d,{method:"PUT",body:JSON.stringify(l)});return e(m.caller,m.id)},errors:a,loading:s}},Ca=(e,t={})=>{const a=async()=>{const m=te(`api/admin/tags/${e}`);return(await fetch(m,{method:"GET"}).then(ae("Tags"))).json()},s=`api/admin/tags/${e}`,{data:o,error:r}=ze(!!e,{tags:[]},s,a,t),[l,i]=x.useState(!r&&!o),d=()=>{Be(s)};return x.useEffect(()=>{i(!r&&!o)},[o,r]),{tags:(o==null?void 0:o.tags)||[],error:r,loading:l,refetch:d}},qn=(e,t)=>{var l,i;const{project:a,refetch:s}=$(e),o={name:"flexibleRollout",constraints:[],parameters:{rollout:"100",stickiness:a.defaultStickiness||"default",groupId:""}},r=(i=(l=a.environments)==null?void 0:l.find(d=>d.environment===t))==null?void 0:i.defaultStrategy;return{defaultStrategyFallback:o,strategy:r,refetch:s}},Aa=()=>{const e=_e("projectId"),t=He("environmentId"),{refetch:a}=$(e),{defaultStrategyFallback:s,strategy:o,refetch:r}=qn(e,t),[l,i]=x.useState(o||s),{updateDefaultStrategy:d,loading:m}=Ge(),{strategyDefinition:b}=qe(l.name),{setToastData:u,setToastApiError:g}=P(),c=We(),{uiConfig:f}=se(),{unleashUrl:j}=f,v=Me(),{trackEvent:R}=Ue(),k=Ve(l.constraints);if(!b)return null;const C=Wn(l),p=async()=>{const D=`/projects/${e}/settings/default-strategy`;try{await d(e,t,C),R("default_strategy",{props:{action:"edit",hasTitle:!!C.title}}),a(),u({text:"Default Strategy updated",type:"success"}),await r(),v(D)}catch(ce){g(T(ce))}};return n.jsx(Je,{modal:!0,disablePadding:!0,description:Vn,documentationLink:Jn,documentationLinkLabel:Qn,formatApiCode:()=>Mn(e,t,C,b,j),children:n.jsxs(Qe,{strategy:l,setStrategy:i,strategyDefinition:b,errors:c,groupIdTooltip:"Defaults to the feature flag name if not set.",onSubmit:p,children:[n.jsx(M,{permission:[Ze,en],projectId:e,environmentId:t,variant:"contained",color:"primary",type:"submit",disabled:m||!k||c.hasFormErrors(),"data-testid":Xe,children:"Save strategy"}),n.jsx(E,{type:"button",onClick:()=>v(`/projects/${e}/settings/default-strategy`),children:"Cancel"})]})})},Wn=e=>({name:e.name,title:e.title,constraints:e.constraints??[],parameters:Object.fromEntries(Object.entries(e.parameters??{}).filter(([,t])=>t!==void 0).map(([t,a])=>[t,String(a)])),variants:e.variants??[],segments:e.segments??[],disabled:e.disabled??!1}),Mn=(e,t,a,s,o)=>{if(!o)return"";const r={...a,parameters:nn(a.parameters??{},s)},l=`${o}/api/admin/projects/${e}/environments/${t}/default-strategy`,i=JSON.stringify(r,void 0,2);return`curl --location --request POST '${l}' \\
+    --header 'Authorization: INSERT_API_KEY' \\
+    --header 'Content-Type: application/json' \\
+    --data-raw '${i}'`},Vn=`
+    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.
+`,Jn="https://docs.getunleash.io/concepts/projects#project-default-strategy",Qn="Default strategy documentation",ka=e=>{const{data:t,error:a,mutate:s}=Ce(te(`api/admin/environments/project/${e}`),Xn),o=x.useMemo(()=>t||[],[t]),r=x.useCallback(async()=>{await s()},[s]);return{environments:o,refetchEnvironments:r,loading:!a&&!t,error:a}},Xn=async e=>(await fetch(e).then(ae("Environments")).then(a=>a.json())).environments.sort((a,s)=>a.sortOrder-s.sortOrder),Zn=e=>{const{setToastData:t,setToastApiError:a}=P(),{addChange:s}=tn(),{refetch:o}=an(e),[r,l]=x.useState(!1),[i,d]=x.useState({isOpen:!1}),m=x.useCallback((g,c,f,j)=>{d({featureName:g,environment:c,enabled:f,shouldActivateDisabledStrategies:j,isOpen:!0})},[]),b=x.useCallback(()=>{d(g=>({...g,isOpen:!1}))},[]),u=x.useCallback(async()=>{try{l(!0),await s(e,i.environment,{feature:i.featureName,action:"updateEnabled",payload:{enabled:!!i.enabled,shouldActivateDisabledStrategies:!!i.shouldActivateDisabledStrategies}}),o(),d(g=>({...g,isOpen:!1})),t({type:"success",text:"Changes added to draft"})}catch(g){a(T(g)),d(c=>({...c,isOpen:!1}))}finally{l(!1)}},[s]);return{pending:r,onChangeRequestToggle:m,onChangeRequestToggleClose:b,onChangeRequestToggleConfirm:u,changeRequestDialogDetails:i}},et=({enabled:e,featureName:t,environment:a})=>n.jsxs(y,{"data-testid":"update-enabled-message",children:[n.jsx("strong",{children:e?"Enable":"Disable"})," feature flag"," ",n.jsx("strong",{children:t})," in ",n.jsx("strong",{children:a})]}),nt=h("ul")(({theme:e})=>({margin:e.spacing(1),paddingLeft:e.spacing(2)})),tt=({isOpen:e,onAddDefaultStrategy:t,onActivateDisabledStrategies:a,onClose:s,environment:o,featureId:r})=>{var b,u,g;const l=_e("projectId"),{feature:i}=sn(l,r),d=(g=(u=(b=i.environments)==null?void 0:b.find(({name:c})=>c===o))==null?void 0:u.strategies)==null?void 0:g.filter(({disabled:c})=>c).length,m=d?d===1?"1 disabled strategy":`${d} disabled strategies`:"disabled strategies";return n.jsxs(Ae,{open:e,secondaryButtonText:"Cancel",permissionButton:n.jsxs(n.Fragment,{children:[n.jsx(M,{type:"button",variant:"outlined",permission:de,projectId:l,environmentId:o,onClick:t,children:"Add default strategy"}),n.jsx(M,{type:"button",variant:"outlined",permission:de,projectId:l,environmentId:o,onClick:a,children:"Enable all strategies"})]}),onClose:s,title:`Enable feature flag in ${o}`,fullWidth:!0,children:[n.jsx(y,{sx:{mb:c=>c.spacing(3)},children:"A feature flag cannot be enabled without an enabled strategy."}),n.jsx(y,{children:"To enable this feature flag you can choose to:"}),n.jsxs(nt,{children:[n.jsx("li",{children:n.jsx(y,{children:n.jsx("strong",{children:"Add the default strategy"})})}),n.jsx("li",{children:n.jsxs(y,{children:[n.jsx("strong",{children:"Enable all the disabled strategies"})," ","(this feature flag has ",m,")"]})})]})]})},at=e=>{const t=a=>{a<e.length&&e[a](()=>t(a+1))};t(0)},Ia=e=>{const{toggleFeatureEnvironmentOn:t,toggleFeatureEnvironmentOff:a}=ke(),{setToastData:s,setToastApiError:o}=P(),[r,l]=x.useState({open:!1,label:"",loading:!1,onClose:()=>{},onClick:()=>{}}),[i,d]=x.useState({isOpen:!1,environment:"",featureId:"",onClose:()=>{},onActivateDisabledStrategies:()=>{},onAddDefaultStrategy:()=>{}}),{pending:m,onChangeRequestToggle:b,onChangeRequestToggleClose:u,onChangeRequestToggleConfirm:g,changeRequestDialogDetails:c}=Zn(e),[f,j]=x.useState(),v=x.useCallback(async(C,p)=>{let D=!1;return at([U=>{if(p.isChangeRequestEnabled||!ln(p.environmentType||""))return U();l({open:!0,label:`${C?"Enable":"Disable"} Environment`,loading:!1,onClose:()=>{var S;l(A=>({...A,open:!1})),(S=p.onRollback)==null||S.call(p)},onClick:()=>{l(S=>({...S,open:!1,loading:!0})),U()}})},U=>{if(C===!1||!p.hasStrategies||p.hasEnabledStrategies||p.hasReleasePlans)return U();d({isOpen:!0,environment:p.environmentName,featureId:p.featureId,onClose:()=>{var S;d(A=>({...A,isOpen:!1})),(S=p.onRollback)==null||S.call(p)},onActivateDisabledStrategies:()=>{d(S=>({...S,isOpen:!1})),D=!0,U()},onAddDefaultStrategy:()=>{d(S=>({...S,isOpen:!1})),U()}})},U=>{if(!p.isChangeRequestEnabled)return U();j(()=>{var S;j(void 0),(S=p.onRollback)==null||S.call(p)}),b(p.featureId,p.environmentName,C,D)},async U=>{var S,A;if(C!==!1)return U();try{await a(p.projectId,p.featureId,p.environmentName),s({type:"success",text:`Disabled in ${p.environmentName}`}),(S=p.onSuccess)==null||S.call(p)}catch(G){o(T(G)),(A=p.onRollback)==null||A.call(p)}},async U=>{var S,A;if(C!==!0)return U();try{await t(p.projectId,p.featureId,p.environmentName,D),s({type:"success",text:`Enabled in ${p.environmentName}`}),(S=p.onSuccess)==null||S.call(p)}catch(G){o(T(G)),(A=p.onRollback)==null||A.call(p)}}])},[l]),R=i.featureId.length!==0,k=n.jsxs(n.Fragment,{children:[n.jsx(on,{...r}),n.jsx(ne,{condition:R,show:n.jsx(tt,{...i})}),n.jsx(rn,{isOpen:c.isOpen,onClose:()=>{f==null||f(),u()},environment:c==null?void 0:c.environment,disabled:m,onConfirm:()=>{f==null||f(),g()},messageComponent:n.jsx(et,{enabled:c==null?void 0:c.enabled,featureName:c==null?void 0:c.featureName,environment:c.environment})})]});return{onToggle:v,modals:k}},st=e=>{const[t,a]=x.useState(e),s=x.useCallback(()=>a(e),[e]);return x.useEffect(()=>{a(e)},[e]),[t,a,s]},ot=h(_)(()=>({mx:"auto",...un})),Ra=({projectId:e,featureId:t,environmentName:a,value:s,onToggle:o})=>{const[r,l,i]=st(s),d=()=>{l(!r),requestAnimationFrame(()=>{o(!r,i)})},m=`${t}-${a}`;return n.jsx(n.Fragment,{children:n.jsx(ot,{"data-testid":`TOGGLE-${m}`,children:n.jsx(cn,{tooltip:r?`Disable flag in ${a}`:`Enable flag in ${a}`,checked:s,environmentId:a,projectId:e,permission:dn,inputProps:{"aria-label":a},onClick:d,"data-testid":"permission-switch",disabled:s!==r})},m)})};var ie={},it=ee;Object.defineProperty(ie,"__esModule",{value:!0});var rt=ie.default=void 0,lt=it(Z()),ct=n,dt=(0,lt.default)((0,ct.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-5zm3 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 3v5z"}),"CleaningServices");rt=ie.default=dt;const ut="flag-reminders:v1",pt=50,ht=7,Ea=({days:e=ht,maxReminders:t=pt}={})=>{const[a,s]=pn(ut,{});return{shouldShowReminder:l=>{const i=a[l];return!i||gn(new Date,new Date(i))},snoozeReminder:(l,i=e)=>{const d=hn(new Date,i).getTime();s(m=>{const b={...m,[l]:d},u=Object.entries(b);if(u.length>t){u.sort((c,f)=>c[1]-f[1]);const g=u.slice(u.length-t);return Object.fromEntries(g)}return b})}}},gt=(e,t={})=>{const a=te(`api/admin/projects/${e}/api-tokens`),{data:s,error:o,mutate:r}=Ce(a,mt,t),l=x.useMemo(()=>s??[],[s]),i=x.useCallback(()=>{r().catch(console.warn)},[r]);return{tokens:l,error:o,loading:!o&&!s,refetch:i}},mt=async e=>(await(await fetch(e).then(ae("Project Api tokens"))).json()).tokens,ft=()=>{const{makeRequest:e,createRequest:t,errors:a,loading:s}=je({propagateErrors:!0});return{deleteToken:async(l,i)=>{const d=`api/admin/projects/${i}/api-tokens/${l}`,m=t(d,{method:"DELETE"});return e(m.caller,m.id)},createToken:async(l,i)=>{const d=`api/admin/projects/${i}/api-tokens`,m=t(d,{method:"POST",body:JSON.stringify(l)});return e(m.caller,m.id)},errors:a,loading:s}},bt=e=>{if(!e)return null;const[t,a]=e.split(":",2);if(!a)return null;const[s,o,...r]=a.split(".");return t&&s&&o&&r.length===0?{project:t,environment:s,secret:o}:null},w=h("div")(({theme:e})=>({fontWeight:e.typography.fontWeightBold,marginBottom:e.spacing(1),fontSize:e.typography.body1.fontSize})),B=h("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:e.spacing(2)})),xt=h("div")(({theme:e})=>({display:"flex",gap:e.spacing(1)})),yt=h("div")(({theme:e})=>({background:e.palette.background.application,borderRadius:e.shape.borderRadius,width:e.spacing(7),height:e.spacing(1)})),vt=h("div")(({theme:e})=>({background:e.palette.background.sidebar,borderRadius:e.shape.borderRadius,width:e.spacing(7),height:e.spacing(1)})),H=({active:e,steps:t})=>n.jsx(xt,{children:Array.from({length:t},(a,s)=>s===e?n.jsx(vt,{},s):n.jsx(yt,{},s))}),St=({environments:e,onSelect:t,currentEnvironment:a})=>{const s=Math.max(...e.map(o=>o.length));return n.jsx(mn,{tooltip:{header:""},description:"Select the environment where the API key will be created",options:e.map(o=>({label:o,value:o})),onChange:o=>{t(o)},button:{label:a,icon:n.jsx(Ie,{}),labelWidth:`${s+5}ch`},search:{label:"Filter project mode options",placeholder:"Select project mode"}})},jt=h("div")(({theme:e})=>({backgroundColor:e.palette.background.elevation1,borderRadius:e.shape.borderRadius,padding:e.spacing(3),display:"flex",flexDirection:"column",alignItems:"center"})),q=h("div")(({theme:e})=>({backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,padding:e.spacing(2),flex:1,color:e.palette.text.secondary,fontSize:e.typography.body2.fontSize})),_t=h(_)(({theme:e})=>({display:"flex",gap:e.spacing(2),alignItems:"flex-start",marginTop:e.spacing(8),flexWrap:"wrap"})),W=h("p")(({theme:e})=>({color:e.palette.text.secondary,fontSize:e.typography.body2.fontSize,marginBottom:e.spacing(2)})),Ut=h("div")(({theme:e})=>({padding:e.spacing(5,8,3,8),display:"flex",flexDirection:"column",gap:e.spacing(3)})),Ct=({project:e,environment:t,secret:a})=>{const s=L(),o=Re(s.breakpoints.up("lg"));return n.jsx(I.ArcherContainer,{strokeColor:s.palette.secondary.border,endMarker:!1,lineStyle:"curve",children:n.jsxs(jt,{children:[n.jsxs(_,{sx:{wordBreak:"break-all"},children:[n.jsx(I.ArcherElement,{id:"project",children:n.jsx("span",{children:e})}),":",n.jsx(I.ArcherElement,{id:"environment",children:n.jsx("span",{children:t})}),".",n.jsx(I.ArcherElement,{id:"secret",children:n.jsx("span",{children:a})})]}),o?n.jsxs(_t,{children:[n.jsx(I.ArcherElement,{id:"project-description",relations:[{targetId:"project",targetAnchor:"bottom",sourceAnchor:"top"}],children:n.jsx(q,{children:"The project this API key can retrieve feature flags from"})}),n.jsx(I.ArcherElement,{id:"environment-description",relations:[{targetId:"environment",targetAnchor:"bottom",sourceAnchor:"top"}],children:n.jsx(q,{children:"The environment this API key can retrieve feature flag configuration from"})}),n.jsx(I.ArcherElement,{id:"secret-description",relations:[{targetId:"secret",targetAnchor:"right",sourceAnchor:"top"}],children:n.jsx(q,{children:"The API key secret"})})]}):null]})})},At=({environments:e,environment:t,project:a,sdkType:s,onEnvSelect:o,onApiKey:r})=>{const{trackEvent:l}=Ue(),{tokens:i,refetch:d}=gt(a),{createToken:m,loading:b}=ft(),u=i.find(v=>v.environment===t&&v.type===s);x.useEffect(()=>{r((u==null?void 0:u.secret)||null)},[u]);const g=bt(u==null?void 0:u.secret),{setToastApiError:c}=P(),f=async()=>{try{await m({environment:t,type:s,projects:[a],tokenName:`api-key-${a}-${t}`},a),d(),j()}catch(v){c(T(v))}},j=()=>{l("onboarding",{props:{eventType:"api-key-generated"}})};return n.jsxs(Ut,{children:[n.jsx(y,{variant:"h2",children:"Connect an SDK to Unleash"}),n.jsxs(B,{children:[n.jsx(H,{active:1,steps:3}),n.jsx(Y,{color:"secondary",children:"2/3 - Generate API Key"})]}),n.jsxs(_,{sx:{mt:2},children:[n.jsx(w,{children:"Environment"}),n.jsx(W,{children:"The environment the SDK connects to to retrieve configuration."}),e.length>0?n.jsx(St,{environments:e,currentEnvironment:t,onSelect:o}):null]}),n.jsxs(_,{sx:{mt:3},children:[n.jsx(w,{children:"API Key"}),g?n.jsxs(W,{children:["Here is your generated API key. We will use it to connect to the ",n.jsx("b",{children:g.project})," project in the ",n.jsx("b",{children:g.environment})," environment."]}):n.jsx(W,{children:"You currently have no active API keys for this project/environment combination. Generate an API key to proceed with connecting your SDK."}),g?n.jsx(Ct,{project:g.project,environment:g.environment,secret:g.secret}):n.jsx(E,{variant:"contained",disabled:b,onClick:f,children:"Generate API Key"})]})]})},Te=[{name:"Node.js",icon:fn},{name:"Go",icon:bn},{name:"Ruby",icon:xn},{name:"PHP",icon:yn},{name:"Rust",icon:vn},{name:".NET",icon:Sn},{name:"Java",icon:jn},{name:"Python",icon:_n}],we=[{name:"JavaScript",icon:Un},{name:"React",icon:Cn},{name:"Vue",icon:An},{name:"Svelte",icon:kn},{name:"Swift",icon:In},{name:"Android",icon:Rn},{name:"Flutter",icon:En}],kt=[...Te,...we],It=h("div")(({theme:e})=>({padding:e.spacing(5,8,8,8),display:"flex",flexDirection:"column",gap:e.spacing(3)})),ue=h("div")(({theme:e})=>({marginTop:e.spacing(4),marginBottom:e.spacing(2),fontSize:e.typography.body1.fontSize})),pe=h("div")(({theme:e})=>({backgroundColor:e.palette.background.elevation1,borderRadius:e.shape.borderRadius,padding:e.spacing(6),display:"flex",columnGap:e.spacing(2),rowGap:e.spacing(5),alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap"})),he=h("div")(({theme:e})=>({fontSize:e.typography.body2.fontSize,backgroundColor:e.palette.background.default,borderRadius:e.shape.borderRadius,padding:e.spacing(2,3),width:"170px",position:"relative"})),ge=h("div")(()=>({display:"flex",justifyContent:"space-between"})),me=h(z)(({theme:e})=>({position:"absolute",width:e.spacing(4),height:e.spacing(4),top:e.spacing(-2.75),left:e.spacing(2),boxShadow:e.shadows[2]})),Rt=({onSelect:e})=>n.jsxs(It,{children:[n.jsx(y,{variant:"h2",children:"Connect an SDK to Unleash"}),n.jsxs(B,{children:[n.jsx(H,{active:0,steps:3}),n.jsx(Y,{color:"secondary",children:"1/3 - Choose SDK"})]}),n.jsxs(_,{sx:{mt:2},children:[n.jsx(w,{children:"Select SDK"}),n.jsx(ue,{children:"Server side SDKs"}),n.jsx(pe,{children:Te.map(t=>n.jsxs(he,{children:[n.jsx(me,{src:V(t.icon)}),n.jsxs(ge,{children:[n.jsx("b",{children:t.name})," ",n.jsx(J,{onClick:()=>e({name:t.name,type:"client"}),component:"button",children:"Select"})]})]},t.name))}),n.jsx(ue,{children:"Client side SDKs"}),n.jsx(pe,{children:we.map(t=>n.jsxs(he,{children:[n.jsx(me,{src:V(t.icon)}),n.jsxs(ge,{children:[n.jsx("b",{children:t.name})," ",n.jsx(J,{onClick:()=>e({name:t.name,type:"frontend"}),component:"button",children:"Select"})]})]},t.name))})]})]}),Pe=h("div")(({theme:e})=>({backgroundColor:e.palette.background.sidebar,padding:e.spacing(12,6,6,6),flex:0,minWidth:"400px"})),O=h("p")(({theme:e})=>({color:e.palette.primary.contrastText,fontSize:e.typography.caption.fontSize,marginBottom:e.spacing(2)})),re=({theme:e})=>({color:e.palette.primary.contrastText,fontSize:e.typography.body2.fontSize,marginTop:e.spacing(.5)}),Et=h(wn)(re),Tt=h(Ie)(re),De=h(Tn)(re),K=h("div")(({theme:e})=>({display:"flex",gap:e.spacing(1.5),alignItems:"flex-start",marginTop:e.spacing(3)})),F=h("div")(({theme:e})=>({color:e.palette.primary.contrastText,fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightBold,marginBottom:e.spacing(2)})),wt=()=>n.jsxs(Pe,{children:[n.jsxs(K,{children:[n.jsx(Et,{}),n.jsxs(_,{children:[n.jsx(F,{children:"Flags live in projects"}),n.jsx(O,{children:"Projects are containers for feature flags. Each flag belongs to the project where you create it."})]})]}),n.jsxs(K,{children:[n.jsx(Tt,{}),n.jsxs(_,{children:[n.jsx(F,{children:"Flags have configuration in environments"}),n.jsx(O,{children:"You can have multiple environments, and each feature flag has a different configuration per environment."})]})]}),n.jsxs(K,{children:[n.jsx(De,{}),n.jsxs(_,{children:[n.jsx(F,{children:"SDKs connect to Unleash to retrieve configuration"}),n.jsx(O,{children:"When you connect an SDK to Unleash, it uses the API key to identify which feature flags and configuration to retrieve from each environment."})]})]})]}),Pt=()=>n.jsx(Pe,{children:n.jsxs(K,{children:[n.jsx(De,{}),n.jsxs(_,{children:[n.jsx(F,{children:"SDKs and Unleash"}),n.jsx(O,{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."})]})]})}),Ta=h(z,{shouldForwardProp:e=>e!=="active"})(({theme:e,active:t})=>({transition:"background-color 0.5s ease",color:e.palette.common.white,backgroundColor:t?e.palette.primary.main:e.palette.divider,"@keyframes pulse":{"0%":{boxShadow:`0 0 0 0px ${N(e.palette.primary.main,.7)}`},"100%":{boxShadow:`0 0 0 20px ${N(e.palette.primary.main,0)}`}},animation:t?"pulse 2s infinite":""})),Dt=h(z,{shouldForwardProp:e=>e!=="active"})(({theme:e,active:t})=>({transition:"background-color 0.5s ease",color:e.palette.primary.main,backgroundColor:t?e.palette.background.default:e.palette.divider,"@keyframes pulse":{"0%":{boxShadow:`0 0 0 0px ${N(e.palette.background.default,.7)}`},"100%":{boxShadow:`0 0 0 20px ${N(e.palette.background.default,0)}`}},animation:t?"pulse 2s infinite":""}));var le={},Ot=ee;Object.defineProperty(le,"__esModule",{value:!0});var Oe=le.default=void 0,Kt=Ot(Z()),Ft=n,Nt=(0,Kt.default)((0,Ft.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"}),"Pending");Oe=le.default=Nt;const Lt=h("div")(({theme:e})=>({backgroundColor:e.palette.background.sidebar,padding:e.spacing(6,9,6,9),minWidth:"400px",display:"flex",flexDirection:"column",color:e.palette.primary.contrastText})),$t=h(y)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",fontWeight:e.typography.fontWeightBold})),Yt=h("div")(({theme:e})=>({display:"flex",flexDirection:"row",padding:e.spacing(4,0,12,0),justifyContent:"space-between",fontSize:e.spacing(1)})),fe=h("div")(({theme:e})=>({display:"flex",gap:e.spacing(1),flexDirection:"column"})),be=h("div")(({theme:e})=>({alignItems:"center",justifyContent:"center",display:"flex",gap:e.spacing(2),flexDirection:"column",fontSize:e.fontSizes.smallBody})),zt=h(Pn)(({theme:e})=>({color:e.palette.primary.main,backgroundColor:e.palette.background.paper,borderRadius:"50%",padding:e.spacing(1),width:"80px",height:"80px"})),Bt=({projectId:e,sdk:t,environment:a})=>{const s=L(),{project:o}=$(e,{refreshInterval:1e3}),r=o.onboardingStatus.status==="onboarded";return n.jsxs(Lt,{children:[n.jsx($t,{children:"Connection information"}),n.jsxs(Yt,{children:[n.jsxs(fe,{children:[n.jsx(y,{fontWeight:"bold",variant:"body2",children:"Environment"}),n.jsx(y,{variant:"body2",children:a})]}),n.jsxs(fe,{children:[n.jsx(y,{fontWeight:"bold",variant:"body2",children:"SDK"}),n.jsx(y,{variant:"body2",children:t})]})]}),r?n.jsxs(be,{children:[n.jsx(y,{fontWeight:"bold",variant:"body2",children:"Connection status"}),n.jsx(y,{sx:{mb:s.spacing(4)},variant:"body2",children:"Connected"}),n.jsx(zt,{}),n.jsx(y,{sx:{mb:s.spacing(4)},variant:"body2",children:"We received metrics from your application!"})]}):n.jsxs(be,{children:[n.jsx(y,{fontWeight:"bold",variant:"body2",children:"Connection status"}),n.jsx(y,{sx:{mb:s.spacing(4)},variant:"body2",children:"Waiting for SDK data..."}),n.jsx(Dt,{sx:{width:80,height:80},active:!0,children:n.jsx(Oe,{fontSize:"large"})})]})]})},Ht=`1\\. Install the SDK
+
+\`\`\`gradle
+implementation("io.getunleash:unleash-android:1")
+\`\`\`
+
+2\\. Enable required [permissions](https://developer.android.com/guide/topics/manifest/uses-permission-element)
+
+\`\`\`xml
+<uses-permission android:name="android.permission.INTERNET" />
+<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+\`\`\`
+
+2\\. Initialize Unleash in your application
+
+\`\`\`kotlin
+class MyApplication: Application() {
+    val unleash: Unleash by lazy {
+        val instance = DefaultUnleash(
+            androidContext = this,
+            unleashConfig = UnleashConfig.newBuilder(appName = "unleash-onboarding-android")
+                .proxyUrl("<YOUR_API_URL>")
+                .clientKey("<YOUR_API_TOKEN>")
+                .build()
+        )
+        instance.start()
+        instance
+    }
+
+    override fun onTerminate() {
+        super.onTerminate()
+        unleash.close()
+    }
+}
+\`\`\`
+
+3\\. Check flag status
+
+\`\`\`kotlin
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        val unleashInstance = (application as MyApplication).unleash
+
+        setContent {
+            var flagStatus by remember { mutableStateOf("loading") }
+            LaunchedEffect(Unit) {
+                while (isActive) {
+                    val isFlagEnabled = unleashInstance.isEnabled("<YOUR_FLAG>")
+                    flagStatus = if (isFlagEnabled) "enabled" else "disabled"
+                    delay(3000L)
+                }
+            }
+
+            Text(text = "Flag is $flagStatus!")
+        }
+
+    }
+}
+\`\`\`
+ℹ️ **Info:** The Android SDK takes at least 60 seconds to post metrics to Unleash.
+
+---
+---
+- [SDK repository with documentation and example](https://github.com/Unleash/unleash-android)
+- [Android SDK basic example](hhttps://github.com/Unleash/unleash-sdk-examples/tree/main/Android)
+`,Gt=`1\\. Install the SDK
+\`\`\`sh
+go get github.com/Unleash/unleash-client-go/v4
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`go
+package main
+
+import (
+    "github.com/Unleash/unleash-client-go/v4"
+    "net/http"
+    "time"
+)
+
+func init() {
+    unleash.Initialize(
+        unleash.WithListener(&unleash.DebugListener{}),
+        unleash.WithAppName("unleash-onboarding-golang"),
+        unleash.WithUrl("<YOUR_API_URL>"),
+        unleash.WithCustomHeaders(http.Header{"Authorization": {"<YOUR_API_TOKEN>"}}), // in production use environment variable
+    )
+}
+
+func main() {
+    for {
+        unleash.IsEnabled("<YOUR_FLAG>")
+        time.Sleep(time.Second)
+    }
+}
+\`\`\`
+
+---
+\`\`\`go
+func init() {
+    unleash.Initialize(
+        unleash.WithListener(&unleash.DebugListener{}),
+        unleash.WithAppName("unleash-onboarding-golang"),
+        unleash.WithUrl("<YOUR_API_URL>"),
+        unleash.WithCustomHeaders(http.Header{
+            "Authorization": {os.Getenv("UNLEASH_API_KEY")},
+        })
+    )
+}
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-go)
+- [Go SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Go)
+`,qt=`1\\. Install the SDK
+\`\`\`sh
+npm install unleash-proxy-client
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`js
+const { UnleashClient } = require('unleash-proxy-client');
+
+const unleash = new UnleashClient({
+    url: '<YOUR_API_URL>',
+    clientKey: '<YOUR_API_TOKEN>', // in production use environment variable
+    appName: 'unleash-onboarding-javascript',
+});
+
+unleash.start();
+
+setInterval(() => {
+    console.log('Is enabled', unleash.isEnabled('<YOUR_FLAG>'));
+}, 1000);
+\`\`\`
+---
+\`\`\`js
+const unleash = new UnleashClient({
+    url: '<YOUR_API_URL>',
+    clientKey: process.env.UNLEASH_API_TOKEN,
+    appName: 'unleash-onboarding-javascript',
+});
+unleash.start();
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-proxy-client-js)
+- [JavaScript SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/JavaScript)
+`,Wt=`1\\. Install the SDK
+\`\`\`sh
+npm install unleash-client
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`js
+const { initialize } = require('unleash-client');
+
+const unleash = initialize({
+  url: '<YOUR_API_URL>',
+  appName: 'unleash-onboarding-node',
+  customHeaders: {
+    Authorization: '<YOUR_API_TOKEN>' // in production use environment variable
+  },
+});
+
+setInterval(() => {
+  console.log('Is enabled', unleash.isEnabled('<YOUR_FLAG>'));
+}, 1000);
+\`\`\`
+
+---
+\`\`\`js
+const { initialize } = require('unleash-client');
+
+const unleash = initialize({
+    url: '<YOUR_API_URL>',
+    appName: 'unleash-onboarding-node',
+    customHeaders: { Authorization: process.env.UNLEASH_API_KEY  },
+});
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-node)
+- [Node.js SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Node.js)
+- [Node.js SDK tutorial](https://dev.to/reeshee/how-to-implement-feature-flags-in-nodejs-using-unleash-3907)
+`,Mt=`1\\. Install the SDK
+\`\`\`sh
+pip install UnleashClient
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`python
+from UnleashClient import UnleashClient
+import asyncio
+
+client = UnleashClient(
+    url="<YOUR_API_URL>",
+    app_name="unleash-onboarding-python",
+    custom_headers={'Authorization': '<YOUR_API_TOKEN>'}) # in production use environment variable
+
+client.initialize_client()
+
+while True:
+    print(client.is_enabled("<YOUR_FLAG>"))
+    asyncio.run(asyncio.sleep(1))
+\`\`\`
+---
+\`\`\`python
+from UnleashClient import UnleashClient
+import asyncio
+import os
+
+client = UnleashClient(
+    url="<YOUR_API_URL>",
+    app_name="unleash-onboarding-python",
+    custom_headers={'Authorization': os.getenv('UNLEASH_API_TOKEN')}
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-python)
+- [Python SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Python)
+- [How to Implement Feature Flags in Python](https://docs.getunleash.io/feature-flag-tutorials/python)
+`,Vt=`1\\. Install the SDK
+\`\`\`sh
+gem install unleash
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`rb
+require 'unleash'
+
+@unleash = Unleash::Client.new(
+  url: "<YOUR_API_URL>",
+  custom_http_headers: { 'Authorization': "<YOUR_API_TOKEN>" },  # in production use environment variable
+  app_name: 'unleash-onboarding-ruby',
+  instance_id: 'unleash-onboarding-ruby',
+)
+
+while true
+  if @unleash.is_enabled?("<YOUR_FLAG>")
+    puts "Flag is enabled"
+  else
+    puts "Flag is not enabled"
+  end
+  sleep 3
+end
+
+\`\`\`
+---
+\`\`\`rb
+@unleash = Unleash::Client.new(
+  url: "<YOUR_API_URL>",
+  custom_http_headers: { 'Authorization': ENV['UNLEASH_API_TOKEN'] },
+  app_name: 'unleash-onboarding-ruby',
+  instance_id: 'unleash-onboarding-ruby',
+)
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-ruby)
+- [Ruby example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Ruby)
+- [How to Implement Feature Flags in Ruby](https://docs.getunleash.io/feature-flag-tutorials/ruby)
+`,Jt=`1\\. Install the SDK
+\`\`\`sh
+npm install @unleash/proxy-client-svelte
+\`\`\`
+
+2\\. Initialize Unleash
+\`\`\`svelte
+<script>
+	import { FlagProvider } from '@unleash/proxy-client-svelte';
+
+	const config = {
+        url: '<YOUR_API_URL>',
+        clientKey: '<YOUR_API_TOKEN>', // in production use environment variable
+        appName: 'unleash-onboarding-svelte',
+	};
+<\/script>
+
+<div class="app">
+	<FlagProvider {config}>
+		<main>
+			<slot />
+		</main>
+	</FlagProvider>
+</div>
+\`\`\`
+
+3\\. Check feature flag status
+\`\`\`svelte
+<script lang="ts">
+	import { useFlag } from '@unleash/proxy-client-svelte';
+	const enabled = useFlag('<YOUR_FLAG>');
+<\/script>
+
+<section>
+    <p>
+        {$enabled ? 'Feature is enabled!' : 'Feature is disabled!'}
+    </p>
+</section>
+\`\`\`
+---
+\`\`\`svelte
+const config = {
+    url: '<YOUR_API_URL>',
+    clientKey: import.meta.env.VITE_UNLEASH_API_TOKEN,
+    appName: 'unleash-onboarding-svelte',
+};
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/proxy-client-svelte)
+- [Svelte example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Svelte)
+- [How to Implement Feature Flags in SvelteKit](https://docs.getunleash.io/feature-flag-tutorials/sveltekit)
+`,Qt=`1\\. Install the SDK
+\`\`\`sh
+npm install @unleash/proxy-client-vue
+\`\`\`
+
+2\\. Initialize Unleash
+\`\`\`vue
+<script setup lang="ts">
+    import { FlagProvider } from '@unleash/proxy-client-vue'
+
+    const config = {
+        url: '<YOUR_API_URL>',
+        clientKey: '<YOUR_API_TOKEN>', // in production use environment variable
+        appName: 'unleash-onboarding-vue',
+    }
+<\/script>
+
+<template>
+  <FlagProvider :config="config">
+    <!-- <YourComponent /> -->
+  </FlagProvider>
+</template>
+\`\`\`
+
+3\\. Check feature flag status
+\`\`\`vue
+<script setup lang="ts">
+    import { useFlag } from '@unleash/proxy-client-vue'
+    const enabled = useFlag('<YOUR_FLAG>')
+<\/script>
+
+<template>
+  <div>
+    {{ enabled ? 'Feature is enabled!' : 'Feature is disabled!' }}
+  </div>
+</template>
+\`\`\`
+---
+\`\`\`svelte
+const config = {
+    url: '<YOUR_API_URL>',
+    clientKey: import.meta.env.VITE_UNLEASH_API_TOKEN,
+    appName: 'unleash-onboarding-vue',
+}
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/proxy-client-vue)
+- [Vue example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Vue)
+`,Xt=`1\\. Install the SDK
+\`\`\`sh
+flutter pub add unleash_proxy_client_flutter
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`dart
+import 'package:unleash_proxy_client_flutter/unleash_proxy_client_flutter.dart';
+import 'dart:async';
+
+final unleash = UnleashClient(
+    url: Uri.parse('<YOUR_API_URL>'),
+    clientKey: '<YOUR_API_TOKEN>', // in production use environment variable
+    appName: 'unleash-onboarding-flutter');
+
+unleash.start();
+
+Timer.periodic(Duration(seconds: 1), (Timer timer) {
+   final flagStatus = unleash.isEnabled('<YOUR_FLAG>');
+   print('Flag is \${unleash.isEnabled("<YOUR_FLAG>") ? "enabled" : "disabled"}');
+});
+\`\`\`
+---
+\`\`\`dart
+import 'package:unleash_proxy_client_flutter/unleash_proxy_client_flutter.dart';
+import 'dart:async';
+import 'dart:io';
+
+final unleash = UnleashClient(
+    url: Uri.parse('<YOUR_API_URL>'),
+    clientKey: Platform.environment['UNLEASH_CLIENT_KEY']!,
+    appName: 'unleash-onboarding-flutter');
+
+unleash.start();
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash_proxy_client_flutter)
+- [Flutter example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Flutter)
+- [A/B Testing in Flutter using Unleash and Mixpanel](https://docs.getunleash.io/feature-flag-tutorials/flutter/a-b-testing)
+`,Zt=`1\\. Install the SDK
+\`\`\`xml
+<dependency>
+    <groupId>io.getunleash</groupId>
+    <artifactId>unleash-client-java</artifactId>
+    <version>LATEST</version>
+</dependency>
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`java
+UnleashConfig config = UnleashConfig.builder()
+    .appName("unleash-onboarding-java")
+    .instanceId("unleash-onboarding-instance")
+    .unleashAPI("<YOUR_API_URL>")
+    .apiKey("<YOUR_API_TOKEN>") // in production use environment variable
+    .build();
+
+Unleash unleash = new DefaultUnleash(config);
+
+while (true) {
+    boolean featureEnabled = unleash.isEnabled("<YOUR_FLAG>");
+    System.out.println("Feature enabled: " + featureEnabled);
+    Thread.sleep(1000);
+}
+\`\`\`
+
+---
+\`\`\`java
+UnleashConfig config = UnleashConfig.builder()
+    .appName("unleash-onboarding-java")
+    .instanceId("unleash-onboarding-instance")
+    .unleashAPI("<YOUR_API_URL>")
+    .apiKey(System.getenv("UNLEASH_API_KEY"))
+    .build();
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-java)
+- [Java SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Java)
+- [How to Implement Feature Flags in Java](https://docs.getunleash.io/feature-flag-tutorials/java)
+`,ea=`1\\. Install the SDK
+\`\`\`sh
+dotnet add package unleash.client
+// If you do not have a json library in your project:
+dotnet add package Newtonsoft.Json
+\`\`\`
+
+2\\. Initialize Unleash
+\`\`\`csharp
+using Unleash;
+using Unleash.ClientFactory;
+
+public class Program
+{
+    public static async Task Main()
+    {
+        var settings = new UnleashSettings()
+        {
+            AppName = "unleash-onboarding-dotnet",
+            UnleashApi = new Uri("<YOUR_API_URL>"),
+            CustomHttpHeaders = new Dictionary<string, string>()
+            {
+                {"Authorization","<YOUR_API_TOKEN>"} // in production use environment variable
+            }
+        };
+
+        var unleash =  new DefaultUnleash(settings);
+
+        while (true) {
+            Console.WriteLine($"Flag is enabled: {unleash.IsEnabled("<YOUR_FLAG>")}");
+            await Task.Delay(1000);
+        }
+    }
+}
+
+\`\`\`
+
+---
+\`\`\`csharp
+var settings = new UnleashSettings()
+{
+    AppName = "unleash-onboarding-dotnet",
+    UnleashApi = new Uri("<YOUR_API_URL>"),
+    CustomHttpHeaders = new Dictionary<string, string>()
+    {
+        {"Authorization",Environment.GetEnvironmentVariable("UNLEASH_API_KEY")}
+    }
+};
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-dotnet)
+- [.NET/C# SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Csharp)
+`,na=`1\\. Install the SDK
+\`\`\`sh
+composer require unleash/client
+\`\`\`
+
+2\\. Initialize Unleash
+\`\`\`php
+<?php
+
+use Unleash\\\\Client\\\\UnleashBuilder;
+
+require 'vendor/autoload.php';
+
+$unleash = UnleashBuilder::create()
+    ->withAppName('unleash-onboarding-php')
+    ->withAppUrl('<YOUR_API_URL>')
+    ->withHeader('Authorization', '<YOUR_API_TOKEN>') // in production use environment variable
+    ->withInstanceId('unleash-onboarding-instance')
+    ->build();
+
+while (true) {
+    echo 'Feature flag is:  ' . $unleash->isEnabled('<YOUR_FLAG>') . PHP_EOL;
+    sleep(1);
+}
+\`\`\`
+---
+\`\`\`php
+$unleash = UnleashBuilder::create()
+    ->withAppName('unleash-onboarding-php')
+    ->withAppUrl('<YOUR_API_URL>')
+    ->withHeader('Authorization', getenv('UNLEASH_API_TOKEN'))
+    ->withInstanceId('unleash-onboarding-instance')
+    ->build();
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-php)
+- [PHP SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/PHP)
+`,ta=`1\\. Install the SDK
+\`\`\`sh
+npm install @unleash/proxy-client-react unleash-proxy-client
+\`\`\`
+
+2\\. Initialize Unleash
+\`\`\`jsx
+import { createRoot } from 'react-dom/client';
+import { FlagProvider } from '@unleash/proxy-client-react';
+
+const config = {
+  url: '<YOUR_API_URL>',
+  clientKey: '<YOUR_API_TOKEN>', // in production use environment variable
+  appName: 'unleash-onboarding-react',
+};
+
+const root = createRoot(document.getElementById('root'));
+
+root.render(
+  <React.StrictMode>
+    <FlagProvider config={config}>
+      <App />
+    </FlagProvider>
+  </React.StrictMode>
+);
+\`\`\`
+
+3\\. Check feature flag status
+\`\`\`jsx
+import { useFlag } from '@unleash/proxy-client-react';
+
+const TestComponent = () => {
+  const enabled = useFlag('<YOUR_FLAG>');
+
+  return enabled ? 'Flag is enabled' : 'Flag is disabled'
+};
+\`\`\`
+---
+\`\`\`jsx
+const config = {
+  url: '<YOUR_API_URL>', 
+  clientKey: process.env.UNLEASH_API_TOKEN,
+  appName: 'unleash-onboarding-react',
+};
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/proxy-client-react)
+- [React SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/React)
+- [https://docs.getunleash.io/feature-flag-tutorials/react](https://docs.getunleash.io/feature-flag-tutorials/react)
+
+`,aa=`1\\. Install the SDK
+\`\`\`sh
+cargo add unleash-api-client --features async-std,reqwest,surf
+cargo add serde --features derive
+cargo add serde reqwest --features json
+cargo add serde tokio --features full
+cargo add serde anyhow cfg cfg-if enum-map@~2.0.0 surf
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`rust
+use enum_map::Enum;
+use serde::{Deserialize, Serialize};
+use std::error::Error;
+use std::time::Duration;
+use tokio::time::sleep;
+use unleash_api_client::client::ClientBuilder;
+use unleash_api_client::Client;
+
+#[derive(Debug, Deserialize, Serialize, Enum, Clone)]
+enum Flags {
+    #[serde(rename = "<YOUR_FLAG>")]
+    TestFlag,
+}
+
+#[tokio::main]
+async fn main() -> Result<(), Box<dyn Error + Send + Sync>> {
+    let client: Client<Flags, reqwest::Client> = ClientBuilder::default()
+        .into_client(
+            "<YOUR_API_URL>",
+            "unleash-onboarding-rust",
+            "unleash-onboarding-instance",
+            Some("<YOUR_API_TOKEN>".to_owned()), // in production use environment variable
+        )?;
+    client.register().await?;
+
+    let (_, _) = tokio::join!(client.poll_for_updates(), async {
+        sleep(Duration::from_millis(1000)).await;
+
+        let is_enabled = client.is_enabled(Flags::TestFlag, None, true);
+        println!("\\nIs flag enabled: {}\\n", is_enabled);
+
+        sleep(Duration::from_millis(5000)).await;
+
+        client.stop_poll().await;
+        Ok::<(), Box<dyn Error + Send + Sync>>(())
+    });
+
+    Ok(())
+}
+\`\`\`
+---
+\`\`\`rust
+let api_token = env::var("UNLEASH_API_TOKEN").expect("UNLEASH_API_TOKEN environment variable not set");
+
+let client: Client<Flags, reqwest::Client> = ClientBuilder::default()
+    .into_client(
+        "<YOUR_API_URL>",
+        "unleash-onboarding-rust",
+        "unleash-onboarding-instance",
+        Some(api_token.to_owned()),
+    )?;
+client.register().await?;
+\`\`\`
+
+---
+- [SDK repository with documentation](https://github.com/Unleash/unleash-client-rust)
+- [Rust example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Rust)
+- [How to Implement Feature Flags in Rust](https://docs.getunleash.io/feature-flag-tutorials/rust)
+`,sa=`1\\. Install the SDK
+\`\`\`sh
+// Instructions to add the Swift SDK can be found at the provided URL:
+https://github.com/Unleash/unleash-proxy-client-swift.git
+\`\`\`
+
+2\\. Run Unleash
+\`\`\`swift
+import Foundation
+import UnleashProxyClientSwift
+
+var unleash = UnleashProxyClientSwift.UnleashClient(
+   unleashUrl: "<YOUR_API_URL>",
+   clientKey: "<YOUR_API_TOKEN>", // in production use environment variable
+   appName: "unleash-onboarding-swift",
+   context: [:])
+
+unleash.start()
+
+Timer.scheduledTimer(withTimeInterval: 1.0, repeats: true) { _ in
+    print("Is enabled", unleash.isEnabled(name: "<YOUR_FLAG>"))
+}
+\`\`\`
+ℹ️ **Info:** The Swift SDK takes at least 60 seconds to post metrics to Unleash.
+`,Ke={Android:Ht,Go:Gt,JavaScript:qt,"Node.js":Wt,Python:Mt,Ruby:Vt,Svelte:Jt,Vue:Qt,Flutter:Xt,Java:Zt,".NET":ea,PHP:na,React:ta,Rust:aa,Swift:sa},oa=h("pre")(({theme:e})=>({backgroundColor:e.palette.background.elevation1,padding:e.spacing(2),borderRadius:e.shape.borderRadius,overflow:"auto",fontSize:e.typography.body2.fontSize,wordBreak:"break-all",whiteSpace:"pre-wrap",position:"relative",maxHeight:e.spacing(34)})),ia=h(Kn)(({theme:e})=>({position:"absolute",top:e.spacing(1),right:e.spacing(1)})),ra=({title:e,code:t})=>{const a=o=>()=>{Fn(o),s({type:"success",text:"Copied to clipboard"})},{setToastData:s}=P();return n.jsxs(oa,{children:[t,n.jsx(ia,{title:e,arrow:!0,children:n.jsx(Dn,{onClick:a(t),size:"small",children:n.jsx(On,{})})})]})},X=({inline:e=!1,children:t})=>!e&&typeof(t==null?void 0:t[0])=="string"?n.jsx(ra,{code:t[0],title:"Copy code"}):n.jsx("code",{children:t}),la=h("div")(({theme:e})=>({padding:e.spacing(5,8,2,8),display:"flex",flexDirection:"column",gap:e.spacing(3)})),ca=h("div")(({theme:e})=>({display:"inline-flex",gap:e.spacing(3),padding:e.spacing(1,2),border:`1px solid ${e.palette.divider}`,borderRadius:e.shape.borderRadius,marginBottom:e.spacing(3)})),da=({sdk:e,apiKey:t,feature:a,onSdkChange:s})=>{var c;const{uiConfig:o}=se(),r=(c=kt.find(f=>f.name===e.name))==null?void 0:c.icon,l=`${o.unleashUrl}/api/`,i=`${o.unleashUrl}/api/frontend/`,d=e.type==="client"?l:i,m=(Ke[e.name]||"").replace("<YOUR_API_TOKEN>",t).replace("<YOUR_API_URL>",d).replaceAll("<YOUR_FLAG>",a),[b,u,g]=m.split(`---
+`);return n.jsxs(la,{children:[n.jsx(y,{variant:"h2",children:"Connect an SDK to Unleash"}),n.jsxs(B,{children:[n.jsx(H,{active:2,steps:3}),n.jsx(Y,{color:"secondary",children:"3/3 - Test connection"})]}),n.jsxs(_,{sx:{mt:2},children:[n.jsxs(ca,{children:[r?n.jsx(z,{variant:"circular",src:V(r),alt:e.name}):null,n.jsx(J,{onClick:s,component:"button",children:"Change SDK"})]}),n.jsx(w,{children:"Setup the SDK"}),n.jsx(Q,{components:{code:X},children:b})]})]})},ua=h("div")(({theme:e})=>({padding:e.spacing(5,8,2,8),display:"flex",flexDirection:"column",gap:e.spacing(3),fontSize:e.typography.body2.fontSize})),pa=({sdk:e})=>{const{uiConfig:t}=se(),a=`${t.unleashUrl}/api/`,s=`${t.unleashUrl}/api/frontend/`,o=e.type==="client"?a:s,r=(Ke[e.name]||"").replaceAll("<YOUR_API_URL>",o),[l,i,d]=r.split(`---
+`);return n.jsxs(ua,{children:[n.jsx(y,{variant:"h2",children:"Connect an SDK to Unleash"}),n.jsxs(B,{children:[n.jsx(H,{active:2,steps:3}),n.jsx(Y,{color:"secondary",children:"3/3 - Test connection"})]}),i!=null&&i.trim()?n.jsxs(_,{sx:{mt:2},children:[n.jsx(w,{children:"Production settings"}),n.jsx(y,{variant:"body2",children:"You have successfully connected your SDK. In the previous code example, the settings were optimized for development. We recommend the following setup for production."}),n.jsx(Q,{components:{code:X},children:i})]}):null,d!=null&&d.trim()?n.jsxs(_,{children:[n.jsx(w,{children:"Additional resources"}),n.jsx(y,{variant:"body2",children:"Now that we’ve validated the connection, you might want to look into more advanced use cases and examples:"}),n.jsx(Q,{components:{code:X},children:d})]}):null]})},ha=({sdk:e,apiKey:t,feature:a,onSdkChange:s})=>n.jsx(x.Suspense,{fallback:n.jsx(Nn,{}),children:a?n.jsx(da,{sdk:e,apiKey:t,feature:a,onSdkChange:s}):n.jsx(pa,{sdk:e})}),ga=h("main")(({theme:e})=>({backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column",flex:1})),ma=h(Ln)(({theme:e})=>({"& .MuiDialog-paper":{borderRadius:e.shape.borderRadiusLarge,maxWidth:e.spacing(170),width:"100%",backgroundColor:"transparent"},padding:0,"& .MuiPaper-root > section":{overflowX:"hidden"}})),xe=h("div")(({theme:e})=>({borderTop:`1px solid ${e.palette.divider}}`,display:"flex",justifyContent:"flex-end",gap:e.spacing(4),alignItems:"center",padding:e.spacing(3,8,3,8)})),ye=h("div")(({theme:e})=>({display:"flex",justifyContent:"flex-end",gap:e.spacing(4),alignItems:"center",padding:e.spacing(3,8,3,8)})),fa=({onClose:e,onFinish:t,environments:a,project:s,feature:o})=>{const r=L(),l=Re(r.breakpoints.up("lg")),[i,d]=x.useState(null),[m,b]=x.useState(null),[u,g]=x.useState(null),[c,f]=x.useState("select-sdk"),{project:j}=$(s,{refreshInterval:1e3}),v=c==="select-sdk",R=c==="generate-api-key"&&i&&m,k=c==="test-connection"&&i&&m&&u,C=j.onboardingStatus.status==="onboarded";return x.useEffect(()=>{a.length>0&&b(a[0])},[JSON.stringify(a)]),n.jsx(ma,{open:!0,onClose:e,children:n.jsxs(_,{sx:{display:"flex"},children:[n.jsxs(ga,{children:[v?n.jsx(Rt,{onSelect:p=>{d(p),f("generate-api-key")}}):null,R?n.jsx(At,{environments:a,environment:m,project:s,sdkType:i.type,onEnvSelect:b,onApiKey:g}):null,k?n.jsx(ha,{apiKey:u,sdk:i,feature:o,onSdkChange:()=>{f("select-sdk")}}):null,c==="generate-api-key"?n.jsx(xe,{children:n.jsxs(ye,{children:[n.jsx(E,{variant:"text",color:"inherit",onClick:()=>{f("select-sdk")},children:"Back"}),n.jsx(E,{variant:"contained",disabled:!u,onClick:()=>{f("test-connection")},children:"Next"})]})}):null,k?n.jsx(xe,{children:n.jsxs(ye,{children:[C?null:n.jsx(E,{variant:"text",color:"inherit",onClick:()=>{f("generate-api-key")},children:"Back"}),n.jsx(E,{variant:"contained",onClick:()=>{t(i.name)},children:"Complete"})]})}):null]}),l&&v?n.jsx(Pt,{}):null,l&&R?n.jsx(wt,{}):null,l&&k?n.jsx(Bt,{projectId:s,sdk:i.name,environment:m}):null]})})},wa=({open:e,...t})=>e?n.jsx(fa,{...t}):null,Pa=({isStale:e,isOpen:t,projectId:a,featureId:s,onClose:o})=>{const{setToastData:r,setToastApiError:l}=P(),{patchFeatureToggle:i}=ke(),d=n.jsx(y,{children:"Setting a flag to stale marks it for cleanup"}),m=n.jsx(y,{children:"Setting a flag to active marks it as in active use"}),b=e?"active":"stale",u=async g=>{g.stopPropagation();try{await i(a,s,[{op:"replace",path:"/stale",value:!e}]),o()}catch(c){l(T(c))}r(e?{type:"success",text:"The flag is no longer marked as stale"}:{type:"success",text:"The flag has been marked as stale"})};return n.jsx(Ae,{open:t,secondaryButtonText:"Cancel",primaryButtonText:`Flip to ${b}`,title:`Set feature state to ${b}`,onClick:u,onClose:o,children:n.jsx(ne,{condition:e,show:m,elseShow:d})})};export{wa as C,Aa as E,Ra as F,Ta as P,_a as T,Ca as a,ja as b,qn as c,ka as d,Ia as e,Ea as f,rt as g,Pa as h,kt as i,Oe as j,ft as k,gt as l,Ua as u};