unleash-server 8.0.2 → 8.0.3

package/frontend/build/static/FileCopy-D1ZqmNek.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./createSvgIcon-D-6jHYkf.js";var n=t((0,e().jsx)(`path`,{d:`M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm-1 4 6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2zm-1 7h5.5L14 6.5z`}),`FileCopy`);export{n as t};

package/frontend/build/static/FlagMetricsChart-dLfSDZ_x.js

@@ -0,0 +1,2 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{t as n}from"./useTheme-CTychWp2.js";import{t as r}from"./jsx-runtime-DYfQNk55.js";import{t as i}from"./styled-CY_-vLWk.js";import{t as a}from"./Typography-nCkGT67u.js";import{t as o}from"./Box-rSzdGLLJ.js";import{i as s,r as c,t as l}from"./formatDate-cFuM4JYl.js";import{t as u}from"./useLocationSettings-vlEPA_j3.js";import{Gt as d,To as f,Yo as p,cn as m,fn as h,in as g,mn as _,nn as v,pn as y,rn as b,rs as x,ss as S}from"./index-C2zVj2FI.js";import{t as C}from"./chartjs-plugin-annotation.esm-tsR8Pv5a.js";import{t as w}from"./formatTickValue-DWHZUXee.js";import{i as T,t as E}from"./MarkCompletedDialogue-BeIA6eMj.js";import{i as D,n as O,r as k,t as A}from"./aggregateFeatureMetrics-D7AXsd2U.js";var j=e(t(),1),M=(e,t)=>({datasets:[{label:`Enabled`,hoverBackgroundColor:e.palette.charts.flagMetrics.enabled,backgroundColor:e.palette.charts.flagMetrics.enabled,data:N(t,e=>e.yes)},{label:`Not enabled`,hoverBackgroundColor:e.palette.charts.flagMetrics.notEnabled,backgroundColor:e.palette.charts.flagMetrics.notEnabled,data:N(t,e=>e.no)}]}),N=(e,t)=>e.map(e=>({x:e.timestamp,y:t(e),variants:e.variants||{}})),P=(e,t)=>{if(t===0)return``;let[n,r]=e;return`${r} (${Math.floor(Number(r)/t*100)}%) - ${n}`},F=e=>({plugins:{legend:{position:`top`,labels:{color:e.palette.text.primary,usePointStyle:!0,pointStyle:`none`,boxHeight:0,padding:15}},tooltip:{enabled:!1}},responsive:!0,maintainAspectRatio:!1,scales:{x:{stacked:!0,ticks:{display:!1},grid:{display:!1}},y:{stacked:!0,ticks:{maxTicksLimit:5,display:!1},grid:{color:e.palette.divider},border:{display:!1}}},elements:{bar:{borderRadius:5}},interaction:{mode:`index`,intersect:!1}}),I=(e,t,n)=>{let{responsive:r,elements:i,interaction:a,scales:o,maintainAspectRatio:u}=F(e);return{plugins:{legend:{position:`bottom`,labels:{color:e.palette.text.primary,pointStyle:`circle`,usePointStyle:!0,boxHeight:6,padding:15}},annotation:{clip:!1,annotations:{}},tooltip:{backgroundColor:e.palette.background.paper,titleColor:e.palette.text.primary,bodyColor:e.palette.text.primary,bodySpacing:6,padding:{top:20,bottom:20,left:30,right:30},borderColor:`rgba(0, 0, 0, 0.05)`,borderWidth:3,usePointStyle:!0,caretSize:0,boxPadding:10,callbacks:{label:e=>`${e.formattedValue} - ${e.dataset.label}`,afterLabel:e=>{let t=e.dataset.data[e.dataIndex];if(e.dataset.label!==`Enabled`||t.variants===void 0)return``;let{disabled:n,...r}=t.variants;return Object.entries(r).map(e=>P(e,t.y)).join(`
+`)},title:e=>`Time: ${t>48?s(e[0].label,n.locale,`UTC`):l(e[0].label,n.locale)}`}}},responsive:r,maintainAspectRatio:u,scales:{x:{...o?o.x:{},ticks:{color:e.palette.text.secondary,callback(e){let r=this.getLabelForValue(Number(e));return t>48?c(r,n.locale,`UTC`):l(r,n.locale)}}},y:{...o?.y??{},ticks:{...o?.y?.ticks??{},color:e.palette.text.secondary,callback:w,display:!0}}},elements:i,interaction:a}},L=r(),R=({project:e,flagName:t,onArchive:n,className:r})=>{let{feature:i,refetchFeature:a}=f(e,t),s=i.environments?.map(e=>({name:e.name,lastSeenAt:e.lastSeenAt,enabled:e.enabled,yes:e.yes,no:e.no})),[c,l]=(0,j.useState)(!1),[u,d]=(0,j.useState)(!1);return(0,L.jsxs)(o,{sx:{display:`flex`},className:r,children:[(0,L.jsx)(x,{sx:{pt:0,pb:0},featureLastSeen:i.lastSeenAt,environments:s}),(0,L.jsx)(p,{feature:i,onArchive:()=>l(!0),onComplete:()=>d(!0),onUncomplete:a}),i.children.length>0?(0,L.jsx)(D,{features:i.children,project:e,isOpen:c,onClose:()=>l(!1)}):(0,L.jsx)(T,{isOpen:c,onConfirm:n,onClose:()=>l(!1),projectId:e,featureIds:[t]}),i.project?(0,L.jsx)(E,{isOpen:u,setIsOpen:d,projectId:i.project,featureId:i.name,onComplete:a}):null]})},z=[0,14,28,21,33,31,31,22,26,37,31,14,21,14,0],B=e=>({labels:Array.from({length:15},(e,t)=>t+1),datasets:[{data:z,backgroundColor:e.palette.divider,hoverBackgroundColor:e.palette.divider,label:``}]}),V=i(`div`)({width:`100%`,flexGrow:1}),H=({label:e})=>{let t=n(),r=(0,j.useMemo)(()=>F(t),[t]),i=(0,j.useMemo)(()=>B(t),[t]),o=`placeholder-chart-label`;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(a,{id:o,children:e}),(0,L.jsx)(V,{children:(0,L.jsx)(d,{data:i,options:r,"aria-describedby":o})})]})},U=()=>{let e=n(),t=(0,j.useMemo)(()=>F(e),[e]),r=(0,j.useMemo)(()=>({labels:[],datasets:[]}),[e]);return(0,L.jsx)(V,{children:(0,L.jsx)(d,{data:r,options:t,"aria-label":`A placeholder bar chart with a single feature flag exposure metrics`})})},W=(e,t)=>{let[n,r]=(0,j.useState)(null),{feature:i}=f(e,t),a=(i?.environments??[]).map(e=>({name:e.name,type:e.type})),o=a.find(e=>e.type===`production`);return(0,j.useEffect)(()=>{o?r(o.name):a.length>0&&r(a[0].name)},[t,JSON.stringify(a)]),{environment:n,setEnvironment:r,activeEnvironments:a}},G=(e,t,r)=>{let i=n(),{featureMetrics:a=[],loading:o,error:s}=k(e,r),c=(0,j.useMemo)(()=>[...a].sort((e,t)=>e.timestamp.localeCompare(t.timestamp)),[a]),l=(0,j.useMemo)(()=>A(c?.filter(e=>t===e.environment)).map(e=>({...e,appName:`all selected`})),[c,t]),d=(0,j.useMemo)(()=>M(i,l),[i,l]),{locationSettings:f}=u();return{data:d,options:(0,j.useMemo)(()=>I(i,r,f),[i,r,f]),loading:o,error:s}},K=({activeEnvironments:e,environment:t,setEnvironment:n})=>(0,L.jsx)(S,{name:`feature-environments`,label:`Environment`,id:`feature-environments`,options:e.map(e=>({key:e.name,label:e.name})),value:String(t),onChange:n}),q=i(o)(({theme:e})=>({display:`flex`,justifyContent:`flex-start`,flexFlow:`row wrap`,gap:e.spacing(2)})),J=i(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(3),alignItems:`center`,height:`100%`,justifyContent:`space-between`})),Y=i(R)({alignItems:`center`,justifySelf:`start`}),X=i(`div`)(({theme:e})=>({display:`flex`,justifyContent:`space-between`,flexFlow:`row wrap`,width:`100%`,gap:e.spacing(4)})),Z=e=>(0,L.jsx)(J,{children:(0,L.jsx)(H,{...e})}),Q=({flag:e,onArchive:t})=>{let[n,r]=(0,j.useState)(48),{environment:i,setEnvironment:a,activeEnvironments:o}=W(e.project,e.name),{data:s,options:c,loading:l,error:u}=G(e.name,i,n);if(u)return(0,L.jsx)(J,{children:(0,L.jsx)(H,{label:`Couldn't fetch metrics for the current flag right now. Please try again. Report this if it doesn't resolve itself.`})});let f=s.datasets[0].data.length===0;return(0,L.jsxs)(J,{children:[(0,L.jsxs)(X,{children:[(0,L.jsx)(Y,{project:e.project,flagName:e.name,onArchive:t}),(0,L.jsxs)(q,{children:[i?(0,L.jsx)(K,{environment:i,setEnvironment:a,activeEnvironments:o}):null,(0,L.jsx)(O,{hoursBack:n,setHoursBack:r})]})]}),l?(0,L.jsx)(U,{}):f?(0,L.jsx)(H,{label:`No metrics for this feature flag in the selected environment and time period`}):(0,L.jsx)(V,{children:(0,L.jsx)(d,{data:s,options:c,"aria-label":`A bar chart with a single feature flag exposure metrics`})})]})},$=e=>[`.`,`..`].includes(e.flag.name)?(0,L.jsx)(J,{children:(0,L.jsx)(H,{label:`The current flag name ('${e.flag.name}') is known to cause issues due how it affects URLs. We cannot show you a chart for it.`})}):(0,L.jsx)(Q,{...e});g.register(C,b,m,v,y,_,h);export{$ as FlagMetricsChart,Z as PlaceholderFlagMetricsChartWithWrapper};

