@redocly/reef 0.98.1-rc.2 → 0.98.2

package/dist/server/plugins/dev-onboarding/template/App.js

@@ -1,4 +1,4 @@
-import*as e from"react";import r from"styled-components";import{useQuery as f}from"@tanstack/react-query";import{useParams as b}from"react-router-dom";import{Admonition as h}from"@theme";import{Box as v,Flex as E}from"@theme/ui";import{useTranslate as x}from"@portal/hooks";import y from"@portal/CircularProgress";import{Container as A}from"./components/Container";import w from"./components/AppOverview";import T from"./components/ApiKeys";import C from"./components/ApiLogs";import I from"./components/CreateApiKey";import{Description as k}from"./components/Description";const _="app-tab-actions-portal",c="api_keys",B="logs";function P(z){const{id:s}=b(),{isLoading:m,error:l,data:n}=f(["APP:"+s],()=>fetch(`/api/api-keys/apps/${s}`).then(t=>t.json())),{translate:p}=x(),d=t=>o.findIndex(a=>a.id===t),o=[{id:c,name:p("dev.main.tab.appKeys","API keys"),content:e.createElement(e.Fragment,null,e.createElement(T,{credentials:n?.credentials,attributes:n?.attributes}),e.createElement(k,{text:n?.description})),show:!0},{id:B,name:p("dev.main.tab.logs","Logs"),content:e.createElement(C,null),show:!!n?.supportsLogs}].filter(t=>t.show),[i,g]=e.useState(0),u=n?.canCreateKey&&i===d(c);return e.createElement(v,{my:"2rem"},e.createElement(A,null,m?e.createElement(E,{justifyContent:"center",mt:"2em"},e.createElement(y,null)):l?e.createElement(h,{type:"danger"},l?.message??"Something went wrong"):n?e.createElement(e.Fragment,null,e.createElement(w,{app:n}),e.createElement(L,null,e.createElement(S,null,o.map(({name:t},a)=>e.createElement("span",{key:t,className:i===a?"active":"",onClick:()=>g(a)},t))),e.createElement("div",{id:_}),u&&e.createElement(I,{initialEnabledApis:(n.credentials||[]).flatMap(t=>t.apiProductIds||[])})),e.createElement(K,null,o[i].content)):null))}const U=r.i`
+import*as e from"react";import r from"styled-components";import{useQuery as f}from"@tanstack/react-query";import{useParams as b}from"react-router-dom";import{Box as h,Flex as v}from"@redocly/portal-legacy-ui";import{Admonition as E}from"@redocly/theme/markdoc/components/Admonition/Admonition";import{useTranslate as x}from"@portal/hooks";import y from"@portal/CircularProgress";import{Container as A}from"./components/Container";import w from"./components/AppOverview";import T from"./components/ApiKeys";import C from"./components/ApiLogs";import I from"./components/CreateApiKey";import{Description as k}from"./components/Description";const _="app-tab-actions-portal",c="api_keys",B="logs";function P(z){const{id:s}=b(),{isLoading:m,error:l,data:n}=f(["APP:"+s],()=>fetch(`/api/api-keys/apps/${s}`).then(t=>t.json())),{translate:p}=x(),d=t=>o.findIndex(a=>a.id===t),o=[{id:c,name:p("dev.main.tab.appKeys","API keys"),content:e.createElement(e.Fragment,null,e.createElement(T,{credentials:n?.credentials,attributes:n?.attributes}),e.createElement(k,{text:n?.description})),show:!0},{id:B,name:p("dev.main.tab.logs","Logs"),content:e.createElement(C,null),show:!!n?.supportsLogs}].filter(t=>t.show),[i,g]=e.useState(0),u=n?.canCreateKey&&i===d(c);return e.createElement(h,{my:"2rem"},e.createElement(A,null,m?e.createElement(v,{justifyContent:"center",mt:"2em"},e.createElement(y,null)):l?e.createElement(E,{type:"danger"},l?.message??"Something went wrong"):n?e.createElement(e.Fragment,null,e.createElement(w,{app:n}),e.createElement(L,null,e.createElement(S,null,o.map(({name:t},a)=>e.createElement("span",{key:t,className:i===a?"active":"",onClick:()=>g(a)},t))),e.createElement("div",{id:_}),u&&e.createElement(I,{initialEnabledApis:(n.credentials||[]).flatMap(t=>t.apiProductIds||[])})),e.createElement(K,null,o[i].content)):null))}const U=r.i`
   display: inline-block;
   width: 12px;
   height: 12px;
@@ -25,7 +25,7 @@ import*as e from"react";import r from"styled-components";import{useQuery as f}fr
   }
 
   > span.active {
-    border-bottom: 2px solid var(--border-primary);
+    border-bottom: 2px solid var(--border-color-primary);
   }
 `,K=r.div`
   margin-top: var(--spacing-base);

package/dist/server/plugins/dev-onboarding/template/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAE9D,MAAM,eAAe,GAAG,UAAU,CAAC;AACnC,MAAM,WAAW,GAAG,MAAM,CAAC;AAS3B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,MAAyB;IACvD,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAkB,CAAC;IAC3C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAM,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CACnE,KAAK,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAC5D,CAAC;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAErC,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtF,MAAM,IAAI,GAAe;QACvB;YACE,EAAE,EAAE,eAAe;YACnB,IAAI,EAAE,SAAS,CAAC,sBAAsB,EAAE,UAAU,CAAC;YACnD,OAAO,EAAE,CACP;gBACE,oBAAC,OAAO,IAAC,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,GAAI;gBACzE,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,GAAI,CACvC,CACJ;YACD,IAAI,EAAE,IAAI;SACX;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;YAC5C,OAAO,EAAE,oBAAC,OAAO,OAAG;YACpB,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,YAAY;SAC3B;KACF,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,mBAAmB,GAAG,IAAI,EAAE,YAAY,IAAI,SAAS,KAAK,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjG,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM;QACZ,oBAAC,SAAS,QACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAC,KAAK;YACpC,oBAAC,gBAAgB,OAAG,CACf,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IACrB,KAAe,EAAE,OAAO,IAAI,sBAAsB,CACzC,CACd,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT;YACE,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,GAAI;YAC1B,oBAAC,oBAAoB;gBACnB,oBAAC,WAAW,QACT,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,8BACE,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,IAEjC,IAAI,CACA,CACR,CAAC,CACU;gBACd,6BAAK,EAAE,EAAE,qBAAqB,GAAI;gBACjC,mBAAmB,IAAI,CACtB,oBAAC,YAAY,IACX,kBAAkB,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAClD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,IAAI,EAAE,CAC7B,GACD,CACH,CACoB;YACvB,oBAAC,UAAU,QAAE,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,CAAc,CACxD,CACJ,CAAC,CAAC,CAAC,IAAI,CACE,CACR,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB;AAClB,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;CAOhC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB7B,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAC"}

package/dist/server/plugins/dev-onboarding/template/AppsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppsList.d.ts","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/AppsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,CAAC,OAAO,UAAU,QAAQ,sBA2G/B"}
+{"version":3,"file":"AppsList.d.ts","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/AppsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,MAAM,CAAC,OAAO,UAAU,QAAQ,sBA0G/B"}

package/dist/server/plugins/dev-onboarding/template/AppsList.js

