unleash-server 8.0.1 → 8.0.3

package/frontend/build/static/DialogWithAside-BvaGTcqO.js

@@ -1,1106 +0,0 @@
-import{o as e,t}from"./react-GZhdek4G.js";import{j as n,s as r,t as i}from"./useTheme-CQqAmDLr.js";import{t as a}from"./jsx-runtime-BnvnyDTF.js";import{v as o}from"./createSimplePaletteValueFilter-BRAMrHWJ.js";import{t as s}from"./useMediaQuery-DGx8zAkf.js";import{t as c}from"./Tooltip-BaILXXti.js";import{n as ee,r as te}from"./TextField-oipjeg6n.js";import{r as l,t as u}from"./Alert-_bLyWbvx.js";import{t as d}from"./Typography-BTdLWIUX.js";import{t as f}from"./Box-BQsxfFmC.js";import{t as p}from"./Button-CebB8EPB.js";import{t as m}from"./Dialog-C-xQxqWX.js";import{a as h,i as ne,n as g,o as re}from"./TooltipResolver-4A1YhwBy.js";import{t as _}from"./Close-DyTASMSq.js";import{t as v,u as y}from"./httpErrorResponseHandler-FMtt7Zqh.js";import{n as b,r as x}from"./formatPath-j72gcKwy.js";import{t as ie}from"./Truncator-D2bO9ub6.js";import{n as ae,t as oe}from"./FileCopy-B8HZEA83.js";import{Ha as S,Js as se,Ot as ce,St as le,Va as C,fo as ue,kt as de}from"./index-BJ2iUk24.js";var w=e(t()),T=a(),fe=e=>(0,T.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:20,height:20,viewBox:`0 0 20 20`,fill:`none`,...e,children:(0,T.jsx)(`path`,{d:`M4.16667 17.5C3.70833 17.5 3.31597 17.3368 2.98958 17.0104C2.66319 16.684 2.5 16.2917 2.5 15.8333V5.41667C2.5 5.22222 2.53125 5.03819 2.59375 4.86458C2.65625 4.69097 2.75 4.52778 2.875 4.375L4.04167 2.95833C4.16667 2.80556 4.30903 2.69097 4.46875 2.61458C4.62847 2.53819 4.80556 2.5 5 2.5H15C15.1944 2.5 15.3715 2.53819 15.5312 2.61458C15.691 2.69097 15.8333 2.80556 15.9583 2.95833L17.125 4.375C17.25 4.52778 17.3438 4.69097 17.4062 4.86458C17.4688 5.03819 17.5 5.22222 17.5 5.41667V15.8333C17.5 16.2917 17.3368 16.684 17.0104 17.0104C16.684 17.3368 16.2917 17.5 15.8333 17.5H4.16667ZM4.5 5H15.5L14.7917 4.16667H5.20833L4.5 5ZM4.16667 15.8333H15.8333V6.66667H4.16667V15.8333ZM12.125 14.2083L15.0833 11.25L12.125 8.29167L10.9167 9.5L12.6667 11.25L10.9167 13L12.125 14.2083ZM7.91667 14.2083L9.125 13L7.375 11.25L9.125 9.5L7.91667 8.29167L4.95833 11.25L7.91667 14.2083Z`,fill:`#6E6E70`})}),E=o(se)(({theme:e})=>({width:e.spacing(3),height:e.spacing(3)})),D=C.filter(e=>e.type===`server`).map(({name:e})=>({name:S[e].title,icon:S[e].icon})),O=C.filter(e=>e.type===`client`).map(({name:e})=>({name:S[e].title,icon:S[e].icon})),pe=[...D,...O],me=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(3),backgroundColor:e.palette.background.paper})),k=o(`div`)(({theme:e})=>({fontWeight:e.typography.fontWeightBold,fontSize:e.typography.body1.fontSize})),A=o(`div`)(({theme:e})=>({marginTop:e.spacing(.5),marginBottom:e.spacing(2),fontSize:e.typography.body2.fontSize,color:e.palette.text.secondary})),he=o(`div`)(({theme:e})=>({display:`flex`,columnGap:e.spacing(1.5),rowGap:e.spacing(1.5),alignItems:`center`,justifyContent:`flex-start`,flexWrap:`wrap`})),ge=o(p,{shouldForwardProp:e=>e!==`isSelected`})(({theme:e,isSelected:t})=>({fontSize:e.typography.body2.fontSize,border:`1px solid ${t?e.palette.primary.main:e.palette.divider}`,borderRadius:e.shape.borderRadius,padding:e.spacing(1,1.5),minWidth:e.spacing(30),display:`flex`,alignItems:`center`,gap:e.spacing(1)})),_e=o(`div`)(({theme:e})=>({color:e.palette.text.primary,display:`flex`,justifyContent:`space-between`,alignItems:`center`,width:`100%`})),ve=o(`span`)(({theme:e})=>({color:e.palette.primary.main,fontSize:e.typography.body2.fontSize,fontWeight:700})),j=({sdks:e,type:t,selectedSdkName:n,onSelect:r})=>(0,T.jsx)(he,{children:e.map(e=>{let i=n===e.name;return(0,T.jsxs)(ge,{onClick:()=>r({name:e.name,type:t}),variant:`text`,isSelected:i,children:[(0,T.jsx)(E,{src:x(e.icon),alt:``}),(0,T.jsxs)(_e,{children:[(0,T.jsx)(`b`,{children:e.name}),(0,T.jsx)(ve,{children:i?`Selected`:`Select`})]})]},e.name)})}),ye=({onSelect:e,sdk:t})=>{let n=t?.name;return(0,T.jsxs)(me,{children:[(0,T.jsxs)(f,{children:[(0,T.jsx)(k,{children:`Backend SDKs`}),(0,T.jsx)(A,{children:`Backend SDKs need a backend API key.`}),(0,T.jsx)(j,{sdks:D,type:`client`,selectedSdkName:n,onSelect:e})]}),(0,T.jsxs)(f,{children:[(0,T.jsx)(k,{children:`Frontend SDKs`}),(0,T.jsx)(A,{children:`Frontend SDKs need a frontend API key.`}),(0,T.jsx)(j,{sdks:O,type:`frontend`,selectedSdkName:n,onSelect:e})]})]})},M=(e,t={})=>{let{data:n,error:r,mutate:i}=y(b(`api/admin/projects/${e}/api-tokens`),be,t),a=(0,w.useMemo)(()=>n??[],[n]),o=(0,w.useCallback)(()=>{i().catch(console.warn)},[i]);return{tokens:a,error:r,loading:!r&&!n,refetch:o}},be=async e=>(await(await fetch(e).then(v(`Project Api tokens`))).json()).tokens,N=()=>{let{makeRequest:e,createRequest:t,errors:n,loading:r}=g({propagateErrors:!0});return{deleteToken:async(n,r)=>{let i=t(`api/admin/projects/${r}/api-tokens/${n}`,{method:`DELETE`});return e(i.caller,i.id)},createToken:async(n,r)=>{let i=t(`api/admin/projects/${r}/api-tokens`,{method:`POST`,body:JSON.stringify(n)});return e(i.caller,i.id)},errors:n,loading:r}},xe=e=>{if(!e)return null;let[t,n]=e.split(`:`,2);if(!n)return null;let[r,i,...a]=n.split(`.`);return t&&r&&i&&a.length===0?{project:t,environment:r,secret:i}:null},P=de(),Se=o(`div`)(({theme:e})=>({backgroundColor:e.palette.background.elevation1,borderRadius:e.shape.borderRadius,padding:e.spacing(3),display:`flex`,flexDirection:`column`,alignItems:`center`})),F=o(`div`)({wordBreak:`break-all`}),I=o(`div`)(({theme:e})=>({borderRadius:e.shape.borderRadius,padding:e.spacing(2),flex:1,color:e.palette.text.secondary,fontSize:e.typography.body2.fontSize,background:e.palette.background.default})),L=o(I)(({theme:e})=>({border:`1px solid ${e.palette.primary.main}`})),R=o(I)(({theme:e})=>({border:`1px solid ${e.palette.success.main}`})),z=o(I)(({theme:e})=>({border:`1px solid ${e.palette.text.secondary}`})),Ce=o(`div`)(({theme:e})=>({display:`flex`,gap:e.spacing(2),alignItems:`flex-start`,marginTop:e.spacing(8),flexWrap:`wrap`})),we=o(`div`)({width:`100%`}),Te=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(1),marginTop:e.spacing(2),width:`100%`})),B=o(`span`)(({theme:e})=>({fontFamily:`Sen`,fontSize:e.typography.body2.fontSize,fontStyle:`normal`,fontWeight:400,lineHeight:`20px`})),V=o(B)(({theme:e})=>({color:e.palette.primary.main})),H=o(B)(({theme:e})=>({color:e.palette.success.main})),U=o(B)(({theme:e})=>({color:e.palette.text.secondary})),W=o(B)(({theme:e})=>({color:e.palette.text.disabled})),G={project:`The project this API key can retrieve feature flags from`,environment:`The environment this API key can retrieve feature flag configuration from`,secret:`The API key secret`},K=({project:e,environment:t,secret:n})=>{let r=i(),a=s(r.breakpoints.up(`lg`));return(0,T.jsx)(we,{children:(0,T.jsx)(P.ArcherContainer,{strokeColor:r.palette.secondary.border,endMarker:!1,lineStyle:`curve`,children:(0,T.jsxs)(Se,{children:[(0,T.jsxs)(F,{children:[(0,T.jsx)(P.ArcherElement,{id:`project`,children:(0,T.jsx)(V,{children:e})}),(0,T.jsx)(W,{children:`:`}),(0,T.jsx)(P.ArcherElement,{id:`environment`,children:(0,T.jsx)(H,{children:t})}),(0,T.jsx)(W,{children:`.`}),(0,T.jsx)(P.ArcherElement,{id:`secret`,children:(0,T.jsx)(U,{children:n})})]}),a?(0,T.jsxs)(Ce,{children:[(0,T.jsx)(P.ArcherElement,{id:`project-description`,relations:[{targetId:`project`,targetAnchor:`bottom`,sourceAnchor:`top`,style:{strokeColor:r.palette.primary.main,strokeWidth:2}}],children:(0,T.jsx)(L,{children:G.project})}),(0,T.jsx)(P.ArcherElement,{id:`environment-description`,relations:[{targetId:`environment`,targetAnchor:`bottom`,sourceAnchor:`top`,style:{strokeColor:r.palette.success.main,strokeWidth:2}}],children:(0,T.jsx)(R,{children:G.environment})}),(0,T.jsx)(P.ArcherElement,{id:`secret-description`,relations:[{targetId:`secret`,targetAnchor:`bottom`,sourceAnchor:`top`,style:{strokeColor:r.palette.text.secondary,strokeWidth:2}}],children:(0,T.jsx)(z,{children:G.secret})})]}):(0,T.jsxs)(Te,{children:[(0,T.jsxs)(L,{children:[(0,T.jsx)(V,{children:e}),(0,T.jsx)(`div`,{children:G.project})]}),(0,T.jsxs)(R,{children:[(0,T.jsx)(H,{children:t}),(0,T.jsx)(`div`,{children:G.environment})]}),(0,T.jsxs)(z,{children:[(0,T.jsx)(F,{children:(0,T.jsx)(U,{children:n})}),(0,T.jsx)(`div`,{children:G.secret})]})]})]})})})},Ee={client:`Backend`,frontend:`Frontend`},De=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(3)})),q=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,alignItems:`flex-start`,gap:e.spacing(2),padding:e.spacing(2),borderRadius:e.shape.borderRadiusMedium,border:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.background.elevation1})),J=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.5)})),Y=o(`div`)(({theme:e})=>({fontWeight:e.typography.fontWeightBold,fontSize:e.typography.body1.fontSize})),X=o(`p`)(({theme:e})=>({fontSize:e.typography.body2.fontSize})),Oe=o(`div`)({display:`flex`,width:`100%`,justifyContent:`flex-end`}),ke=({projectId:e,environments:t,sdk:n,onApiKeyChange:r,onNext:i})=>{let{trackEvent:a}=re(),{tokens:o,loading:s,refetch:c}=M(e),{createToken:l,loading:u}=N(),{setToastApiError:d}=h(),[f,m]=(0,w.useState)(t[0]||``),g=o.find(e=>e.environment===f&&e.type===n?.type),_=xe(g?.secret);if((0,w.useEffect)(()=>{r(g?.secret)},[g?.secret,r]),!n)return null;let v=async()=>{try{await l({environment:f,type:n.type,projects:[e],tokenName:`api-key-${e}-${f}`},e),c(),a(`onboarding`,{props:{eventType:`api-key-generated`}})}catch(e){d(ne(e))}},y=t.length>0?Math.max(...t.map(e=>e.length)):0,b=s||u,x=Ee[n.type];return(0,T.jsxs)(De,{children:[(0,T.jsxs)(q,{children:[(0,T.jsxs)(J,{children:[(0,T.jsx)(Y,{children:`First select environment`}),(0,T.jsx)(X,{children:`The environment connects to an SDK to retrieve information.`})]}),(0,T.jsx)(ee,{value:f,onChange:e=>m(e.target.value),size:`small`,inputProps:{"aria-label":`Select environment`},sx:{minWidth:`${y+5}ch`},children:t.map(e=>(0,T.jsx)(te,{value:e,children:e},e))})]}),(0,T.jsxs)(q,{children:[(0,T.jsx)(J,{children:_?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(Y,{children:[x,` API Key`]}),(0,T.jsxs)(X,{children:[`Here is your generated`,` `,x.toLowerCase(),` API key. We will use it to connect to the`,` `,(0,T.jsx)(`b`,{children:_.project}),` project in the`,` `,(0,T.jsx)(`b`,{children:_.environment}),` environment.`]})]}):(0,T.jsxs)(Y,{children:[`Then generate a `,x,` API Key`]})}),_?(0,T.jsx)(K,{project:_.project,environment:_.environment,secret:_.secret}):(0,T.jsxs)(p,{variant:`contained`,disabled:b,onClick:v,children:[`Generate `,x,` API Key`]})]}),_&&(0,T.jsx)(Oe,{children:(0,T.jsx)(p,{variant:`contained`,onClick:i,children:`Next`})})]})},Ae=({apiKey:e})=>e?(0,T.jsx)(ue,{color:`neutral`,children:(0,T.jsx)(ie,{title:e,sx:{maxWidth:200},children:e})}):null,je=e(ae(),1),Me={Android:`1\\. Install the SDK
-
-\`\`\`gradle
-implementation("io.getunleash:unleash-android:+")
-\`\`\`
-
-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" />
-\`\`\`
-
-3\\. 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()
-    }
-}
-\`\`\`
-
-4\\. 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) {
-                        "Flag is enabled"
-                    } else {
-                        "Flag is disabled"
-                    }
-                    delay(3.seconds)
-                }
-            }
-
-            Text(text = 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)
-
----
-
-\`\`\`kotlin
-if (unleash.isEnabled("<YOUR_FLAG>")) {
-    println("<YOUR_FLAG> is enabled")
-} else {
-    println("<YOUR_FLAG> is disabled")
-}
-\`\`\`
-
-ℹ️ **Info:** The Android SDK takes at least 60 seconds to post metrics to Unleash.
-`,Go:`1\\. Install the SDK
-\`\`\`sh
-go get github.com/Unleash/unleash-go-sdk/v6@latest
-\`\`\`
-
-2\\. Run Unleash
-\`\`\`go
-package main
-
-import (
-    unleash "github.com/Unleash/unleash-go-sdk/v6"
-    "net/http"
-)
-
-func main() {
-    err := unleash.Initialize(
-        unleash.WithAppName("unleash-onboarding-golang"),
-        unleash.WithUrl("<YOUR_API_URL>"),
-        unleash.WithCustomHeaders(http.Header{"Authorization": {"<YOUR_API_TOKEN>"}}), // in production use environment variable
-    )
-    if err != nil {
-        panic(err)
-    }
-    defer unleash.Close()
-    unleash.WaitForReady() // optional: blocks until first sync
-
-    if unleash.IsEnabled("<YOUR_FLAG>", unleash.FeatureOptions{}) {
-        // New behaviour
-    }
-}
-\`\`\`
-
----
-\`\`\`go
-package main
-
-import (
-    unleash "github.com/Unleash/unleash-go-sdk/v6"
-    "net/http"
-    "os"
-)
-
-func main() {
-    err := unleash.Initialize(
-        unleash.WithAppName("unleash-onboarding-golang"),
-        unleash.WithUrl("<YOUR_API_URL>"),
-        unleash.WithCustomHeaders(http.Header{
-            "Authorization": {os.Getenv("UNLEASH_API_KEY")},
-        }),
-    )
-    if err != nil {
-        panic(err)
-    }
-    defer unleash.Close()
-
-    if unleash.IsEnabled("<YOUR_FLAG>", unleash.FeatureOptions{}) {
-        // New behaviour
-    }
-}
-\`\`\`
-
----
-- [SDK repository with documentation](https://github.com/Unleash/unleash-go-sdk)
-- [Go SDK example with CodeSandbox](https://github.com/Unleash/unleash-sdk-examples/tree/main/Go)
-
----
-
-\`\`\`go
-if unleash.IsEnabled("<YOUR_FLAG>", unleash.FeatureOptions{}) {
-    fmt.Println("<YOUR_FLAG> is enabled")
-} else {
-    fmt.Println("<YOUR_FLAG> is disabled")
-}
-\`\`\`
-`,JavaScript:`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(() => {
-    if (unleash.isEnabled('<YOUR_FLAG>')) {
-        console.log('<YOUR_FLAG> is enabled');
-    } else {
-        console.log('<YOUR_FLAG> is disabled');
-    }
-}, 1000);
-\`\`\`
----
-\`\`\`js
-const unleash = new UnleashClient({
-    url: '<YOUR_API_URL>',
-    clientKey: process.env.UNLEASH_API_TOKEN,
-    appName: 'unleash-onboarding-javascript',
-});
-
-setInterval(() => {
-    if (unleash.isEnabled('<YOUR_FLAG>')) {
-        console.log('<YOUR_FLAG> is enabled');
-    } else {
-        console.log('<YOUR_FLAG> is disabled');
-    }
-}, 1000);
-
-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)
-
----
-
-\`\`\`js
-if (unleash.isEnabled('<YOUR_FLAG>')) {
-    console.log('<YOUR_FLAG> is enabled');
-} else {
-    console.log('<YOUR_FLAG> is disabled');
-}
-\`\`\`
-`,"Node.js":`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(() => {
-    if (unleash.isEnabled('<YOUR_FLAG>')) {
-        console.log('<YOUR_FLAG> is enabled');
-    } else {
-        console.log('<YOUR_FLAG> is disabled');
-    }
-}, 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 },
-});
-
-unleash.on('synchronized', () => {
-    console.log('Unleash synchronized');
-});
-unleash.on('error', console.error);
-unleash.on('warn', console.warn);
-
-setInterval(() => {
-    if (unleash.isEnabled('<YOUR_FLAG>')) {
-        console.log('<YOUR_FLAG> is enabled');
-    } else {
-        console.log('<YOUR_FLAG> is disabled');
-    }
-}, 1000);
-\`\`\`
-
----
-- [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)
-
----
-
-\`\`\`js
-if (unleash.isEnabled('<YOUR_FLAG>')) {
-    console.log('<YOUR_FLAG> is enabled');
-} else {
-    console.log('<YOUR_FLAG> is disabled');
-}
-\`\`\`
-`,Python:`1\\. Install the SDK
-\`\`\`sh
-pip install UnleashClient
-\`\`\`
-
-2\\. Run Unleash
-\`\`\`python
-from UnleashClient import UnleashClient
-import time
-
-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:
-    if client.is_enabled("<YOUR_FLAG>"):
-        print("<YOUR_FLAG> is enabled")
-    else:
-        print("<YOUR_FLAG> is disabled")
-    time.sleep(2)
-\`\`\`
----
-\`\`\`python
-from UnleashClient import UnleashClient
-import os
-
-client = UnleashClient(
-    url="<YOUR_API_URL>",
-    app_name="unleash-onboarding-python",
-    custom_headers={'Authorization': os.getenv('UNLEASH_API_TOKEN')})
-
-client.initialize_client()
-
-\`\`\`
-
----
-- [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/guides/implement-feature-flags-in-python)
-
----
-
-\`\`\`python
-if client.is_enabled("<YOUR_FLAG>"):
-    print("<YOUR_FLAG> is enabled")
-else:
-    print("<YOUR_FLAG> is disabled")
-\`\`\`
-`,Ruby:`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/guides/implement-feature-flags-in-ruby)
-
----
-
-\`\`\`rb
-if @unleash.is_enabled?("<YOUR_FLAG>")
-    puts "<YOUR_FLAG> is enabled"
-else
-    puts "<YOUR_FLAG> is disabled"
-end
-\`\`\`
-`,Svelte:`1\\. Install the SDK
-\`\`\`sh
-npm install @unleash/proxy-client-svelte
-\`\`\`
-
-2\\. Initialize Unleash
-\`\`\`svelte
-<script>
-	import { FlagProvider } from '@unleash/proxy-client-svelte';
-	const { children } = $props();
-
-	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>
-			{@render children()}
-		</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>
-	{#if $enabled}
-		<p><YOUR_FLAG> is enabled!</p>
-	{:else}
-		<p><YOUR_FLAG> is disabled!</p>
-	{/if}
-</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/guides/implement-feature-flags-in-sveltekit)
-
----
-
-\`\`\`svelte
-<script lang="ts">
-	import { useFlag } from '@unleash/proxy-client-svelte';
-	const enabled = useFlag('<YOUR_FLAG>');
-<\/script>
-
-<section>
-	{#if $enabled}
-		<p><YOUR_FLAG> is enabled!</p>
-	{:else}
-		<p><YOUR_FLAG> is disabled!</p>
-	{/if}
-</section>
-\`\`\`
-`,Vue:`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 flagEnabled = useFlag('<YOUR_FLAG>')
-<\/script>
-
-<template>
-    <div>
-        <div v-if="flagEnabled"><YOUR_FLAG> is enabled</div>
-        <div v-else><YOUR_FLAG> is disabled</div>
-    </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)
-
----
-
-\`\`\`vue
-<script setup lang="ts">
-import { useFlag } from '@unleash/proxy-client-vue'
-
-const flagEnabled = useFlag('<YOUR_FLAG>')
-<\/script>
-
-<template>
-    <div>
-        <div v-if="flagEnabled"><YOUR_FLAG> is enabled</div>
-        <div v-else><YOUR_FLAG> is disabled</div>
-    </div>
-</template>
-\`\`\`
-`,Flutter:`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) {
-    if (unleash.isEnabled('<YOUR_FLAG>')) {
-        print('<YOUR_FLAG> is enabled');
-    } else {
-        print('<YOUR_FLAG> is disabled');
-    }
-});
-\`\`\`
----
-\`\`\`dart
-import 'package:unleash_proxy_client_flutter/unleash_proxy_client_flutter.dart';
-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/guides/implement-ab-test-in-flutter)
-
----
-
-\`\`\`dart
-if (unleash.isEnabled("<YOUR_FLAG>")) {
-    print("<YOUR_FLAG> is enabled");
-} else {
-    print("<YOUR_FLAG> is disabled");
-}
-\`\`\`
-`,Java:`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-java-sdk)
-- [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/guides/implement-feature-flags-in-java)
-
----
-
-\`\`\`java
-if (unleash.isEnabled("<YOUR_FLAG>")) {
-    System.out.println("<YOUR_FLAG> is enabled");
-} else {
-    System.out.println("<YOUR_FLAG> is disabled");
-}
-\`\`\`
-`,".NET":`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) {
-            if (unleash.IsEnabled("<YOUR_FLAG>"))
-            {
-                Console.WriteLine("<YOUR_FLAG> is enabled");
-            }
-            else
-            {
-                Console.WriteLine("<YOUR_FLAG> is disabled");
-            }
-            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)
-
----
-
-\`\`\`csharp
-if (unleash.IsEnabled("<YOUR_FLAG>"))
-{
-    Console.WriteLine("<YOUR_FLAG> is enabled");
-}
-else
-{
-    Console.WriteLine("<YOUR_FLAG> is disabled");
-}
-\`\`\`
-`,PHP:`1\\. Install the SDK
-\`\`\`sh
-composer require unleash/client guzzlehttp/guzzle symfony/cache
-\`\`\`
-or
-\`\`\`sh
-composer require unleash/client symfony/http-client nyholm/psr7 symfony/cache
-\`\`\`
-
-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) {
-    if ($unleash->isEnabled('<YOUR_FLAG>')) {
-        echo '<YOUR_FLAG> is enabled' . PHP_EOL;
-    } else {
-        echo '<YOUR_FLAG> is disabled' . 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)
-
----
-
-\`\`\`php
-if ($unleash->isEnabled('<YOUR_FLAG>')) {
-    echo '<YOUR_FLAG> is enabled' . PHP_EOL;
-} else {
-    echo '<YOUR_FLAG> is disabled' . PHP_EOL;
-}
-\`\`\`
-`,React:`1\\. Install the SDK
-\`\`\`sh
-npm install @unleash/proxy-client-react unleash-proxy-client
-\`\`\`
-
-2\\. Initialize Unleash
-\`\`\`jsx
-import React from 'react';
-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';
-
-export 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/guides/implement-feature-flags-in-react](https://docs.getunleash.io/guides/implement-feature-flags-in-react)
-
----
-
-\`\`\`jsx
-const TestComponent = () => {
-    const enabled = useFlag('<YOUR_FLAG>');
-
-    if (enabled) {
-        return (<div>{'<YOUR_FLAG> is enabled'}</div>);
-    } else {
-        return (<div>{'<YOUR_FLAG> is disabled'}</div>);
-    }
-};
-\`\`\`
-
-`,Rust:`1\\. Install the SDK
-\`\`\`sh
-cargo add unleash-api-client --features reqwest
-cargo add serde --features derive
-cargo add reqwest@0.12 --features json
-cargo add tokio --features full
-cargo add enum-map
-\`\`\`
-
-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/guides/implement-feature-flags-in-rust)
-
----
-
-\`\`\`rust
-enum Flags {
-    #[serde(rename = "<YOUR_FLAG>")]
-    TestFlag,
-}
-
-if client.is_enabled(Flags::TestFlag, None, true) {
-    println!("<YOUR_FLAG> is enabled");
-} else {
-    println!("<YOUR_FLAG> is disabled");
-}
-\`\`\`
-`,Swift:`1\\. Install the SDK
-\`\`\`swift
-.package(url: "https://github.com/Unleash/unleash-ios-sdk.git", from: "0.0.0")
-\`\`\`
-
-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
-    MainActor.assumeIsolated {
-        if unleash.isEnabled(name: "<YOUR_FLAG>") {
-            print("<YOUR_FLAG> is enabled")
-        } else {
-            print("<YOUR_FLAG> is disabled")
-        }
-        fflush(stdout)
-    }
-}
-
-RunLoop.main.run()
-\`\`\`
-ℹ️ **Info:** The Swift SDK takes at least 60 seconds to post metrics to Unleash.
----
----
-- [SDK repository with documentation](https://github.com/Unleash/unleash-ios-sdk)
----
-
-\`\`\`swift
-if unleash.isEnabled(name: "<YOUR_FLAG>") {
-    print("<YOUR_FLAG> is enabled")
-} else {
-    print("<YOUR_FLAG> is disabled")
-}
-\`\`\`
-
-ℹ️ **Info:** The Swift SDK takes at least 60 seconds to post metrics to Unleash.
-`,"Next.js":`1\\. Install the SDK
-\`\`\`sh
-npm install @unleash/nextjs
-\`\`\`
-
-2\\. Wrap your app with FlagProvider
-\`\`\`jsx
-"use client";
-
-import { FlagProvider } from '@unleash/nextjs/client';
-
-const config = {
-    url: '<YOUR_API_URL>',
-    clientKey: '<YOUR_API_TOKEN>', // in production use environment variables
-    appName: 'unleash-onboarding-nextjs',
-};
-
-export default function Home() {
-    return (
-        <FlagProvider config={config}>
-            <App />
-        </FlagProvider>
-    );
-}
-\`\`\`
-
-3\\. Check feature flag status
-\`\`\`jsx
-"use client";
-
-import { useFlag } from '@unleash/nextjs/client';
-
-export default function MyComponent() {
-    const isEnabled = useFlag('<YOUR_FLAG>');
-
-    if (isEnabled) {
-        return (<div>{'<YOUR_FLAG> is enabled'}</div>);
-    } else {
-        return (<div>{'<YOUR_FLAG> is disabled'}</div>);
-    }
-}
-\`\`\`
----
-\`\`\`jsx
-// Set NEXT_PUBLIC_UNLEASH_FRONTEND_API_URL, NEXT_PUBLIC_UNLEASH_FRONTEND_API_TOKEN
-// and NEXT_PUBLIC_UNLEASH_APP_NAME in your environment
-export default function Home() {
-    return (
-        <FlagProvider>
-            <App />
-        </FlagProvider>
-    );
-}
-\`\`\`
-
----
-- [SDK repository with documentation](https://github.com/Unleash/unleash-nextjs-sdk)
-- [Next.js SDK example](https://github.com/Unleash/unleash-sdk-examples/tree/main/Next.js)
-- [https://docs.getunleash.io/sdks/next-js](https://docs.getunleash.io/sdks/next-js)
-
----
-
-\`\`\`jsx
-"use client";
-
-import { useFlag } from '@unleash/nextjs/client';
-
-export default function MyComponent() {
-    const isEnabled = useFlag('<YOUR_FLAG>');
-
-    if (isEnabled) {
-        return (<div>{'<YOUR_FLAG> is enabled'}</div>);
-    } else {
-        return (<div>{'<YOUR_FLAG> is disabled'}</div>);
-    }
-}
-\`\`\`
-`,"React Native":`1\\. Install the SDK
-\`\`\`sh
-npm install @unleash/unleash-react-native-sdk unleash-proxy-client
-\`\`\`
-
-2\\. Initialize Unleash
-\`\`\`tsx
-import { FlagProvider, useFlag } from '@unleash/unleash-react-native-sdk';
-
-const config = {
-    url: '<YOUR_API_URL>',
-    clientKey: '<YOUR_API_TOKEN>', // in production use environment variables
-    appName: 'unleash-onboarding-react-native',
-};
-
-function FlagStatus() {
-    const isEnabled = useFlag('<YOUR_FLAG>');
-
-    if (isEnabled) {
-        return <Text>{'<YOUR_FLAG> is enabled'}</Text>;
-    } else {
-        return <Text>{'<YOUR_FLAG> is disabled'}</Text>;
-    }
-}
-
-export default function App() {
-    return (
-        <FlagProvider config={config}>
-            <FlagStatus />
-        </FlagProvider>
-    );
-}
-\`\`\`
----
-\`\`\`tsx
-// Use environment variables instead of hardcoded values.
-// The variable names depend on your setup (e.g. EXPO_PUBLIC_* for Expo,
-// or your chosen library for bare React Native).
-const config = {
-    url: process.env.YOUR_UNLEASH_URL,
-    clientKey: process.env.YOUR_UNLEASH_CLIENT_KEY,
-    appName: 'unleash-onboarding-react-native',
-};
-\`\`\`
-
----
-- [SDK repository with documentation](https://github.com/Unleash/unleash-react-native-sdk)
-- [React Native SDK example](https://github.com/Unleash/unleash-sdk-examples/tree/main/ReactNative)
-- [https://docs.getunleash.io/sdks/react-native](https://docs.getunleash.io/sdks/react-native)
-
----
-
-\`\`\`tsx
-import { useFlag } from '@unleash/unleash-react-native-sdk';
-
-function MyComponent() {
-    const isEnabled = useFlag('<YOUR_FLAG>');
-
-    if (isEnabled) {
-        return <Text>{'<YOUR_FLAG> is enabled'}</Text>;
-    } else {
-        return <Text>{'<YOUR_FLAG> is disabled'}</Text>;
-    }
-}
-\`\`\`
-`},Ne=o(`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(90)})),Pe=o(c)(({theme:e})=>({position:`absolute`,top:e.spacing(1),right:e.spacing(1)})),Fe=({title:e,code:t})=>{let n=e=>()=>{(0,je.default)(e),r({type:`success`,text:`Copied to clipboard`})},{setToastData:r}=h();return(0,T.jsxs)(Ne,{children:[t,(0,T.jsx)(Pe,{title:e,arrow:!0,children:(0,T.jsx)(l,{onClick:n(t),size:`small`,children:(0,T.jsx)(oe,{})})})]})},Ie=({children:e,className:t})=>{let n=!!t,r=Array.isArray(e)?e[0]:e;return n&&typeof r==`string`?(0,T.jsx)(Fe,{code:r,title:`Copy code`}):(0,T.jsx)(`code`,{className:t,children:e})},Le=o(`span`)(({theme:e})=>{let t=n`
-        0% {
-            box-shadow:
-                0 0 0 0 ${r(e.palette.primary.main,.5)},
-                0 0 0 0 ${r(e.palette.primary.main,.3)};
-        }
-        70% {
-            box-shadow:
-                0 0 0 6px ${r(e.palette.primary.main,0)},
-                0 0 0 12px ${r(e.palette.primary.main,0)};
-        }
-        100% {
-            box-shadow:
-                0 0 0 0 ${r(e.palette.primary.main,0)},
-                0 0 0 0 ${r(e.palette.primary.main,0)};
-        }
-    `;return{display:`flex`,alignItems:`center`,justifyContent:`center`,flexShrink:0,width:e.spacing(3),height:e.spacing(3),borderRadius:`50%`,backgroundColor:e.palette.primary.main,color:e.palette.common.white,animation:`${t} 1.8s ease-out infinite`,"@media (prefers-reduced-motion: reduce)":{animation:`none`}}}),Z=()=>(0,T.jsx)(Le,{children:(0,T.jsx)(le,{fontSize:`small`})}),Q=o(`div`)(({theme:e})=>({display:`flex`,flexDirection:`row`,gap:e.spacing(2),padding:e.spacing(2),fontSize:e.typography.body2.fontSize,borderRadius:e.shape.borderRadiusMedium,backgroundColor:e.palette.secondary.light,border:`1px solid ${e.palette.secondary.border}`})),Re=o(Q)(({theme:e})=>({backgroundColor:e.palette.success.light,border:`1px solid ${e.palette.success.border}`})),ze=o(`div`)(({theme:e})=>({marginLeft:e.spacing(1),marginTop:e.spacing(1)})),Be=o(ce)(({theme:e})=>({marginLeft:e.spacing(1),marginTop:e.spacing(1),width:e.spacing(3),height:e.spacing(3),color:e.palette.success.main})),Ve=o(u)(({theme:e})=>({marginTop:e.spacing(2),padding:e.spacing(2,3),"& .MuiAlert-message":{padding:0},"& .MuiAlert-icon":{marginRight:e.spacing(1)}})),He=({sdkConnected:e,connectedTitle:t,connectedBody:n,waitingTitle:r,waitingBody:i,showTroubleshooting:a,troubleshootingText:o})=>e?(0,T.jsxs)(Re,{children:[(0,T.jsx)(`div`,{children:(0,T.jsx)(Be,{})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`strong`,{children:t}),(0,T.jsx)(d,{variant:`body2`,color:`textSecondary`,children:n})]})]}):(0,T.jsxs)(Q,{children:[(0,T.jsx)(ze,{children:(0,T.jsx)(Z,{})}),(0,T.jsxs)(`div`,{children:[(0,T.jsx)(`strong`,{children:r}),(0,T.jsx)(d,{variant:`body2`,color:`textSecondary`,children:i}),a&&(0,T.jsx)(Ve,{severity:`warning`,children:o})]})]}),Ue=40,$=`md`,We=o(m,{shouldForwardProp:e=>e!==`dialogMaxWidth`&&e!==`fullHeight`})(({theme:e,dialogMaxWidth:t=170,fullHeight:n})=>({"& .MuiDialog-paper":{borderRadius:e.shape.borderRadiusLarge,maxWidth:e.spacing(t),width:`100%`,...n&&{height:`100%`},overflow:`hidden`,display:`flex`,flexDirection:`column`,backgroundColor:e.palette.background.sidebar}})),Ge=o(`div`)(({theme:e})=>({display:`flex`,flexShrink:0,borderBottom:`1px solid ${e.palette.divider}`})),Ke=o(`div`)(({theme:e})=>({flex:1,display:`flex`,alignItems:`center`,justifyContent:`space-between`,backgroundColor:e.palette.background.paper,paddingRight:e.spacing(1.5),"& .closeButton":{[e.breakpoints.up($)]:{display:`none`}}})),qe=o(`h2`)(({theme:e})=>({margin:0,padding:e.spacing(1.5,3),fontWeight:e.typography.fontWeightBold,fontSize:e.typography.body1.fontSize,lineHeight:e.spacing(2.75)})),Je=o(`div`)(({theme:e})=>({width:e.spacing(Ue),flexShrink:0,backgroundColor:e.palette.background.sidebar,color:e.palette.primary.contrastText,display:`flex`,alignItems:`center`,justifyContent:`flex-end`,paddingRight:e.spacing(1.5),[e.breakpoints.down($)]:{display:`none`}})),Ye=o(`div`)({display:`flex`,flex:1,overflow:`hidden`}),Xe=o(`div`)(({theme:e})=>({flex:1,overflowY:`auto`,backgroundColor:e.palette.background.paper})),Ze=o(`aside`)(({theme:e})=>({width:e.spacing(Ue),flexShrink:0,backgroundColor:e.palette.background.sidebar,color:e.palette.primary.contrastText,[e.breakpoints.down($)]:{display:`none`}})),Qe=({open:e,onClose:t,title:n,aside:r,children:i,maxWidth:a,fullHeight:o})=>(0,T.jsxs)(We,{open:e,onClose:t,maxWidth:!1,dialogMaxWidth:a,fullHeight:o,children:[(0,T.jsxs)(Ge,{children:[(0,T.jsxs)(Ke,{children:[(0,T.jsx)(qe,{children:n}),(0,T.jsx)(l,{size:`small`,className:`closeButton`,onClick:t,children:(0,T.jsx)(_,{})})]}),(0,T.jsx)(Je,{children:(0,T.jsx)(l,{size:`small`,onClick:t,sx:{color:`inherit`},children:(0,T.jsx)(_,{})})})]}),(0,T.jsxs)(Ye,{children:[(0,T.jsx)(Xe,{children:i}),(0,T.jsx)(Ze,{children:r})]})]});export{Me as a,K as c,ye as d,pe as f,fe as g,E as h,Ie as i,N as l,D as m,He as n,Ae as o,O as p,Z as r,ke as s,Qe as t,M as u};