package/frontend/build/static/FlagUsageSnippet-DOGwaqPZ.js

@@ -0,0 +1,2 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./Alert-DQgOzmJF.js";import{za as n}from"./index-C2zVj2FI.js";import{n as r,t as i}from"./CodeRenderer-RNHlNPBl.js";var a=(e,t)=>{let n=e.split(`---
+`)[3];return n?n.replaceAll(`<YOUR_FLAG>`,t):null},o=e(),s=()=>(0,o.jsx)(t,{severity:`error`,children:`This SDK is missing a flag usage example. Please let us know so we can add one!`}),c=({sdkName:e,feature:t})=>{let c=r[e],l=c?a(c,t):null;return l===null?(0,o.jsx)(s,{}):(0,o.jsx)(n,{components:{code:i},children:l})};export{c as t};

package/frontend/build/static/FlagUsageSnippet.story-tfMvt3kG.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./FlagUsageSnippet-DOGwaqPZ.js";var n=e(),r={title:`Onboarding/ImplementFlagDialog/FlagUsageSnippet`,background:`paper`},i=`my-feature-flag`,a=()=>(0,n.jsx)(t,{sdkName:`Node.js`,feature:i}),o=()=>(0,n.jsx)(t,{sdkName:`Go`,feature:i}),s=()=>(0,n.jsx)(t,{sdkName:`.NET`,feature:i}),c=()=>(0,n.jsx)(t,{sdkName:`Ruby`,feature:i}),l=()=>(0,n.jsx)(t,{sdkName:`PHP`,feature:i}),u=()=>(0,n.jsx)(t,{sdkName:`Rust`,feature:i}),d=()=>(0,n.jsx)(t,{sdkName:`Java`,feature:i}),f=()=>(0,n.jsx)(t,{sdkName:`Python`,feature:i}),p=()=>(0,n.jsx)(t,{sdkName:`JavaScript`,feature:i}),m=()=>(0,n.jsx)(t,{sdkName:`React`,feature:i}),h=()=>(0,n.jsx)(t,{sdkName:`Vue`,feature:i}),g=()=>(0,n.jsx)(t,{sdkName:`Svelte`,feature:i}),_=()=>(0,n.jsx)(t,{sdkName:`Swift`,feature:i}),v=()=>(0,n.jsx)(t,{sdkName:`Android`,feature:i}),y=()=>(0,n.jsx)(t,{sdkName:`Flutter`,feature:i}),b=()=>(0,n.jsx)(t,{sdkName:`Unknown`,feature:`my-feature-flag`});export{v as Android,s as DotNet,y as Flutter,o as Go,d as Java,p as JavaScript,b as MissingSnippet,a as NodeJs,l as Php,f as Python,m as React,c as Ruby,u as Rust,g as Svelte,_ as Swift,h as Vue,r as meta};

package/frontend/build/static/FormControlLabel-BrOlsUbv.js

@@ -0,0 +1 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{t as n}from"./jsx-runtime-DYfQNk55.js";import{a as r,c as i,n as a,r as o,s,t as c}from"./capitalize-DfXJDj8P.js";import{n as l}from"./resolveProps-CAVsjga5.js";import{t as u}from"./styled-CY_-vLWk.js";import{t as d}from"./useSlot-Ce59-xJL.js";import{h as f}from"./Select-DdG1oq6O.js";import{t as p}from"./Typography-nCkGT67u.js";var m=e(t(),1);function h(e){return i(`MuiFormControlLabel`,e)}var g=s(`MuiFormControlLabel`,[`root`,`labelPlacementStart`,`labelPlacementTop`,`labelPlacementBottom`,`disabled`,`label`,`error`,`required`,`asterisk`]),_=n(),v=e=>{let{classes:t,disabled:n,labelPlacement:i,error:a,required:o}=e;return r({root:[`root`,n&&`disabled`,`labelPlacement${c(i)}`,a&&`error`,o&&`required`],label:[`label`,n&&`disabled`],asterisk:[`asterisk`,a&&`error`]},h,t)},y=u(`label`,{name:`MuiFormControlLabel`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[{[`& .${g.label}`]:t.label},t.root,t[`labelPlacement${c(n.labelPlacement)}`]]}})(o(({theme:e})=>({display:`inline-flex`,alignItems:`center`,cursor:`pointer`,verticalAlign:`middle`,WebkitTapHighlightColor:`transparent`,marginLeft:-11,marginRight:16,[`&.${g.disabled}`]:{cursor:`default`},[`& .${g.label}`]:{[`&.${g.disabled}`]:{color:(e.vars||e).palette.text.disabled}},variants:[{props:{labelPlacement:`start`},style:{flexDirection:`row-reverse`,marginRight:-11}},{props:{labelPlacement:`top`},style:{flexDirection:`column-reverse`}},{props:{labelPlacement:`bottom`},style:{flexDirection:`column`}},{props:({labelPlacement:e})=>e===`start`||e===`top`||e===`bottom`,style:{marginLeft:16}}]}))),b=u(`span`,{name:`MuiFormControlLabel`,slot:`Asterisk`})(o(({theme:e})=>({[`&.${g.error}`]:{color:(e.vars||e).palette.error.main}}))),x=m.forwardRef(function(e,t){let n=a({props:e,name:`MuiFormControlLabel`}),{checked:r,className:i,control:o,disabled:s,disableTypography:c,inputRef:u,label:h,labelPlacement:g=`end`,name:x,onChange:S,required:C,slots:w={},slotProps:T={},value:E,...D}=n,[O,k]=f({props:n,states:[`error`]}),A=s??o.props.disabled??k?.disabled,j=C??o.props.required,M={disabled:A,required:j};[`checked`,`name`,`onChange`,`value`,`inputRef`].forEach(e=>{o.props[e]===void 0&&n[e]!==void 0&&(M[e]=n[e])});let N={...n,disabled:A,labelPlacement:g,required:j,error:O.error},P=v(N),[F,I]=d(`typography`,{elementType:p,externalForwardedProps:{slots:w,slotProps:T},ownerState:N}),L=h;return L!=null&&L.type!==p&&!c&&(L=(0,_.jsx)(F,{component:`span`,...I,className:l(P.label,I?.className),children:L})),(0,_.jsxs)(y,{className:l(P.root,i),ownerState:N,ref:t,...D,children:[m.cloneElement(o,M),j?(0,_.jsxs)(`div`,{children:[L,(0,_.jsxs)(b,{ownerState:N,"aria-hidden":!0,className:P.asterisk,children:[` `,`*`]})]}):L]})});export{x as t};

package/frontend/build/static/FormField-CRXe4g4R.js

@@ -0,0 +1 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{t as n}from"./jsx-runtime-DYfQNk55.js";import{t as r}from"./styled-CY_-vLWk.js";import{n as i}from"./useUiFlag-PbKW1iMa.js";var a=e(t(),1),o=n(),s=r(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,marginBottom:e.spacing(2),width:`100%`})),c=r(`label`)(({theme:e})=>({fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightBold,color:e.palette.text.primary})),l=r(`p`)(({theme:e})=>({margin:0,fontSize:e.typography.body2.fontSize,color:e.palette.text.secondary,"& span":{verticalAlign:`bottom`}})),u=r(`div`)(({theme:e})=>({marginTop:e.spacing(1)})),d=e=>`${e}-label`,f=({label:e,description:t,children:n})=>{let r=i(`topLabelInputs`),f=(0,a.useId)(),p=a.Children.only(n);if(!r){let n=(0,a.cloneElement)(p,{label:e});return t?(0,o.jsxs)(o.Fragment,{children:[t,n]}):n}let m=(0,a.isValidElement)(t)?t.props.children:t,h=p.props.id??f,g=t?`${h}-description`:void 0,_=(0,a.cloneElement)(p,{id:h,"aria-describedby":[g,p.props[`aria-describedby`]].filter(Boolean).join(` `)||void 0});return(0,o.jsxs)(s,{children:[(0,o.jsx)(c,{id:d(h),htmlFor:h,children:e}),t?(0,o.jsx)(l,{id:g,children:m}):null,(0,o.jsx)(u,{children:_})]})};export{d as n,f as t};

package/frontend/build/static/FrontendNetworkTrafficUsage-DGEwK1Qg.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./Alert-DQgOzmJF.js";import{t as n}from"./Box-rSzdGLLJ.js";import{t as r}from"./ConditionallyRender-CEffh9Z-.js";import{t as i}from"./useUiConfig-BcfEDPWc.js";import{t as a}from"./usePageTitle-DD1IHvCw.js";import{Gt as o,cn as s,fn as c,in as l,mn as u,nn as d,pn as f,rn as p}from"./index-C2zVj2FI.js";import{a as m,i as h,l as g,n as _,s as v,t as y,u as b}from"./networkTrafficUsageHighlightPlugin-DPi6id5j.js";import{t as x}from"./chartjs-plugin-annotation.esm-tsR8Pv5a.js";var S=e(),C=()=>{a(`Network - Frontend Traffic Usage`);let{isOss:e}=i(),{chartDataSelection:s,setChartDataSelection:c,options:l}=_(),{chartData:u}=v(s);return(0,S.jsx)(r,{condition:e(),show:(0,S.jsx)(t,{severity:`warning`,children:`Not enabled.`}),elseShow:(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(h,{children:[(0,S.jsxs)(m,{children:[(0,S.jsx)(n,{children:(0,S.jsx)(t,{severity:`info`,icon:!1,children:`Frontend traffic is determined by the total SDK requests to the Frontend API`})}),(0,S.jsx)(b,{selectedPeriod:s,setPeriod:c})]}),(0,S.jsx)(o,{data:u,plugins:[y],options:l,"aria-label":g(s)})]})})})};l.register(x,p,s,d,f,u,c);export{C as default};

package/frontend/build/static/GenerateApiKey-C1aJtPh-.js

@@ -0,0 +1 @@
+import{o as e,t}from"./react-Ca03aNmg.js";import{t as n}from"./jsx-runtime-DYfQNk55.js";import{t as r}from"./styled-CY_-vLWk.js";import{t as i}from"./Select-DdG1oq6O.js";import{t as a}from"./MenuItem-DNlBQQYG.js";import{t as o}from"./Button-yGjgMTJI.js";import{f as s,t as c}from"./httpErrorResponseHandler-BzpwldnE.js";import{n as l}from"./formatPath-j72gcKwy.js";import{t as u}from"./useEventTracker-B0ILyjZB.js";import{t as d}from"./useToast-BUHn_9TC.js";import{n as f,t as p}from"./useApi-B7ZLy5tN.js";import{t as m}from"./TokenExplanation-CJjBSQ07.js";var h=e(t(),1),g=(e,t={})=>{let{data:n,error:r,mutate:i}=s(l(`api/admin/projects/${e}/api-tokens`),_,t),a=(0,h.useMemo)(()=>n??[],[n]),o=(0,h.useCallback)(()=>{i().catch(console.warn)},[i]);return{tokens:a,error:r,loading:!r&&!n,refetch:o}},_=async e=>(await(await fetch(e).then(c(`Project Api tokens`))).json()).tokens,v=()=>{let{makeRequest:e,createRequest:t,errors:n,loading:r}=p({propagateErrors:!0});return{deleteToken:async(n,r)=>{let i=`api/admin/projects/${r}/api-tokens/${n}`,a=t(i,{method:`DELETE`});return e(a.caller,a.id)},createToken:async(n,r)=>{let i=`api/admin/projects/${r}/api-tokens`,a=t(i,{method:`POST`,body:JSON.stringify(n)});return e(a.caller,a.id)},errors:n,loading:r}},y=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},b=n(),x={client:`Backend`,frontend:`Frontend`},S=r(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(3)})),C=r(`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})),w=r(`div`)(({theme:e})=>({display:`flex`,flexDirection:`column`,gap:e.spacing(.5)})),T=r(`div`)(({theme:e})=>({fontWeight:e.typography.fontWeightBold,fontSize:e.typography.body1.fontSize})),E=r(`p`)(({theme:e})=>({fontSize:e.typography.body2.fontSize})),D=r(`div`)({display:`flex`,width:`100%`,justifyContent:`flex-end`}),O=({projectId:e,environments:t,sdk:n,onApiKeyChange:r,onNext:s})=>{let{trackEvent:c}=u(),{tokens:l,loading:p,refetch:_}=g(e),{createToken:O,loading:k}=v(),{setToastApiError:A}=d(),[j,M]=(0,h.useState)(t[0]||``),N=l.find(e=>e.environment===j&&e.type===n?.type),P=y(N?.secret);if((0,h.useEffect)(()=>{r(N?.secret)},[N?.secret,r]),!n)return null;let F=async()=>{try{await O({environment:j,type:n.type,projects:[e],tokenName:`api-key-${e}-${j}`},e),_(),c(`onboarding`,{props:{eventType:`api-key-generated`}})}catch(e){A(f(e))}},I=t.length>0?Math.max(...t.map(e=>e.length)):0,L=p||k,R=x[n.type];return(0,b.jsxs)(S,{children:[(0,b.jsxs)(C,{children:[(0,b.jsxs)(w,{children:[(0,b.jsx)(T,{children:`First select environment`}),(0,b.jsx)(E,{children:`The environment connects to an SDK to retrieve information.`})]}),(0,b.jsx)(i,{value:j,onChange:e=>M(e.target.value),size:`small`,inputProps:{"aria-label":`Select environment`},sx:{minWidth:`${I+5}ch`},children:t.map(e=>(0,b.jsx)(a,{value:e,children:e},e))})]}),(0,b.jsxs)(C,{children:[(0,b.jsx)(w,{children:P?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(T,{children:[R,` API Key`]}),(0,b.jsxs)(E,{children:[`Here is your generated`,` `,R.toLowerCase(),` API key. We will use it to connect to the`,` `,(0,b.jsx)(`b`,{children:P.project}),` project in the`,` `,(0,b.jsx)(`b`,{children:P.environment}),` environment.`]})]}):(0,b.jsxs)(T,{children:[`Then generate a `,R,` API Key`]})}),P?(0,b.jsx)(m,{project:P.project,environment:P.environment,secret:P.secret}):(0,b.jsxs)(o,{variant:`contained`,disabled:L,onClick:F,children:[`Generate `,R,` API Key`]})]}),P&&(0,b.jsx)(D,{children:(0,b.jsx)(o,{variant:`contained`,onClick:s,children:`Next`})})]})};export{v as n,g as r,O as t};