@@ -1,8 +1,8 @@
-import*as e from"react";import{useQuery as g}from"@tanstack/react-query";import a from"styled-components";import{Outlet as h,useLocation as v,useNavigate as x,useParams as y}from"react-router-dom";import{Button as w,SidebarLayout as E,Admonition as b}from"@redocly/theme";import{MenuItem as C}from"@theme/components/Menu";import{Flex as p}from"@theme/ui";import{useTranslate as P}from"@portal/hooks";import{PlusIcon as k}from"@theme/icons/PlusIcon";import A from"@portal/CircularProgress";import{loadAndNavigate as f}from"../../../../client/app/utils/loadAndNavigate";import L from"./components/icons/PlaceholderIcon";import{ButtonWithLoading as S}from"./components/ButtonWithLoading";import{CreateAppDialog as j}from"./CreateAppDialog";function I(){const{id:r}=y(),s=x(),u=v(),i=e.useRef(null),{translate:o}=P(),{data:n,isLoading:c,isRefetching:l,error:m}=g(["APPS"],()=>fetch("/api/api-keys/apps").then(t=>t.json().then(d=>t.ok?Promise.resolve(d):Promise.reject(d))),{refetchOnWindowFocus:!1});return e.useEffect(()=>{const t=c||l;!r&&n?.length&&!t?f(s,"apps/"+n[0].id+u.search,"browser",{replace:!0}):r&&!t&&!n?.length&&f(s,"apps/")},[r,n,l]),e.createElement(e.Fragment,null,c||l?e.createElement(p,{justifyContent:"center",mt:"2em"},e.createElement(A,null)):m?e.createElement(b,{type:"danger"},m?.message??"Something went wrong"):n?e.createElement(N,{"data-component-name":"Layout/PageLayout"},r&&e.createElement(E,{growContent:!1,menu:n?.map(t=>e.createElement(C,{key:t.id,item:{label:t.name,link:"apps/"+t.id,items:[],active:r===t.id,hasActiveSubItem:!1}})),header:e.createElement(D,{"data-translation-key":"dev.sidebar.header"},o("dev.sidebar.header","My apps")),footer:e.createElement(w,{variant:"outlined",fullWidth:!0,onClick:()=>i.current.open()},e.createElement(p,{justifyContent:"space-between"},e.createElement(W,{"data-translation-key":"dev.sidebar.footer.text"},o("dev.sidebar.footer.text","New application")),e.createElement(k,null))),versions:null}),!r&&!n.length?e.createElement(B,null,e.createElement(F,null,e.createElement(L,null),e.createElement(R,{"data-translation-key":"dev.newApp.text"},o("dev.newApp.text","Create your first app")),e.createElement(S,{color:"primary",onClick:()=>i.current.open(),"data-translation-key":"dev.newApp"},o("dev.newApp","New application")))):e.createElement(z,null,e.createElement(h,null)),e.createElement(j,{ref:i})):null)}const N=a.div`
+import*as e from"react";import{useQuery as u}from"@tanstack/react-query";import a from"styled-components";import{Outlet as h,useLocation as g,useNavigate as v,useParams as y}from"react-router-dom";import{Flex as x}from"@redocly/portal-legacy-ui";import{Button as w}from"@redocly/theme/components/Button/Button";import{Sidebar as E}from"@redocly/theme/components/Sidebar/Sidebar";import{Admonition as b}from"@redocly/theme/markdoc/components/Admonition/Admonition";import{MenuItem as P}from"@redocly/theme/components/Menu/MenuItem";import{AddIcon as A}from"@redocly/theme/icons/AddIcon/AddIcon";import{useTranslate as C}from"@portal/hooks";import k from"@portal/CircularProgress";import{loadAndNavigate as f}from"../../../../client/app/utils/loadAndNavigate";import S from"./components/icons/PlaceholderIcon";import{ButtonWithLoading as L}from"./components/ButtonWithLoading";import{CreateAppDialog as I}from"./CreateAppDialog";function j(){const{id:n}=y(),s=v(),p=g(),i=e.useRef(null),{translate:o}=C(),{data:r,isLoading:m,isRefetching:l,error:c}=u(["APPS"],()=>fetch("/api/api-keys/apps").then(t=>t.json().then(d=>t.ok?Promise.resolve(d):Promise.reject(d))),{refetchOnWindowFocus:!1});return e.useEffect(()=>{const t=m||l;!n&&r?.length&&!t?f(s,"apps/"+r[0].id+p.search,"browser",{replace:!0}):n&&!t&&!r?.length&&f(s,"apps/")},[n,r,l]),e.createElement(e.Fragment,null,m||l?e.createElement(x,{justifyContent:"center",mt:"2em"},e.createElement(k,null)):c?e.createElement(b,{type:"danger"},c?.message??"Something went wrong"):r?e.createElement(z,{"data-component-name":"Layout/PageLayout"},n&&e.createElement(E,{growContent:!1,menu:r?.map(t=>e.createElement(P,{key:t.id,item:{label:t.name,link:"apps/"+t.id,items:[],active:n===t.id,hasActiveSubItem:!1}})),header:e.createElement(F,{"data-translation-key":"dev.sidebar.header"},o("dev.sidebar.header","My apps")),footer:e.createElement(w,{variant:"outlined",fullWidth:!0,onClick:()=>i.current.open(),icon:e.createElement(A,null),iconPosition:"right",size:"small","data-translation-key":"dev.sidebar.footer.text"},o("dev.sidebar.footer.text","New application")),versions:null}),!n&&!r.length?e.createElement(D,null,e.createElement(R,null,e.createElement(S,null),e.createElement(W,{"data-translation-key":"dev.newApp.text"},o("dev.newApp.text","Create your first app")),e.createElement(L,{variant:"primary",onClick:()=>i.current.open(),"data-translation-key":"dev.newApp"},o("dev.newApp","New application")))):e.createElement(N,null,e.createElement(h,null)),e.createElement(I,{ref:i})):null)}const z=a.div`
   display: flex;
   flex-direction: row;
   min-height: calc(100vh - var(--navbar-height));
-`,z=a.div`
+`,N=a.div`
   flex: 1 0 0;
   /*
     flex-basis is ignored for nested flex in Chrome, need to set width
@@ -10,29 +10,27 @@ import*as e from"react";import{useQuery as g}from"@tanstack/react-query";import
   */
   width: 0;
   max-width: 100%;
-`,B=a.div`
+`,D=a.div`
   display: flex;
   flex-grow: 1;
-`,D=a.div`
+`,F=a.div`
   display: flex;
   font-weight: var(--font-weight-regular);
   font-size: var(--font-size-heading-3);
   line-height: var(--line-height-xxlg);
-  color: var(--text-primary);
+  color: var(--text-color-primary);
   font-family: var(--font-family-base);