package/frontend/build/static/GenerateApiKey.story-DNMZG0qg.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./GenerateApiKey-C1aJtPh-.js";var n=e(),r={title:`Onboarding / GenerateApiKey`,background:`paper`},i=()=>(0,n.jsx)(t,{projectId:`my-project`,environments:[`production`,`development`,`staging`],sdk:{type:`client`},onApiKeyChange:e=>console.log(`API key changed:`,e),onNext:()=>console.log(`Next clicked`)});export{i as Default,r as meta};

package/frontend/build/static/GenerateApiKeySummary-DkPI02tH.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./Truncator-CF0-SVks.js";import{Eo as n}from"./index-C2zVj2FI.js";var r=e(),i=({apiKey:e})=>e?(0,r.jsx)(n,{color:`neutral`,children:(0,r.jsx)(t,{title:e,sx:{maxWidth:200},children:e})}):null;export{i as t};

package/frontend/build/static/GenerateApiKeySummary.story-CruMFwTQ.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-DYfQNk55.js";import{t}from"./GenerateApiKeySummary-DkPI02tH.js";var n=e(),r={title:`Onboarding / GenerateApiKeySummary`,background:`paper`},i=()=>(0,n.jsx)(t,{apiKey:`my-project:production.0efcb2447a1b9f417c90afea8415dd867f1998bea7db9c13714554f3`}),a=()=>(0,n.jsx)(t,{apiKey:`my-very-long-project-name:some-environment-name.averylongsecretkeythatshouldgettruncated12345`}),o=()=>(0,n.jsx)(t,{});export{i as Default,a as LongKey,o as NoKey,r as meta};