-`,F=a.div`
+`,R=a.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   justify-content: center;
   align-items: center;
   font-family: var(--font-family-base);
-`,R=a.div`
+`,W=a.div`
   font-weight: var(--font-weight-regular);
   font-size: 28px;
   line-height: 36px;
-  color: var(--text-placeholder);
+  color: var(--input-content-placeholder-color);
   padding: var(--spacing-xl) 0 var(--spacing-lg) 0;
-`,W=a.span`
-  margin-right: var(--spacing-xxs);
-`;export{I as default};
+`;export{j as default};

package/dist/server/plugins/dev-onboarding/template/AppsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppsList.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/AppsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,EAAkB,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ,CACvD,CAAC,MAAM,CAAC,EACR,GAAG,EAAE,CACH,KAAK,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;QACvC,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE;YACnC,IAAI,GAAG,CAAC,EAAE,EAAE;gBACV,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aAC9B;iBAAM;gBACL,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aAC7B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,EACJ,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAChC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,SAAS,IAAI,YAAY,CAAC;QACjD,IAAI,CAAC,KAAK,IAAI,IAAI,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE;YAC7C,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,EAAE,SAAS,EAAE;gBAC3E,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;aAAM,IAAI,KAAK,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE;YACpD,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;SACpC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,0CACG,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAC,KAAK;QACpC,oBAAC,gBAAgB,OAAG,CACf,CACR,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAG,KAAe,EAAE,OAAO,IAAI,sBAAsB,CAAc,CAC7F,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,oBAAC,SAAS,2BAAqB,mBAAmB;QAC/C,KAAK,IAAI,CACR,oBAAC,aAAa,IACZ,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IACP,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,IAAI,EAAE;oBACJ,KAAK,EAAE,GAAG,CAAC,IAAI;oBACf,IAAI,EAAE,OAAO,GAAG,GAAG,CAAC,EAAE;oBACtB,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,KAAK,KAAK,GAAG,CAAC,EAAE;oBACxB,gBAAgB,EAAE,KAAK;iBACxB,GACD,CACH,CAAC,EACF,MAAM,EACJ,oBAAC,aAAa,4BAAsB,oBAAoB,IACrD,SAAS,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAC7B,EAElB,MAAM,EACJ,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,SAAS,QACT,OAAO,EAAE,GAAG,EAAE,CAAE,YAAY,CAAC,OAAe,CAAC,IAAI,EAAE;gBAEnD,oBAAC,IAAI,IAAC,cAAc,EAAC,eAAe;oBAClC,oBAAC,WAAW,4BAAsB,yBAAyB,IACxD,SAAS,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,CAC5C;oBACd,oBAAC,QAAQ,OAAG,CACP,CACA,EAEX,QAAQ,EAAE,IAAI,GACd,CACH;QAEA,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACxB,oBAAC,oBAAoB;YACnB,oBAAC,WAAW;gBACV,oBAAC,eAAe,OAAG;gBACnB,oBAAC,eAAe,4BAAsB,iBAAiB,IACpD,SAAS,CAAC,iBAAiB,EAAE,uBAAuB,CAAC,CACtC;gBAClB,oBAAC,iBAAiB,IAChB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAE,YAAY,CAAC,OAAe,CAAC,IAAI,EAAE,0BAC9B,YAAY,IAEhC,SAAS,CAAC,YAAY,EAAE,iBAAiB,CAAC,CACzB,CACR,CACO,CACxB,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB;YACf,oBAAC,MAAM,OAAG,CACO,CACpB;QACD,oBAAC,eAAe,IAAC,GAAG,EAAE,YAAY,GAAI,CAC5B,CACb,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQlC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO7B,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMjC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE9B,CAAC"}
+{"version":3,"file":"AppsList.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/AppsList.tsx"],"names":[],"mappings":"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"}

package/dist/server/plugins/dev-onboarding/template/CreateAppDialog.js

@@ -1,10 +1,10 @@
-import*as e from"react";import{useQueryClient as z,useMutation as M}from"@tanstack/react-query";import E from"styled-components";import{Button as j}from"@theme/components/Button";import{Admonition as f}from"@theme/components/Markdown";import{usePreloadHistory as B}from"@portal/usePreloadHistory";import{Flex as H}from"@theme/ui";import{AppCustomAttributes as V}from"@theme/components/ApiOnboarding/AppCustomAttributes";import{useTranslate as $}from"@portal/hooks";import q from"./components/ApisList";import{ButtonWithLoading as F}from"./components/ButtonWithLoading";import{Dialog as Q}from"./components/Dialog";import{ButtonsContainer as W}from"./components/RollAPIKey";import{MAX_DESCRIPTION_LENGTH as C,CharacterCounter as G}from"./components/CharacterCounter";import{DialogInputMultiline as J,DialogRow as A,DialogRowContent as y,DialogRowTitle as v,DialogTitleInput as K}from"./components/DialogStyledComponents";const ue=e.forwardRef((Y,b)=>{const[r,S]=e.useState(""),[o,I]=e.useState(""),P=z(),[w,D]=e.useState({}),[x,R]=e.useState(!0),[p,c]=e.useState(""),[k,s]=e.useState(!1),m=B(),d=new URLSearchParams(m.location.search),[u,L]=e.useState([]),{translate:a}=$(),g=d.has("createApp");e.useEffect(()=>{g&&s(!0)},[g]);const N=e.useCallback((t,_)=>{D(t),R(_)},[]),n=M(()=>fetch("/api/api-keys/apps",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:r,name:r,description:o,apiProductIds:u,attributes:w})}).then(t=>t.json()),{onSuccess:t=>{t.error?c(t.error):(m.push("/apps/"+t.id),P.invalidateQueries({queryKey:["APPS"]}),l(),c(""))}}),h=()=>s(!0),l=()=>s(!1);e.useImperativeHandle(b,()=>({open:h}));const T=t=>{L(t||[])},O=async()=>{await n.mutateAsync()},i=/^[a-z][a-z0-9._\-$%#\s]*$/gi.test(r);return e.createElement(e.Fragment,null,e.createElement(Q,{open:k,onOpen:h,onClose:l},e.createElement(U,null,e.createElement(H,{justifyContent:"space-between",alignItems:"center",mb:"2em"},e.createElement(K,{error:!!r&&!i,value:r,onChange:t=>S(t.target.value),placeholder:a("dev.create.app.dialog.appName.placeholder","App name")}),!!r&&!i&&e.createElement(X,null,a("dev.create.app.dialog.appName.error","Name must start with a letter and can only contain: letters, numbers, spaces, ., _, -, $, %, #"))),e.createElement(A,null,e.createElement(v,{"data-translation-key":"dev.create.app.dialog.selectAPIs"},a("dev.create.app.dialog.selectAPIs","Select APIs")),e.createElement(y,null,e.createElement(q,{initialEnabledApis:d.getAll("apiId"),onChange:T}))),e.createElement(A,null,e.createElement(v,{"data-translation-key":"dev.create.app.dialog.description"},a("dev.create.app.dialog.description","Description")),e.createElement(y,null,e.createElement(J,{maxLength:C,value:o,onChange:t=>I(t.target.value),placeholder:a("dev.create.app.dialog.description.placeholder","Empty"),rows:6}))),e.createElement(G,null,o.length,"/",C),e.createElement(V,{onChange:N}),n.error?e.createElement(f,{type:"danger"},n.error.message):null,e.createElement(W,null,e.createElement(j,{onClick:l,size:"large",variant:"text"},a("dev.create.app.dialog.cancel","Cancel")),e.createElement(F,{color:"primary",onClick:O,loading:n.isLoading,disabled:!x||n.isLoading||!i||u.length<1,"data-translation-key":"dev.create.app.dialog.create"},a("dev.create.app.dialog.create","Create application"))),p&&e.createElement(f,{type:"danger"},p))))}),U=E.div`
+import*as e from"react";import{useQueryClient as z,useMutation as M}from"@tanstack/react-query";import E from"styled-components";import{Flex as j}from"@redocly/portal-legacy-ui";import{Button as B}from"@redocly/theme/components/Button/Button";import{Admonition as f}from"@redocly/theme/markdoc/components/Admonition/Admonition";import{AppCustomAttributes as H}from"@redocly/theme/components/ApiOnboarding/AppCustomAttributes";import{usePreloadHistory as V}from"@portal/usePreloadHistory";import{useTranslate as $}from"@portal/hooks";import q from"./components/ApisList";import{ButtonWithLoading as F}from"./components/ButtonWithLoading";import{Dialog as Q}from"./components/Dialog";import{ButtonsContainer as W}from"./components/RollAPIKey";import{MAX_DESCRIPTION_LENGTH as C,CharacterCounter as G}from"./components/CharacterCounter";import{DialogInputMultiline as J,DialogRow as A,DialogRowContent as y,DialogRowTitle as v,DialogTitleInput as K}from"./components/DialogStyledComponents";const ue=e.forwardRef((Y,b)=>{const[r,S]=e.useState(""),[o,I]=e.useState(""),P=z(),[w,D]=e.useState({}),[x,R]=e.useState(!0),[p,c]=e.useState(""),[k,s]=e.useState(!1),m=V(),d=new URLSearchParams(m.location.search),[u,L]=e.useState([]),{translate:a}=$(),g=d.has("createApp");e.useEffect(()=>{g&&s(!0)},[g]);const N=e.useCallback((t,_)=>{D(t),R(_)},[]),n=M(()=>fetch("/api/api-keys/apps",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:r,name:r,description:o,apiProductIds:u,attributes:w})}).then(t=>t.json()),{onSuccess:t=>{t.error?c(t.error):(m.push("/apps/"+t.id),P.invalidateQueries({queryKey:["APPS"]}),l(),c(""))}}),h=()=>s(!0),l=()=>s(!1);e.useImperativeHandle(b,()=>({open:h}));const T=t=>{L(t||[])},O=async()=>{await n.mutateAsync()},i=/^[a-z][a-z0-9._\-$%#\s]*$/gi.test(r);return e.createElement(e.Fragment,null,e.createElement(Q,{open:k,onOpen:h,onClose:l},e.createElement(U,null,e.createElement(j,{justifyContent:"space-between",alignItems:"center",mb:"2em"},e.createElement(K,{error:!!r&&!i,value:r,onChange:t=>S(t.target.value),placeholder:a("dev.create.app.dialog.appName.placeholder","App name")}),!!r&&!i&&e.createElement(X,null,a("dev.create.app.dialog.appName.error","Name must start with a letter and can only contain: letters, numbers, spaces, ., _, -, $, %, #"))),e.createElement(A,null,e.createElement(v,{"data-translation-key":"dev.create.app.dialog.selectAPIs"},a("dev.create.app.dialog.selectAPIs","Select APIs")),e.createElement(y,null,e.createElement(q,{initialEnabledApis:d.getAll("apiId"),onChange:T}))),e.createElement(A,null,e.createElement(v,{"data-translation-key":"dev.create.app.dialog.description"},a("dev.create.app.dialog.description","Description")),e.createElement(y,null,e.createElement(J,{maxLength:C,value:o,onChange:t=>I(t.target.value),placeholder:a("dev.create.app.dialog.description.placeholder","Empty"),rows:6}))),e.createElement(G,null,o.length,"/",C),e.createElement(H,{onChange:N}),n.error?e.createElement(f,{type:"danger"},n.error.message):null,e.createElement(W,null,e.createElement(B,{onClick:l,size:"large",variant:"text"},a("dev.create.app.dialog.cancel","Cancel")),e.createElement(F,{variant:"primary",onClick:O,loading:n.isLoading,disabled:!x||n.isLoading||!i||u.length<1,"data-translation-key":"dev.create.app.dialog.create"},a("dev.create.app.dialog.create","Create application"))),p&&e.createElement(f,{type:"danger"},p))))}),U=E.div`
   width: 664px;
   min-height: 428px;
   display: flex;
   flex-direction: column;
 `,X=E.span`
   padding-top: 5px;
-  color: var(--color-error);
+  color: var(--color-error-base);
   font-size: 0.9em;
 `;export{ue as CreateAppDialog};

package/dist/server/plugins/dev-onboarding/template/CreateAppDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateAppDialog.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/CreateAppDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreateAppDialog.js","sourceRoot":"","sources":["../../../../../../../src/server/plugins/dev-onboarding/template/CreateAppDialog.tsx"],"names":[],"mappings":"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"}

package/dist/server/plugins/dev-onboarding/template/components/ApiItem.js

@@ -1,11 +1,11 @@
-import*as e from"react";import n from"styled-components";import{Typography as l}from"@theme";import{Flex as c}from"@theme/ui";function p(r){const{api:t,onChange:o,enabled:a}=r;return e.createElement(b,{enabled:a},e.createElement(s,{id:t.id,checked:a,onChange:i=>{o(t.id,i.target.checked)},label:e.createElement(c,{width:"100%",flexDirection:"column"},e.createElement(l,{marginTop:"0",marginBottom:"0"},t.name),e.createElement(l,{marginTop:"0",marginBottom:"0",color:"var(--text-secondary)"},t.description||e.createElement("i",null,"No description.")))}))}const b=n.div`
+import*as e from"react";import i from"styled-components";import{Flex as d}from"@redocly/portal-legacy-ui";import{Typography as l}from"@redocly/theme/components/Typography/Typography";function p(o){const{api:r,onChange:t,enabled:a}=o;return e.createElement(b,{enabled:a},e.createElement(s,{id:r.id,checked:a,onChange:n=>{t(r.id,n.target.checked)},label:e.createElement(d,{width:"100%",flexDirection:"column"},e.createElement(l,{marginTop:"0",marginBottom:"0"},r.name),e.createElement(l,{marginTop:"0",marginBottom:"0",color:"var(--text-color-secondary)"},r.description||e.createElement("i",null,"No description.")))}))}const b=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-top: 0.5rem;
   padding: 5px 10px;
-  /* background: ${({enabled:r})=>r?"var(--color-success-bg)":"transparent"}; */
-  border-bottom: 1px solid var(--border-primary);
+  /* background: ${({enabled:o})=>o?"var(--color-success-bg)":"transparent"}; */
+  border-bottom: 1px solid var(--border-color-primary);
 
   &:last-child {
     border-bottom: none;
@@ -14,9 +14,9 @@ import*as e from"react";import n from"styled-components";import{Typography as l}
   /* cursor: pointer; */
 
   /* &:hover {
-    background: ${({enabled:r})=>r?"var(--color-success-bg)":"var(--bg-overlay)"};
+    background: ${({enabled:o})=>o?"var(--color-success-bg)":"var(--button-bg-color-secondary-hover)"};
   } */
-`;function s(r){const{checked:t,id:o,onChange:a,label:i,disabled:d}=r;return e.createElement(e.Fragment,null,e.createElement(m,{id:o,type:"checkbox",checked:t,onChange:a,disabled:d}),e.createElement("label",{htmlFor:o},e.createElement("div",null,i)))}const m=n.input`
+`;function s(o){const{checked:r,id:t,onChange:a,label:n,disabled:c}=o;return e.createElement(e.Fragment,null,e.createElement(h,{id:t,type:"checkbox",checked:r,onChange:a,disabled:c}),e.createElement("label",{htmlFor:t},e.createElement("div",null,n)))}const h=i.input`
   position: absolute;
   opacity: 0;
 

package/dist/server/plugins/dev-onboarding/template/components/ApiItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiItem.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAI/B;IACC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACL,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAO;QAC9B,oBAAC,QAAQ,IACP,EAAE,EAAE,GAAG,CAAC,EAAE,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC,EACD,KAAK,EACH,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ;gBACvC,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,EAAC,YAAY,EAAC,GAAG,IACvC,GAAG,CAAC,IAAI,CACE;gBAEb,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,KAAK,EAAC,uBAAuB,IACrE,GAAG,CAAC,WAAW,IAAI,iDAAsB,CAC/B,CACR,GAET,CACa,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;mBAMrC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC;;;;;;;;;;kBAUvE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mBAAmB,CAAC;;CAE7F,CAAC;AAEF,SAAS,QAAQ,CAAC,KAMjB;IACC,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzD,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;QACF,+BAAO,OAAO,EAAE,EAAE;YAChB,iCAAM,KAAK,CAAO,CACZ,CACP,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D/B,CAAC"}
+{"version":3,"file":"ApiItem.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAE7E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAI/B;IACC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACL,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAO;QAC9B,oBAAC,QAAQ,IACP,EAAE,EAAE,GAAG,CAAC,EAAE,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC,EACD,KAAK,EACH,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ;gBACvC,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,EAAC,YAAY,EAAC,GAAG,IACvC,GAAG,CAAC,IAAI,CACE;gBAEb,oBAAC,UAAU,IAAC,SAAS,EAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,KAAK,EAAC,6BAA6B,IAC3E,GAAG,CAAC,WAAW,IAAI,iDAAsB,CAC/B,CACR,GAET,CACa,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;mBAMrC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,aAAa,CAAC;;;;;;;;;;kBAUvE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,wCAAwC;;CAEjF,CAAC;AAEF,SAAS,QAAQ,CAAC,KAMjB;IACC,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzD,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB;QACF,+BAAO,OAAO,EAAE,EAAE;YAChB,iCAAM,KAAK,CAAO,CACZ,CACP,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D/B,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyItem.d.ts

@@ -4,5 +4,10 @@ export default function ApiKeyItem(props: {
     credential: Credential;
     attributes: Attributes;
 }): React.JSX.Element;
-export declare const ConnectSourceIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ConnectSourceIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {
+    'data-component-name': string;
+} & import("@redocly/portal-legacy-ui").BoxProps & {
+    'data-component-name': string;
+} & import("@redocly/portal-legacy-ui").FlexProps, "data-component-name">;
 //# sourceMappingURL=ApiKeyItem.d.ts.map

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyItem.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAE,qBA2E3F;AAQD,eAAO,MAAM,iBAAiB,0GAO7B,CAAC"}
+{"version":3,"file":"ApiKeyItem.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAE,qBA2E3F;AAQD,eAAO,MAAM,iBAAiB,qEAO7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;yEAI1B,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyItem.js

@@ -1,11 +1,15 @@
-import*as e from"react";import i from"styled-components";import{useParams as E}from"react-router-dom";import{useMutation as g,useQueryClient as y}from"@tanstack/react-query";import{Admonition as x,H3 as h,Button as k}from"@theme";import{Flex as s}from"@theme/ui";import v from"./ApiKeyOverview";import{ApiKeyProductsStatus as w}from"./ApiKeyProductStatus";import{UpdateKey as L}from"./UpdateApiKey";import{Dialog as D}from"./Dialog";import{ButtonWithLoading as K}from"./ButtonWithLoading";function S(m){const p=y(),{credential:t}=m,{id:o}=E(),[c,r]=e.useState(!1),[u,n]=e.useState(!1),{isLoading:a,error:l,mutate:d}=g(["DELETE_CRED"+t.id],()=>fetch(`/api/api-keys/apps/${o}/credentials/${t.id}`,{method:"DELETE"}),{onSuccess:()=>{p.invalidateQueries({queryKey:["APP:"+o]}),n(!1)}}),C=()=>{d()},f=()=>{r(!0)};return e.createElement(e.Fragment,null,e.createElement(A,null,e.createElement(v,{apiKey:t}),e.createElement(w,{apiProductsStatuses:t.apiProductsStatus,secret:t.clientSecret,id:t.id})),e.createElement(L,{credential:t,open:c,onClose:()=>r(!1),onOpen:f}),e.createElement(D,{open:u,onOpen:()=>n(!0),onClose:()=>n(!1)},e.createElement(e.Fragment,null,e.createElement(h,null,"Revoke key"),e.createElement("div",null,"Do you really want to revoke this key?"),l&&e.createElement(x,{type:"danger"},l.message),e.createElement(s,{mt:"2em",justifyContent:"flex-end"},e.createElement(k,{onClick:()=>n(!1)},"Cancel"),e.createElement(K,{color:"primary",onClick:C,disabled:a,loading:a},"Revoke key")))))}const A=i(s)`
+import*as e from"react";import o from"styled-components";import{useParams as g}from"react-router-dom";import{useMutation as E,useQueryClient as y}from"@tanstack/react-query";import{Flex as s}from"@redocly/portal-legacy-ui";import{Button as x}from"@redocly/theme/components/Button/Button";import{H3 as h}from"@redocly/theme/components/Typography/H3";import{Admonition as v}from"@redocly/theme/markdoc/components/Admonition/Admonition";import k from"./ApiKeyOverview";import{ApiKeyProductsStatus as w}from"./ApiKeyProductStatus";import{UpdateKey as L}from"./UpdateApiKey";import{Dialog as D}from"./Dialog";import{ButtonWithLoading as K}from"./ButtonWithLoading";function S(p){const m=y(),{credential:t}=p,{id:r}=g(),[c,a]=e.useState(!1),[u,n]=e.useState(!1),{isLoading:i,error:l,mutate:d}=E(["DELETE_CRED"+t.id],()=>fetch(`/api/api-keys/apps/${r}/credentials/${t.id}`,{method:"DELETE"}),{onSuccess:()=>{m.invalidateQueries({queryKey:["APP:"+r]}),n(!1)}}),C=()=>{d()},f=()=>{a(!0)};return e.createElement(e.Fragment,null,e.createElement(A,null,e.createElement(k,{apiKey:t}),e.createElement(w,{apiProductsStatuses:t.apiProductsStatus,secret:t.clientSecret,id:t.id})),e.createElement(L,{credential:t,open:c,onClose:()=>a(!1),onOpen:f}),e.createElement(D,{open:u,onOpen:()=>n(!0),onClose:()=>n(!1)},e.createElement(e.Fragment,null,e.createElement(h,null,"Revoke key"),e.createElement("div",null,"Do you really want to revoke this key?"),l&&e.createElement(v,{type:"danger"},l.message),e.createElement(O,null,e.createElement(x,{onClick:()=>n(!1)},"Cancel"),e.createElement(K,{variant:"primary",onClick:C,disabled:i,loading:i},"Revoke key")))))}const A=o(s)`
   flex-wrap: wrap;
   gap: 32px;
-`,q=i.span`
+`,W=o.span`
   margin: 14px 6px;
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-size: 20px 20px;
   background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' fill='none' style='mix-blend-mode:multiply'/%3E%3Cpath d='M14.9998 6.25L14.1159 7.13381L16.3572 9.375H7.43657C7.31292 8.77515 7.01623 8.22468 6.58316 7.7916C6.15008 7.35853 5.59961 7.06183 4.99976 6.93819V1.25H3.74976V6.93819C3.04406 7.08229 2.40981 7.46575 1.95431 8.02367C1.4988 8.5816 1.25 9.27974 1.25 10C1.25 10.7203 1.4988 11.4184 1.95431 11.9763C2.40981 12.5343 3.04406 12.9177 3.74976 13.0618V18.75H4.99976V13.0618C5.59961 12.9382 6.15008 12.6415 6.58316 12.2084C7.01623 11.7753 7.31292 11.2248 7.43657 10.625H16.3572L14.1159 12.8662L14.9998 13.75L18.7498 10L14.9998 6.25ZM4.37476 11.875C4.00392 11.875 3.6414 11.765 3.33306 11.559C3.02472 11.353 2.7844 11.0601 2.64248 10.7175C2.50057 10.3749 2.46344 9.99792 2.53578 9.63421C2.60813 9.27049 2.78671 8.9364 3.04893 8.67417C3.31116 8.41195 3.64525 8.23338 4.00896 8.16103C4.37268 8.08868 4.74968 8.12581 5.09229 8.26773C5.4349 8.40964 5.72774 8.64996 5.93376 8.95831C6.13979 9.26665 6.24976 9.62916 6.24976 10C6.24921 10.4971 6.05149 10.9737 5.69998 11.3252C5.34847 11.6767 4.87187 11.8745 4.37476 11.875Z' fill='%231E1E1F'/%3E%3C/svg%3E%0A");
-`;export{q as ConnectSourceIcon,S as default};
+`,O=o(s)`
+  margin-top: 2em;
+  justify-content: flex-end;
+  gap: var(--spacing-xs);
+`;export{O as ButtonsWrapper,W as ConnectSourceIcon,S as default};

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyItem.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ApiKeyItem.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyItem.tsx"],"names":[],"mappings":"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"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyOverview.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyOverview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYlD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,qBAqCnE"}
+{"version":3,"file":"ApiKeyOverview.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,qBAqCnE"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyOverview.js

@@ -1,13 +1,13 @@
-import{Flex as a}from"@redocly/theme";import*as t from"react";import i from"styled-components";import n from"./ApiKeyRow";import l from"./CreatedAtRow";import s from"./ExpiresAtRow";import c from"./icons/WarningIcon";import m from"./RevokeAPIKey";import p from"./RollAPIKey";import d from"./SecretRow";import u from"./StageRow";import f from"./StatusRow";function x(r){const{apiKey:e}=r,o=Number(e.expiresAt)>0&&Math.abs(Number(e.expiresAt)-Date.now())<24*60*60*1e3;return t.createElement(a,{flexDirection:"column",flexGrow:1},o&&t.createElement(v,null,t.createElement("div",null,"Expires soon"),t.createElement(c,null)),t.createElement(g,{borderColor:o?"var(--color-error-border)":e.stage==="production"?"var(--color-success-border)":""},e.stage&&t.createElement(u,{stage:e.stage})||null,e.clientId&&t.createElement(n,{apiKey:e.clientId})||null,e.clientSecret&&t.createElement(d,{secret:e.clientSecret,hasClientId:!!e.clientId})||null,e.status&&t.createElement(f,{status:e.status})||null,t.createElement(l,{createdAt:e.issuedAt}),t.createElement(s,{expiresAt:e.expiresAt,expiresSoon:o})),e.canBeRolled&&t.createElement(p,{apiKey:e}),e.canBeRevoked&&t.createElement(m,{apiKey:e}))}const g=i.div`
+import*as t from"react";import i from"styled-components";import{Flex as a}from"@redocly/portal-legacy-ui";import{WarningAltIcon as l}from"@redocly/theme";import n from"./ApiKeyRow";import s from"./CreatedAtRow";import c from"./ExpiresAtRow";import m from"./RevokeAPIKey";import p from"./RollAPIKey";import d from"./SecretRow";import x from"./StageRow";import f from"./StatusRow";function u(r){const{apiKey:e}=r,o=Number(e.expiresAt)>0&&Math.abs(Number(e.expiresAt)-Date.now())<24*60*60*1e3;return t.createElement(a,{flexDirection:"column",flexGrow:1},o&&t.createElement(v,null,t.createElement("div",null,"Expires soon"),t.createElement(l,{size:"24px",color:"#C8102E"})),t.createElement(g,{borderColor:o?"var(--color-error-border)":e.stage==="production"?"var(--color-success-border)":""},e.stage&&t.createElement(x,{stage:e.stage})||null,e.clientId&&t.createElement(n,{apiKey:e.clientId})||null,e.clientSecret&&t.createElement(d,{secret:e.clientSecret,hasClientId:!!e.clientId})||null,e.status&&t.createElement(f,{status:e.status})||null,t.createElement(s,{createdAt:e.issuedAt}),t.createElement(c,{expiresAt:e.expiresAt,expiresSoon:o})),e.canBeRolled&&t.createElement(p,{apiKey:e}),e.canBeRevoked&&t.createElement(m,{apiKey:e}))}const g=i.div`
   display: flex;
   flex-direction: column;
 
-  background: var(--wide-tile-background-color);
+  background: var(--layer-color);
   border-radius: ${({borderColor:r})=>r?"0 4px 4px 0":"4px"};
   border-left: ${({borderColor:r})=>r?"2px solid "+r:"none"};
 
   > :not(:last-child) {
-    border-bottom: 1px solid var(--border-primary);
+    border-bottom: 1px solid var(--border-color-primary);
   }
 `,v=i.div`
   display: flex;
@@ -20,4 +20,4 @@ import{Flex as a}from"@redocly/theme";import*as t from"react";import i from"styl
     width: 18px;
     height: 18px;
   }
-`;export{x as default};
+`;export{u as default};

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyOverview.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6B;IAClE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAExE,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;QACrC,WAAW,IAAI,CACd,oBAAC,cAAc;YACb,gDAAuB;YACvB,oBAAC,WAAW,OAAG,CACA,CAClB;QACD,oBAAC,YAAY,IACX,WAAW,EACT,WAAW;gBACT,CAAC,CAAC,2BAA2B;gBAC7B,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,YAAY;oBAC/B,CAAC,CAAC,6BAA6B;oBAC/B,CAAC,CAAC,EAAE;YAGP,CAAC,MAAM,CAAC,KAAK,IAAI,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,IAAI,IAAI;YAC3D,CAAC,MAAM,CAAC,QAAQ,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,GAAI,CAAC,IAAI,IAAI;YACnE,CAAC,MAAM,CAAC,YAAY,IAAI,CACvB,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAI,CAC3E,CAAC;gBACA,IAAI;YACL,CAAC,MAAM,CAAC,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,CAAC,IAAI,IAAI;YAChE,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;YAC5C,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAC1D;QACd,MAAM,CAAC,WAAW,IAAI,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI;QACpD,MAAM,CAAC,YAAY,IAAI,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CACnD,CACR,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;mBAKtC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;iBAC5D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;CAKxF,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC"}
+{"version":3,"file":"ApiKeyOverview.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA6B;IAClE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAExE,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;QACrC,WAAW,IAAI,CACd,oBAAC,cAAc;YACb,gDAAuB;YACvB,oBAAC,cAAc,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,CAC/B,CAClB;QACD,oBAAC,YAAY,IACX,WAAW,EACT,WAAW;gBACT,CAAC,CAAC,2BAA2B;gBAC7B,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,YAAY;oBAC/B,CAAC,CAAC,6BAA6B;oBAC/B,CAAC,CAAC,EAAE;YAGP,CAAC,MAAM,CAAC,KAAK,IAAI,oBAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,IAAI,IAAI;YAC3D,CAAC,MAAM,CAAC,QAAQ,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,GAAI,CAAC,IAAI,IAAI;YACnE,CAAC,MAAM,CAAC,YAAY,IAAI,CACvB,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAI,CAC3E,CAAC;gBACA,IAAI;YACL,CAAC,MAAM,CAAC,MAAM,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAI,CAAC,IAAI,IAAI;YAChE,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;YAC5C,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAC1D;QACd,MAAM,CAAC,WAAW,IAAI,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI;QACpD,MAAM,CAAC,YAAY,IAAI,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CACnD,CACR,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;mBAKtC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;iBAC5D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;CAKxF,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyProductStatus.js

@@ -1,12 +1,12 @@
-import*as e from"react";import i from"styled-components";import{Flex as c}from"@redocly/theme/src/ui";import{useTranslate as m}from"@portal/hooks";import{PlusIcon as u}from"@theme/icons/PlusIcon";import{useKeyStatus as f}from"./StatusRow";import g from"./EditApis";import{Link as v}from"../../../../../client/app/Link";import{useGlobalData as E}from"../../../../../client/app/useGlobalData";function z(r){const{apiProductsStatuses:t,secret:o}=r,{translate:a}=m(),p=e.useMemo(()=>t?.map(n=>n.apiId||n.id),[t]),[d,s]=e.useState(!1);return e.createElement(c,{flexDirection:"column",flexGrow:1},e.createElement(g,{open:d,id:r.id,onClose:()=>s(!1),initialEnabledApis:p,secret:o}),e.createElement(y,null,e.createElement(l,null,e.createElement("strong",{"data-translation-key":"dev.app.key.api.name"},a("dev.app.key.api.name","API Name")),e.createElement("strong",{"data-translation-key":"dev.app.key.api.status"},a("dev.app.key.api.status","Status"))),t.map(n=>e.createElement(l,{key:n.name},e.createElement(x,{apiProduct:n})))),e.createElement(k,{onClick:()=>s(!0)},e.createElement("span",{"data-translation-key":"dev.app.key.api.edit"},a("dev.app.key.api.edit","Edit APIs")),e.createElement(u,null)))}function x(r){const{apiProduct:t}=r,{apiProducts:o={}}=E(),a=o?.[t.id]??void 0;return e.createElement(e.Fragment,null,a&&e.createElement(b,{to:a.slug},t.name),!a&&e.createElement("span",null,t.name),f(t.status))}const y=i.div`
+import*as e from"react";import o from"styled-components";import{Flex as c}from"@redocly/portal-legacy-ui";import{AddIcon as m}from"@redocly/theme/icons/AddIcon/AddIcon";import{useTranslate as u}from"@portal/hooks";import{useKeyStatus as f}from"./StatusRow";import g from"./EditApis";import{Link as v}from"../../../../../client/app/Link";import{useGlobalData as E}from"../../../../../client/app/useGlobalData";function z(n){const{apiProductsStatuses:t,secret:i}=n,{translate:a}=u(),p=e.useMemo(()=>t?.map(r=>r.apiId||r.id),[t]),[d,s]=e.useState(!1);return e.createElement(c,{flexDirection:"column",flexGrow:1},e.createElement(g,{open:d,id:n.id,onClose:()=>s(!1),initialEnabledApis:p,secret:i}),e.createElement(k,null,e.createElement(l,null,e.createElement("strong",{"data-translation-key":"dev.app.key.api.name"},a("dev.app.key.api.name","API Name")),e.createElement("strong",{"data-translation-key":"dev.app.key.api.status"},a("dev.app.key.api.status","Status"))),t.map(r=>e.createElement(l,{key:r.name},e.createElement(y,{apiProduct:r})))),e.createElement(x,{onClick:()=>s(!0)},e.createElement("span",{"data-translation-key":"dev.app.key.api.edit"},a("dev.app.key.api.edit","Edit APIs")),e.createElement(m,null)))}function y(n){const{apiProduct:t}=n,{apiProducts:i={}}=E(),a=i?.[t.id]??void 0;return e.createElement(e.Fragment,null,a&&e.createElement(b,{to:a.slug},t.name),!a&&e.createElement("span",null,t.name),f(t.status))}const k=o.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
 
   > * {
-    border-bottom: 1px solid var(--border-primary);
+    border-bottom: 1px solid var(--border-color-primary);
   }
-`,l=i.div`
+`,l=o.div`
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 2fr 1fr;
@@ -19,7 +19,7 @@ import*as e from"react";import i from"styled-components";import{Flex as c}from"@
     white-space: nowrap;
     overflow: hidden;
   }
-`,k=i.div`
+`,x=o.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -33,13 +33,13 @@ import*as e from"react";import i from"styled-components";import{Flex as c}from"@
   border-radius: var(--border-radius);
 
   :hover {
-    background: var(--bg-raised);
+    background: var(--bg-color-raised);
   }
-`,b=i(v)`
+`,b=o(v)`
   color: inherit;
   text-decoration: none;
 
   :hover {
-    color: var(--link-text-color);
+    color: var(--link-color-primary);
   }
 `;export{z as ApiKeyProductsStatus};

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyProductStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyProductStatus.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyProductStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,MAAM,UAAU,oBAAoB,CAAC,KAIpC;IACC,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAE,CAAS,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAC/D,CAAC,mBAAmB,CAAC,CACtB,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC;QACtC,oBAAC,QAAQ,IACP,IAAI,EAAE,WAAW,EACjB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,MAAM,GACd;QAEF,oBAAC,SAAS;YACR,oBAAC,GAAG;gBACF,wDAA6B,sBAAsB,IAChD,SAAS,CAAC,sBAAsB,EAAE,UAAU,CAAC,CACvC;gBACT,wDAA6B,wBAAwB,IAClD,SAAS,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CACvC,CACL;YACL,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACpC,oBAAC,GAAG,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI;gBACpB,oBAAC,gBAAgB,IAAC,UAAU,EAAE,OAAO,GAAI,CACrC,CACP,CAAC,CACQ;QACZ,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC;YACjD,sDAA2B,sBAAsB,IAC9C,SAAS,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAC1C;YACP,oBAAC,QAAQ,OAAG,CACG,CACZ,CACR,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,aAAa,EAAE,CAAC;IAE7C,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC;IAEvD,OAAO,CACL;QACG,IAAI,IAAI,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAG,UAAU,CAAC,IAAI,CAAW;QAC3D,CAAC,IAAI,IAAI,kCAAO,UAAU,CAAC,IAAI,CAAQ;QACvC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAE/B,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ3B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAarB,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBhC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;CAO3B,CAAC"}
+{"version":3,"file":"ApiKeyProductStatus.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyProductStatus.tsx"],"names":[],"mappings":"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"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyRow.js

@@ -1 +1 @@
-import*as e from"react";import{useTranslate as o}from"@portal/hooks";import{ApiKeySecret as i}from"./ApiKeySecret";import n from"./OverviewRow";function p(t){const{apiKey:r}=t,{translate:a}=o();return e.createElement(n,{"data-translation-keys":"dev.app.overview.apiKey",title:a("dev.app.overview.apiKey","API key"),content:e.createElement(i,{secret:r})})}export{p as default};
+import*as e from"react";import{useTranslate as o}from"@portal/hooks";import{ApiKeySecret as i}from"./ApiKeySecret";import n from"./OverviewRow";function p(t){const{apiKey:r}=t,{translate:a}=o();return e.createElement(n,{"data-translation-key":"dev.app.overview.apiKey",title:a("dev.app.overview.apiKey","API key"),content:e.createElement(i,{secret:r})})}export{p as default};

package/dist/server/plugins/dev-onboarding/template/components/ApiKeyRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeyRow.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAyB;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,6BACY,yBAAyB,EAC/C,KAAK,EAAE,SAAS,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACtD,OAAO,EAAE,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,GACzC,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ApiKeyRow.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeyRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAyB;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,4BACW,yBAAyB,EAC9C,KAAK,EAAE,SAAS,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACtD,OAAO,EAAE,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,GACzC,CACH,CAAC;AACJ,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeySecret.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeySecret.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeySecret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOvD,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,qBAgBzD"}
+{"version":3,"file":"ApiKeySecret.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeySecret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMvD,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,qBAgBzD"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeySecret.js

@@ -1,8 +1,8 @@
-import*as e from"react";import o,{css as r}from"styled-components";import{CopyAction as l}from"./CopyAction";import a from"./VisibilityToggle";import{ShadowButton as s}from"./ShadowButton";import c from"./icons/CopyIcon";function y({secret:t}){const[i,n]=e.useState(!1);return e.createElement(m,null,e.createElement(d,{visible:i},t),e.createElement(p,{visible:i},e.createElement(a,{visible:i,onClick:()=>n(!i)}),e.createElement(l,{text:t},e.createElement(s,null,e.createElement(c,null)))))}const m=o.div`
+import*as e from"react";import i,{css as r}from"styled-components";import{CopyIcon as l}from"@redocly/theme";import{CopyAction as a}from"./CopyAction";import s from"./VisibilityToggle";import{ShadowButton as c}from"./ShadowButton";function y({secret:t}){const[o,n]=e.useState(!1);return e.createElement(m,null,e.createElement(d,{visible:o},t),e.createElement(p,{visible:o},e.createElement(s,{visible:o,onClick:()=>n(!o)}),e.createElement(a,{text:t},e.createElement(c,null,e.createElement(l,null)))))}const m=i.div`
   position: relative;
   max-width: '200px';
   min-width: 'fit-content';
-`,p=o.div`
+`,p=i.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
@@ -12,7 +12,7 @@ import*as e from"react";import o,{css as r}from"styled-components";import{CopyAc
     display: block;
     position: absolute;
     color: transparent;
-    text-shadow: 0 0 8px var(--text-secondary);
+    text-shadow: 0 0 8px var(--text-color-secondary);
   }
 
   ${({visible:t})=>t?r`
@@ -20,7 +20,7 @@ import*as e from"react";import o,{css as r}from"styled-components";import{CopyAc
             display: none;
           }
         `:""}
-`,d=o.div`
+`,d=i.div`
   visibility: hidden;
   user-select: none;
   height: 0;
@@ -28,7 +28,7 @@ import*as e from"react";import o,{css as r}from"styled-components";import{CopyAc
   text-overflow: unset;
   white-space: normal;
   word-break: break-all;
-  color: var(--text-secondary);
+  color: var(--text-color-secondary);
   max-width: 400px;
 
   ${({visible:t})=>t?r`

package/dist/server/plugins/dev-onboarding/template/components/ApiKeySecret.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeySecret.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeySecret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AAOxC,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAqB;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAU;QAC3C,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO;YACjC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAI;YAC3E,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM;gBACtB,oBAAC,YAAY;oBACX,oBAAC,QAAQ,OAAG,CACC,CACJ,CACK,CACV,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAsB;;;;;;;;;;;;;IAatD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,OAAO,OAAO;QACZ,CAAC,CAAC,GAAG,CAAA;;;;SAIF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;CACF,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAsB;;;;;;;;;;;IAW3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,OAAO,OAAO;QACZ,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;CACF,CAAC"}
+{"version":3,"file":"ApiKeySecret.js","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeySecret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAqB;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAU;QAC3C,oBAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO;YACjC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAI;YAC3E,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM;gBACtB,oBAAC,YAAY;oBACX,oBAAC,QAAQ,OAAG,CACC,CACJ,CACK,CACV,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAsB;;;;;;;;;;;;;IAatD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,OAAO,OAAO;QACZ,CAAC,CAAC,GAAG,CAAA;;;;SAIF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;CACF,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAsB;;;;;;;;;;;IAW3C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,OAAO,OAAO;QACZ,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;CACF,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeys.d.ts

@@ -4,6 +4,6 @@ export default function ApiKeys(props: {
     credentials?: Credential[];
     attributes?: Attributes;
 }): React.JSX.Element | null;
-export declare const SeparatorLine: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const SeparatorLine: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Separator: import("styled-components").StyledComponent<"span", any, {}, never>;
 //# sourceMappingURL=ApiKeys.d.ts.map

package/dist/server/plugins/dev-onboarding/template/components/ApiKeys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiKeys.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE;IAAE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,4BA0B7F;AAgBD,eAAO,MAAM,aAAa,0GAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,0GAErB,CAAC"}
+{"version":3,"file":"ApiKeys.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiKeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE;IAAE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,4BA0B7F;AAgBD,eAAO,MAAM,aAAa,qEAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,qEAErB,CAAC"}

package/dist/server/plugins/dev-onboarding/template/components/ApiKeys.js

@@ -1,7 +1,7 @@
-import*as t from"react";import a from"styled-components";import i from"./ApiKeyItem";function c(r){const{credentials:e,attributes:s}=r;return e?(e.sort((n,o)=>n.issuedAt.localeCompare(o.issuedAt)),t.createElement(t.Fragment,null,e?.length?e.sort(u).map((n,o)=>t.createElement(t.Fragment,{key:n.id},t.createElement(i,{credential:n,attributes:s||{}}),o<e.length-1&&t.createElement(l,null))):t.createElement("p",null,"There are no credentials yet."),t.createElement(l,null))):null}function u(r,e){return r.stage==="production"&&e.stage!=="production"?-1:r.stage!=="production"&&e.stage==="production"?1:r.canBeRolled===e.canBeRolled?e.issuedAt.localeCompare(r.issuedAt):r.canBeRolled?-1:1}const d=a.span`
+import*as t from"react";import l from"styled-components";import i from"./ApiKeyItem";function c(r){const{credentials:e,attributes:s}=r;return e?(e.sort((n,o)=>n.issuedAt.localeCompare(o.issuedAt)),t.createElement(t.Fragment,null,e?.length?e.sort(u).map((n,o)=>t.createElement(t.Fragment,{key:n.id},t.createElement(i,{credential:n,attributes:s||{}}),o<e.length-1&&t.createElement(a,null))):t.createElement("p",null,"There are no credentials yet."),t.createElement(a,null))):null}function u(r,e){return r.stage==="production"&&e.stage!=="production"?-1:r.stage!=="production"&&e.stage==="production"?1:r.canBeRolled===e.canBeRolled?e.issuedAt.localeCompare(r.issuedAt):r.canBeRolled?-1:1}const d=l.span`
   display: block;
   width: 100%;
-  border-top: 1px dashed var(--border-secondary);
-`,l=a(d)`
+  border-top: 1px dashed var(--border-color-secondary);
+`,a=l(d)`
   margin: 32px 0;
-`;export{l as Separator,d as SeparatorLine,c as default};
+`;export{a as Separator,d as SeparatorLine,c as default};

package/dist/server/plugins/dev-onboarding/template/components/ApiLogDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiLogDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiLogDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiH9D"}
+{"version":3,"file":"ApiLogDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../src/server/plugins/dev-onboarding/template/components/ApiLogDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiH9D"}

package/dist/server/plugins/dev-onboarding/template/components/ApiLogDetails.js

@@ -1,10 +1,10 @@
-import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{useParams as g}from"react-router-dom";import t from"styled-components";import{CodeBlock as f}from"@redocly/theme";import{fetch as v}from"@portal/utils";import h from"./LogStatusCode";import{getReadableDate as E}from"./getReadableDate";import{Headers as y}from"./Headers";function x(m){const{logId:o}=m,[s,p]=e.useState(0),{id:u}=g(),{data:n}=b(["API-LOGS-"+o],()=>v(`/api/api-keys/apps/${u}/logs/${o}`).then(a=>a.json()),{refetchOnWindowFocus:!1}),i=[{name:"Request",content:n?.request},{name:"Response",content:n?.response}];if(!o||!n)return e.createElement(d,null);const r=i[s].content;return e.createElement(d,null,e.createElement(w,null,e.createElement(l,null,n.path)),e.createElement(k,null,e.createElement("span",null,"Status"),e.createElement("span",null,e.createElement(h,{statusCode:n.statusCode.toString()})),e.createElement("span",null,"ID"),e.createElement("span",null,n.id),e.createElement("span",null,"Time"),e.createElement("span",null,E(n.timestamp,{hour:"numeric",minute:"numeric",second:"numeric"})),e.createElement("span",null,"IP Address"),e.createElement("span",null,n.ipAddress)),e.createElement(C,null,e.createElement(T,null,i.map(({name:a},c)=>e.createElement(S,{key:a,className:s===c?"active":"",onClick:()=>p(c)},a))),e.createElement(z,null,e.createElement(l,null,"Headers"),Object.keys(r?.headers||{}).length?e.createElement(y,{headers:r?.headers||{}}):e.createElement("span",null,"No headers"))),r?.body&&e.createElement(e.Fragment,null,e.createElement(l,null,"Body"),e.createElement(A,{lang:"json",source:r.body,withLineNumbers:!0})))}const d=t.div`
+import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{useParams as g}from"react-router-dom";import t from"styled-components";import{CodeBlock as f}from"@redocly/theme/components/CodeBlock/CodeBlock";import{fetch as v}from"@portal/utils";import h from"./LogStatusCode";import{getReadableDate as E}from"./getReadableDate";import{Headers as y}from"./Headers";function x(m){const{logId:a}=m,[s,p]=e.useState(0),{id:u}=g(),{data:r}=b(["API-LOGS-"+a],()=>v(`/api/api-keys/apps/${u}/logs/${a}`).then(n=>n.json()),{refetchOnWindowFocus:!1}),c=[{name:"Request",content:r?.request},{name:"Response",content:r?.response}];if(!a||!r)return e.createElement(d,null);const o=c[s].content;return e.createElement(d,null,e.createElement(w,null,e.createElement(l,null,r.path)),e.createElement(k,null,e.createElement("span",null,"Status"),e.createElement("span",null,e.createElement(h,{statusCode:r.statusCode.toString()})),e.createElement("span",null,"ID"),e.createElement("span",null,r.id),e.createElement("span",null,"Time"),e.createElement("span",null,E(r.timestamp,{hour:"numeric",minute:"numeric",second:"numeric"})),e.createElement("span",null,"IP Address"),e.createElement("span",null,r.ipAddress)),e.createElement(C,null,e.createElement(T,null,c.map(({name:n},i)=>e.createElement(S,{key:n,className:s===i?"active":"",onClick:()=>p(i)},n))),e.createElement(z,null,e.createElement(l,null,"Headers"),Object.keys(o?.headers||{}).length?e.createElement(y,{headers:o?.headers||{}}):e.createElement("span",null,"No headers"))),o?.body&&e.createElement(e.Fragment,null,e.createElement(l,null,"Body"),e.createElement(A,{lang:"json",source:o.body,withLineNumbers:!0})))}const d=t.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
-  border-top: 1px solid var(--border-primary);
-  border-bottom: 1px solid var(--border-primary);
-  background-color: var(--logs-active-row-background-color, var(--wide-tile-background-color));
+  border-top: 1px solid var(--border-color-primary);
+  border-bottom: 1px solid var(--border-color-primary);
+  background-color: var(--logs-active-row-background-color, var(--wide-tile-bg-color));
   padding: 0 24px 16px 32px;
   width: 50%;
 
@@ -23,8 +23,8 @@ import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{
   font-size: var(--font-size-base);
   min-height: 24px;
   padding: var(--spacing-base) 0;
-  border-bottom: 1px solid var(--border-primary);
-  color: var(--text-secondary);
+  border-bottom: 1px solid var(--border-color-primary);
+  color: var(--text-color-secondary);
 
   > span {
     min-height: 24px;
@@ -42,7 +42,7 @@ import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{
   line-height: var(--line-height-md);
 
   &.active {
-    border-bottom: 2px solid var(--border-primary);
+    border-bottom: 2px solid var(--border-color-primary);
   }
 `,z=t.div``,A=t(f)`
   padding: 0;
@@ -54,7 +54,7 @@ import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{
 
   .token {
     &.property {
-      color: var(--text-secondary);
+      color: var(--text-color-secondary);
     }
 
     &.string {