@redocly/redoc-reef 0.138.0-next.13 → 0.138.0-next.14

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

@@ -1,23 +0,0 @@
-import*as t from"react";import a from"styled-components";import{Flex as l}from"@redocly/portal-legacy-ui";import{WarningAltIcon as n}from"@redocly/theme/icons/WarningAltIcon/WarningAltIcon";import s from"./ApiKeyRow";import c from"./CreatedAtRow";import m from"./ExpiresAtRow";import p from"./RevokeAPIKey";import d from"./RollAPIKey";import x from"./SecretRow";import f from"./StageRow";import u from"./StatusRow";function g(r){const{apiKey:e}=r,[i]=t.useState(()=>Date.now()),o=Number(e.expiresAt)>0&&Math.abs(Number(e.expiresAt)-i)<1440*60*1e3;return t.createElement(l,{flexDirection:"column",flexGrow:1},o&&t.createElement(E,null,t.createElement("div",null,"Expires soon"),t.createElement(n,{size:"24px",color:"#C8102E"})),t.createElement(v,{borderColor:o?"var(--color-error-border)":e.stage==="production"?"var(--color-success-border)":""},e.stage&&t.createElement(f,{stage:e.stage})||null,e.clientId&&t.createElement(s,{apiKey:e.clientId})||null,e.clientSecret&&t.createElement(x,{secret:e.clientSecret,hasClientId:!!e.clientId})||null,e.status&&t.createElement(u,{status:e.status})||null,t.createElement(c,{createdAt:e.issuedAt}),t.createElement(m,{expiresAt:e.expiresAt,expiresSoon:o})),e.canBeRolled&&t.createElement(d,{apiKey:e}),e.canBeRevoked&&t.createElement(p,{apiKey:e}))}const v=a.div`
-  display: flex;
-  flex-direction: column;
-
-  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-color-primary);
-  }
-`,E=a.div`
-  display: flex;
-  gap: var(--spacing-xs);
-  font-weight: var(--font-weight-regular);
-  font-size: var(--font-size-base);
-  padding: var(--spacing-base);
-
-  > svg {
-    width: 18px;
-    height: 18px;
-  }
-`;export{g as default};

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { ProductStatus } from '../../api/types';
-export declare function ApiKeyProductsStatus(props: {
-    apiProductsStatuses: ProductStatus[];
-    secret?: string;
-    id: string;
-}): React.JSX.Element;
-//# sourceMappingURL=ApiKeyProductStatus.d.ts.map

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

@@ -1,45 +0,0 @@
-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"../../../../../client/app/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-color-primary);
-  }
-`,l=o.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: 2fr 1fr;
-  align-items: center;
-
-  > * {
-    padding: 14px 16px;
-
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-`,x=o.div`
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: fit-content;
-  gap: var(--spacing-sm);
-  margin-top: var(--spacing-xs);
-  padding: 11px 14px;
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-sm);
-  border-radius: var(--border-radius);
-
-  &:hover {
-    background: var(--bg-color-raised);
-  }
-`,b=o(v)`
-  color: inherit;
-  text-decoration: none;
-
-  &:hover {
-    color: var(--link-color-primary);
-  }
-`;export{z as ApiKeyProductsStatus};

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export default function APiKeyRow(props: {
-    apiKey: string;
-}): React.JSX.Element;
-//# sourceMappingURL=ApiKeyRow.d.ts.map

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

@@ -1 +0,0 @@
-import*as e from"react";import{useTranslate as o}from"../../../../../client/app/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/ApiKeySecret.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import type { Interpolation } from 'styled-components';
-type ApiKeySecretProps = {
-    secret: string;
-    styles?: Interpolation<React.CSSProperties>;
-};
-export declare function ApiKeySecret({ secret }: ApiKeySecretProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=ApiKeySecret.d.ts.map

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

@@ -1,41 +0,0 @@
-import*as e from"react";import i,{css as r}from"styled-components";import{CopyIcon as l}from"@redocly/theme/icons/CopyIcon/CopyIcon";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=i.div`
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-sm);
-
-  &:before {
-    content: 'some-fake-secret-for-blurred-effect';
-    display: block;
-    position: absolute;
-    color: transparent;
-    text-shadow: 0 0 8px var(--text-color-secondary);
-  }
-
-  ${({visible:t})=>t?r`
-          &:before {
-            display: none;
-          }
-        `:""}
-`,d=i.div`
-  visibility: hidden;
-  user-select: none;
-  height: 0;
-  overflow: auto;
-  text-overflow: unset;
-  white-space: normal;
-  word-break: break-all;
-  color: var(--text-color-secondary);
-  max-width: 400px;
-
-  ${({visible:t})=>t?r`
-          position: relative;
-          margin-bottom: 15px;
-          user-select: text;
-          visibility: visible;
-          height: auto;
-        `:""};
-`;export{y as ApiKeySecret};

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { Credential, Attributes } from '../../api/types';
-export default function ApiKeys(props: {
-    credentials?: Credential[];
-    attributes?: Attributes;
-}): React.JSX.Element | null;
-export declare const SeparatorLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, "as" | "forwardedAs"> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>, "as" | "forwardedAs"> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-//# sourceMappingURL=ApiKeys.d.ts.map

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

@@ -1,7 +0,0 @@
-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-color-secondary);
-`,a=l(d)`
-  margin: 32px 0;
-`;export{a as Separator,d as SeparatorLine,c as default};

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export default function ApiLogDetails(props: {
-    logId?: string;
-}): React.JSX.Element;
-//# sourceMappingURL=ApiLogDetails.d.ts.map

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

@@ -1,69 +0,0 @@
-import*as e from"react";import{useQuery as b}from"@tanstack/react-query";import{useParams as g}from"react-router";import t from"styled-components";import{CodeBlock as f}from"@redocly/theme/components/CodeBlock/CodeBlock";import{fetch as v}from"../../../../../client/app/utils";import y from"./LogStatusCode";import{getReadableDate as h}from"./getReadableDate";import{Headers as E}from"./Headers";function x(m){const{logId:a}=m,[s,p]=e.useState(0),{id:u}=g(),{data:r}=b({refetchOnWindowFocus:!1,queryKey:["API-LOGS-"+a],queryFn:()=>v(`/api/api-keys/apps/${u}/logs/${a}`).then(n=>n.json())}),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(y,{statusCode:r.statusCode.toString()})),e.createElement("span",null,"ID"),e.createElement("span",null,r.id),e.createElement("span",null,"Time"),e.createElement("span",null,h(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(E,{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-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%;
-
-  word-break: break-all;
-`,w=t.div`
-  display: flex;
-  justify-content: space-between;
-`,l=t.div`
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-base);
-  padding: var(--spacing-base) 0;
-`,k=t.div`
-  display: grid;
-  row-gap: var(--spacing-sm);
-  grid-template-columns: 1fr 2fr;
-  font-size: var(--font-size-base);
-  min-height: 24px;
-  padding: var(--spacing-base) 0;
-  border-bottom: 1px solid var(--border-color-primary);
-  color: var(--text-color-secondary);
-
-  > span {
-    min-height: 24px;
-  }
-`,C=t.div``,T=t.div`
-  display: flex;
-`,S=t.div`
-  display: flex;
-  flex-grow: 1;
-  justify-content: center;
-  padding: var(--spacing-xs) var(--spacing-sm);
-  cursor: pointer;
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-md);
-
-  &.active {
-    border-bottom: 2px solid var(--border-color-primary);
-  }
-`,z=t.div``,A=t(f)`
-  padding: 0;
-  background-color: transparent;
-
-  .code-line {
-    color: #4e5356;
-  }
-
-  .token {
-    &.property {
-      color: var(--text-color-secondary);
-    }
-
-    &.string {
-      color: #308c88;
-    }
-
-    &.boolean,
-    &.number {
-      color: #4478d4;
-    }
-  }
-`;export{x as default};

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { Log } from '../../api/types';
-type ApiLogItemProps = {
-    log: Log;
-    active: boolean;
-    onClick: (log: any) => void;
-};
-export default function ApiLogItem(props: ApiLogItemProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=ApiLogItem.d.ts.map

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

@@ -1,23 +0,0 @@
-import*as e from"react";import l,{css as r}from"styled-components";import{getReadableDate as i}from"./getReadableDate";import s from"./LogStatusCode";function c(o){const{log:t,active:a,onClick:n}=o;return e.createElement(m,{active:a,onClick:()=>n(t)},e.createElement("span",null,e.createElement(s,{statusCode:t.statusCode.toString()})),e.createElement("span",null,t.method),e.createElement("span",null,t.path),e.createElement("span",null,i(t.timestamp)))}const m=l.div`
-  display: grid;
-  grid-template-columns: auto 2fr 6fr 3fr;
-  align-items: center;
-  font-size: var(--font-size-base);
-  cursor: pointer;
-
-  > * {
-    padding: var(--spacing-base);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    border-bottom: 1px solid var(--border-color-primary);
-  }
-
-  ${({active:o})=>o?r`
-          background-color: var(--logs-active-row-background-color, var(--wide-tile-bg-color));
-        `:r`
-          &:hover {
-            background-color: rgba(255, 255, 255, 0.5);
-          }
-        `};
-`;export{c as default};

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

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export default function ApiLogs(): React.JSX.Element;
-//# sourceMappingURL=ApiLogs.d.ts.map

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

@@ -1,18 +0,0 @@
-import*as a from"react";import v from"react-dom";import{useQuery as y}from"@tanstack/react-query";import{useParams as E}from"react-router";import i from"styled-components";import{fetch as D}from"../../../../../client/app/utils";import L from"../../../../../client/app/CircularProgress";import{TAB_ACTIONS_PORTAL_ID as F}from"../App";import A from"./ApiLogDetails";import x from"./ApiLogItem";import S from"./ApiLogsActions";import{getReadableDate as p}from"./getReadableDate";function C(){const[o,n]=a.useState(void 0),[e,c]=a.useState({}),s=a.useMemo(()=>R(e),[e]),{id:d}=E(),l=t=>{n(t.id)},u=()=>{const t=new URLSearchParams;return t.append("page","1"),e.api?.length&&e.api.forEach(r=>t.append("api",r.id)),e.method?.length&&e.method?.forEach(r=>t.append("method",r.id)),e.status?.length&&e.status?.forEach(r=>t.append("statusCode",r.id)),e.date?.type==="predefined"&&(e.date.fromDateOffset&&t.append("fromDate",(Date.now()-e.date.fromDateOffset).toString()),e.date.toDateOffset&&t.append("toDate",(Date.now()-e.date.toDateOffset).toString())),e.date?.type==="custom"&&(t.append("fromDate",e.date.fromDate.toString()),t.append("toDate",e.date.toDate.toString())),t.toString()},{data:m,isLoading:f}=y({queryKey:["API-LOGS-"+d,{activeFilters:e}],queryFn:()=>D(`/api/api-keys/apps/${d}/logs?${u()}`).then(t=>t.json()).then(t=>{const{data:r,total:h}=t;return h&&n(r[0].id),t}),refetchOnWindowFocus:!1}),g=a.useCallback(t=>c(t),[]);return a.createElement(a.Fragment,null,a.createElement(k,null,a.createElement(S,{onFiltersChange:g,activeFilters:e})),s.length>0?a.createElement(P,null,s.map((t,r)=>a.createElement(O,{key:r},t))):null,f?a.createElement(L,null):m?.data.length?a.createElement(I,null,a.createElement(b,null,m?.data.map(t=>a.createElement(x,{key:t.id,log:t,active:t.id===o,onClick:l}))),a.createElement(A,{logId:o})):a.createElement("p",null,"There are no logs yet."))}const I=i.div`
-  display: flex;
-`,b=i.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  border-top: 1px solid var(--border-color-primary);
-`,P=i.div`
-  display: flex;
-  gap: var(--spacing-xs);
-  margin-bottom: var(--spacing-base);
-`,O=i.div`
-  color: var(--text-color-secondary);
-  border-radius: 32px;
-  padding: var(--spacing-xxs) var(--spacing-xs);
-  background-color: var(--bg-color);
-  font-size: var(--font-size-base);
-`,k=o=>{const n=document.getElementById(F),[e]=a.useState(document.createElement("div"));return a.useEffect(()=>(n?.appendChild(e),()=>{n?.removeChild(e)}),[e,n]),v.createPortal(o.children,e)};function R(o){const n=[];if(o.method?.length&&n.push(...o.method.map(e=>e.name)),o.api?.length&&n.push(...o.api.map(e=>`API: ${e.name}`)),o.status?.length&&n.push(...o.status.map(e=>e.name)),o.date?.type==="predefined")n.push(o.date.name);else if(o.date?.type==="custom"){const e={hour:"numeric",minute:"numeric",second:"numeric"};n.push(`${p(o.date.fromDate,e)} - ${p(o.date.toDate,e)}`)}return n}export{C as default};

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import '@wojtekmaj/react-datetimerange-picker/dist/DateTimeRangePicker.css';
-type Option = {
-    name: string;
-    id: string;
-};
-type Props = {
-    onFiltersChange: (filters: ActiveLogFilters) => void;
-    activeFilters: ActiveLogFilters;
-};
-declare function ApiLogsActions(props: Props): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ApiLogsActions>;
-export default _default;
-type PredefinedDateFilter = {
-    type: 'predefined';
-    name: string;
-    fromDateOffset: number;
-    toDateOffset?: number;
-};
-type CustomDateFilter = {
-    type: 'custom';
-    fromDate: number;
-    toDate: number;
-};
-type DateFilter = PredefinedDateFilter | CustomDateFilter;
-export type ActiveLogFilters = {
-    api?: Option[];
-    status?: Option[];
-    method?: Option[];
-    date?: DateFilter;
-};
-//# sourceMappingURL=ApiLogsActions.d.ts.map

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

@@ -1,157 +0,0 @@
-import n,{useMemo as D,useState as O}from"react";import{Popup as h}from"reactjs-popup";import l from"styled-components";import{useQuery as N}from"@tanstack/react-query";import{DateTimeRangePicker as R}from"@wojtekmaj/react-datetimerange-picker";import"@wojtekmaj/react-datetimerange-picker/dist/DateTimeRangePicker.css";import{fetch as S}from"../../../../../client/app/utils";import{PopupMenuUl as I}from"./PopupMenuUl";const A=[{name:"OTHER",id:"OTHER"},{name:"CONNECT",id:"CONNECT"},{name:"DELETE",id:"DELETE"},{name:"GET",id:"GET"},{name:"HEAD",id:"HEAD"},{name:"OPTIONS",id:"OPTIONS"},{name:"PATCH",id:"PATCH"},{name:"POST",id:"POST"},{name:"PUT",id:"PUT"},{name:"TRACE",id:"TRACE"}],y=[{type:"predefined",name:"last 5m",fromDateOffset:1e3*60*5},{type:"predefined",name:"last 1h",fromDateOffset:1e3*60*60},{type:"predefined",name:"last 3h",fromDateOffset:1e3*60*60*3},{type:"predefined",name:"last 12h",fromDateOffset:1e3*60*60*12},{type:"predefined",name:"last 1d",fromDateOffset:1e3*60*60*24},{type:"predefined",name:"last 3d",fromDateOffset:1e3*60*60*24*3},{type:"predefined",name:"last 7d",fromDateOffset:1e3*60*60*24*7},{type:"predefined",name:"last 30d",fromDateOffset:1e3*60*60*24*30}],P=[{name:"100 CONTINUE",id:"100"},{name:"101 SWITCHING PROTOCOLS",id:"101"},{name:"102 PROCESSING",id:"102"},{name:"200 OK",id:"200"},{name:"201 CREATED",id:"201"},{name:"202 ACCEPTED",id:"202"},{name:"203 NON AUTHORITATIVE INFORMATION",id:"203"},{name:"204 NO CONTENT",id:"204"},{name:"205 RESET CONTENT",id:"205"},{name:"206 PARTIAL CONTENT",id:"206"},{name:"207 MULTI STATUS",id:"207"},{name:"300 MULTIPLE CHOICES",id:"300"},{name:"301 MOVED PERMANENTLY",id:"301"},{name:"302 FOUND",id:"302"},{name:"303 SEE OTHER",id:"303"},{name:"304 NOT MODIFIED",id:"304"},{name:"305 USE PROXY",id:"305"},{name:"307 TEMPORARY REDIRECT",id:"307"},{name:"400 BAD REQUEST",id:"400"},{name:"401 UNAUTHORIZED",id:"401"},{name:"402 PAYMENT REQUIRED",id:"402"},{name:"403 FORBIDDEN",id:"403"},{name:"404 NOT FOUND",id:"404"},{name:"405 METHOD NOT ALLOWED",id:"405"},{name:"406 NOT ACCEPTABLE",id:"406"},{name:"407 PROXY AUTHENTICATION REQUIRED",id:"407"},{name:"408 REQUEST TIMEOUT",id:"408"},{name:"409 CONFLICT",id:"409"},{name:"410 GONE",id:"410"},{name:"411 LENGTH REQUIRED",id:"411"},{name:"412 PRECONDITION FAILED",id:"412"},{name:"413 REQUEST ENTITY TOO LARGE",id:"413"},{name:"414 REQUEST URI TOO LONG",id:"414"},{name:"415 UNSUPPORTED MEDIA TYPE",id:"415"},{name:"416 REQUESTED RANGE NOT SATISFIABLE",id:"416"},{name:"417 EXPECTATION FAILED",id:"417"},{name:"422 UNPROCESSABLE ENTITY",id:"422"},{name:"423 LOCKED",id:"423"},{name:"424 FAILED DEPENDENCY",id:"424"},{name:"429 TOO MANY REQUESTS",id:"429"},{name:"500 INTERNAL SERVER ERROR",id:"500"},{name:"501 NOT IMPLEMENTED",id:"501"},{name:"502 BAD GATEWAY",id:"502"},{name:"503 SERVICE UNAVAILABLE",id:"503"},{name:"504 GATEWAY TIMEOUT",id:"504"},{name:"505 HTTP VERSION NOT SUPPORTED",id:"505"},{name:"507 INSUFFICIENT STORAGE",id:"507"}];function x(e){return n.createElement(L,null,n.createElement(w,{onFiltersChange:e.onFiltersChange,activeFilters:e.activeFilters}),n.createElement(U,null))}var j=n.memo(x);const U=()=>null,w=n.memo(e=>{const{onFiltersChange:d,activeFilters:t}=e,{data:i}=N({queryKey:["API-PRODUCTS"],queryFn:()=>S("/api/api-keys/api-products").then(o=>o.json())}),[s,r]=O(),a=()=>r(void 0),m=(o,g)=>{const T={...t,[o]:g};d(T)};return n.createElement(h,{trigger:n.createElement(k,null,"Filter"),position:"bottom right"},n.createElement(b,null,n.createElement(E,{open:s==="api",name:"API name",options:i||[],activeOptions:t.api,onOpen:()=>r("api"),onClose:a,onChange:o=>m("api",o),active:(t.api?.length??0)>0}),n.createElement(E,{open:s==="status",name:"Status",options:P,activeOptions:t.status,onOpen:()=>r("status"),onClose:a,onChange:o=>m("status",o),active:(t.status?.length??0)>0}),n.createElement(E,{open:s==="method",name:"Method",options:A,activeOptions:t.method,onOpen:()=>r("method"),onClose:a,onChange:o=>m("method",o),active:(t.method?.length??0)>0}),n.createElement(E,{name:"Date range",open:s==="date",onOpen:()=>r("date"),onClose:a,active:!!t.date,renderSubmenu:()=>n.createElement(M,{onChange:o=>m("date",o),selectedDateFilter:t.date})}),n.createElement(_,null),n.createElement(H,{onClick:()=>d({})},"Clear filters")))}),M=e=>{const{selectedDateFilter:d,onChange:t}=e,i=d?.type==="custom",[s,r]=O(!1),[a,m]=O([null,null]),o=a?.[0]?a[0]:null,g=a?.[1]?a[1]:null,T=()=>{if(!a?.[0]&&!a?.[1])return t();const c=a[1]||new Date,p=a[0]||new Date(c.getDate()-1e3*60*60*24);r(!1),t({type:"custom",fromDate:p.getTime(),toDate:c.getTime()})};return n.createElement(v,{onMouseDown:u,onTouchStart:u},n.createElement(E,{open:s,active:i,name:"Custom range",onOpen:()=>r(!0),onClose:()=>r(!1),renderSubmenu:()=>n.createElement(F,null,n.createElement(Y,{onClick:T},"Submit"),n.createElement(_,null),n.createElement(R,{isCalendarOpen:!0,format:"yyyy-MM-dd HH:mm",closeWidgets:!1,dayPlaceholder:"DD",monthPlaceholder:"MM",yearPlaceholder:"YYYY",hourPlaceholder:"HH",minutePlaceholder:"mm",disableClock:!0,value:[o,g],onChange:c=>m(c)}))}),y.map(c=>{const p=d?.type==="predefined"&&d.name===c.name;return n.createElement(f,{active:p,key:c.name,onClick:C=>{u(C),t(p?void 0:c)}},c.name)}))},E=e=>{const d=e.activeOptions||[],t=D(()=>new Set(d.map(i=>i.id)),[e.activeOptions]);return n.createElement(h,{open:e.open,onOpen:e.onOpen,onClose:e.onClose,trigger:n.createElement(f,{active:e.active||e.open},e.name),position:"left top",arrow:!1},e.options?n.createElement(v,{onMouseDown:u,onTouchStart:u},e.options?.map(i=>n.createElement(f,{active:t.has(i.id),key:i.id,onClick:s=>{if(e.onChange)if(u(s),t.has(i.id)){const r=[...d],a=r.findIndex(m=>m.id===i.id);r.splice(a,1),e.onChange(r)}else e.onChange([...d,i])}},i.name))):null,e.renderSubmenu?e.renderSubmenu():null)},u=e=>{e.stopPropagation()},k=l.div`
-  color: var(--text-color-primary);
-  border-radius: var(--border-radius);
-  cursor: pointer;
-  font-weight: var(--font-weight-bold);
-  font-size: var(--font-size-base);
-  padding: var(--spacing-xs) var(--spacing-sm);
-  border: 1px solid var(--button-bg-color-secondary);
-  background: var(--button-bg-color-secondary);
-
-  &:hover {
-    border-color: var(--border-color-primary);
-  }
-`,L=l.div`
-  display: flex;
-  gap: var(--spacing-xxs);
-`,b=l(I)`
-  padding: var(--spacing-xs);
-  width: 288px;
-  li {
-    cursor: pointer;
-    color: var(--text-color-secondary);
-    font-size: var(--font-size-base);
-    font-weight: var(--font-weight-regular);
-    padding: var(--spacing-xs);
-    border-radius: var(--border-radius);
-    &:hover {
-      background-color: var(--bg-color-raised);
-    }
-
-    &:not(:last-child) {
-      margin-bottom: 2px;
-    }
-  }
-`,v=l(b)`
-  max-height: 200px;
-  overflow-y: scroll;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`,F=l(v)`
-  max-height: unset;
-  width: unset;
-  padding: 0;
-  padding-top: var(--spacing-xs);
-  overflow: unset;
-
-  .react-calendar__navigation {
-    display: flex;
-  }
-
-  .react-calendar__navigation__prev2-button,
-  .react-calendar__navigation__next2-button {
-    display: none;
-  }
-
-  .react-datetimerange-picker {
-    flex-direction: column;
-  }
-
-  .react-datetimerange-picker__wrapper {
-    width: 350px;
-    padding: var(--spacing-xs) var(--spacing-xs) 0 var(--spacing-xs);
-    border: none;
-    border-top-left-radius: var(--border-radius);
-    border-top-right-radius: var(--border-radius);
-    justify-content: space-around;
-  }
-
-  .react-calendar__tile,
-  .react-calendar__month-view__weekdays__weekday {
-    text-align: center;
-  }
-
-  .react-datetimerange-picker__inputGroup {
-    flex-grow: 0;
-  }
-
-  .react-datetimerange-picker__inputGroup__input:invalid {
-    background-color: var(--color-error-bg);
-  }
-
-  .react-calendar__month-view__days__day--neighboringMonth {
-    opacity: 50%;
-  }
-
-  .react-calendar__tile:hover,
-  .react-calendar__tile--hover,
-  .react-calendar__tile--active {
-    background-color: var(--button-bg-color-secondary-hover);
-  }
-
-  .react-calendar__tile--active:hover,
-  .react-calendar__tile--now:hover {
-    background-color: var(--button-bg-color-secondary-hover);
-  }
-
-  .react-calendar__tile--now {
-    color: var(--color-primary-base, var(--color-blueberry-6));
-  }
-
-  .react-datetimerange-picker__inputGroup__input:invalid {
-    background: transparent;
-  }
-
-  .react-calendar__navigation__arrow {
-    text-align: center;
-  }
-
-  .react-datetimerange-picker__calendar {
-    position: relative !important;
-  }
-
-  .react-calendar__navigation button {
-    width: 44px;
-    text-align: center;
-  }
-
-  .react-calendar__navigation__prev2-button,
-  .react-calendar__navigation__next2-button {
-    display: none;
-  }
-
-  .react-datetimerange-picker__clear-button,
-  .react-datetimerange-picker__calendar-button {
-    display: none;
-  }
-
-  .react-calendar {
-    border: none;
-    border-bottom-right-radius: var(--border-radius);
-    border-bottom-left-radius: var(--border-radius);
-    padding: var(--spacing-xs);
-    font-family: var(--font-family-base);
-  }
-`,f=l.li`
-  ${e=>e.active&&`
-    background-color: var(--bg-color-raised);
-  `}
-`,H=l.li`
-  opacity: 50%;
-  cursor: pointer;
-`,Y=l.li`
-  cursor: pointer;
-  opacity: 100%;
-  font-size: var(--font-size-lg);
-  text-align: center;
-  margin: 0 var(--spacing-xs);
-`,_=l.div`
-  margin: var(--spacing-xs);
-  width: auto;
-  min-width: auto;
-  background-color: var(--text-color-secondary);
-  height: 1px;
-  opacity: 0.1;
-  list-style: none;
-`;export{j as default};

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export default function ApisList(props: {
-    initialEnabledApis: string[];
-    onChange: (enabledApis: string[]) => void;
-}): React.JSX.Element;
-//# sourceMappingURL=ApisList.d.ts.map

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

@@ -1 +0,0 @@
-import*as r from"react";import{useQuery as y}from"@tanstack/react-query";import{Admonition as l}from"@redocly/theme/markdoc/components/Admonition/Admonition";import g from"../../../../../client/app/CircularProgress";import{MultiSelect as h}from"./MultiSelect";import{parseCombinedId as m}from"../../utils";function A(c){const{onChange:i,initialEnabledApis:o}=c,{isLoading:p,error:s,data:a}=y({queryKey:["API-PRODUCTS"],queryFn:async()=>{const e=await fetch("/api/api-keys/api-products");try{return await e.json()}catch{throw new Error("Something unexpected happened. Please try again later.")}}}),d=(a||[]).sort((e,n)=>e.name.localeCompare(n.name)),t=(a||[]).filter(e=>{const{id:n}=m(e.id);return o.includes(n)});for(const e of o)t.some(u=>{const{id:f}=m(u.id);return f===e})||t.push({id:e,name:e});return r.useEffect(()=>{t.length>0&&i(t.map(e=>e.id))},[t.length]),p?r.createElement(g,null):s?r.createElement(l,{type:"danger"},s.message):a?.length?r.createElement(h,{options:d.map(e=>({label:e.name,value:e.id})),defaultValue:t.map(e=>({label:e.name,value:e.id})),onChange:i}):r.createElement(l,{type:"warning"},"You don't have access to any API.")}export{A as default};

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export default function AppOverview(props: {
-    app: {
-        name: string;
-        description?: string;
-        id?: string;
-        createdAt: string;
-        lastModifiedAt?: string;
-        clientId?: string;
-    };
-}): React.JSX.Element;
-export declare function getReadableDate(date: string | number): string;
-//# sourceMappingURL=AppOverview.d.ts.map

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

@@ -1 +0,0 @@
-import*as e from"react";import{Flex as i}from"@redocly/portal-legacy-ui";import{H2 as m}from"@redocly/theme/components/Typography/H2";import{Dropdown as l}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as p}from"@redocly/theme/components/Dropdown/DropdownMenu";import{OverflowMenuHorizontalIcon as c}from"@redocly/theme/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon";import{Button as s}from"@redocly/theme/components/Button/Button";import{useTranslate as u}from"../../../../../client/app/hooks";import{DeleteAppDialog as d}from"./DeleteAppDialog";import{EditAppDialog as f}from"./EditAppDialog";function g(o){const r=e.useRef(null),t=e.useRef(null),{app:n}=o,{translate:a}=u();return e.createElement(i,{alignItems:"flex-start",justifyContent:"space-between",mb:"1.5rem"},e.createElement("div",null,e.createElement(m,{style:{marginBottom:"0.5rem"}},n.name)),e.createElement(l,{trigger:e.createElement(s,{variant:"text",icon:e.createElement(c,{size:"24px"})}),alignment:"end"},e.createElement(p,{items:[{onAction:()=>r.current.open(),content:a("dev.app.edit","Edit"),dataAttributes:{"data-translation-key":"dev.app.edit"}},{onAction:()=>t.current.open(),content:a("dev.app.delete","Delete"),dataAttributes:{"data-translation-key":"dev.app.delete"}}]})),e.createElement(f,{ref:r,appName:n.name,appDisplayName:n.name}),e.createElement(d,{ref:t}))}function R(o){const r={day:"numeric",month:"short",year:"numeric"},t=new Date(parseInt(o,10));let n=Math.abs(t-Date.now())<3600*24*1e3;return t.toLocaleString("en-US",{...r,...n?{hour:"numeric",minute:"numeric"}:{}})}export{g as default,R as getReadableDate};

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { type ButtonProps } from '@redocly/theme/components/Button/Button';
-export declare function ButtonWithLoading({ loading, children, onClick, ...props }: React.PropsWithChildren<ButtonProps & {
-    loading?: boolean;
-}>): React.JSX.Element;
-//# sourceMappingURL=ButtonWithLoading.d.ts.map

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

@@ -1 +0,0 @@
-import*as r from"react";import{Button as m}from"@redocly/theme/components/Button/Button";import c from"../../../../../client/app/CircularProgress";function f({loading:i,children:o,onClick:e,...t}){const n=a=>{!t.disabled&&e&&e(a)};return r.createElement(m,{onClick:n,size:"large",...t},i?r.createElement(c,{size:18}):o)}export{f as ButtonWithLoading};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const CallbackUrl: ({ text }: {
-    text?: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=CallbackUrl.d.ts.map

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

@@ -1,17 +0,0 @@
-import e,{useState as o}from"react";import a from"styled-components";import{EditIcon as i}from"@redocly/theme/icons/EditIcon/EditIcon";import{useTranslate as s}from"../../../../../client/app/hooks";import{EditCallbackUrlDialog as c}from"./EditCallbackUrlDialog";const u=({text:l})=>{const[r,t]=o(!1),{translate:n}=s();return e.createElement(e.Fragment,null,e.createElement(c,{open:r,onOpen:()=>t(!0),onClose:()=>t(!1),initialCallbackUrl:l}),e.createElement(m,null,e.createElement(p,{"data-translation-key":"dev.app.callbackUrls.title"},n("dev.app.callbackUrls.title","Callback URLs")),e.createElement(i,{onClick:()=>t(!0)})),e.createElement(g,null,l||"\u2014"))},m=a.div`
-  display: flex;
-  gap: var(--spacing-sm);
-  margin-bottom: var(--spacing-sm);
-  margin-top: var(--spacing-base);
-
-  svg {
-    cursor: pointer;
-  }
-`,p=a.div`
-  font-weight: var(--font-weight-bold);
-`,g=a.div`
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-regular);
-  max-width: 50%;
-  word-break: break-all;
-`;export{u as CallbackUrl};

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

@@ -1,3 +0,0 @@
-export declare const MAX_DESCRIPTION_LENGTH = 1000;
-export declare const CharacterCounter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-//# sourceMappingURL=CharacterCounter.d.ts.map

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

@@ -1,4 +0,0 @@
-import o from"styled-components";const t=1e3,e=o.div`
-  font-size: 0.9em;
-  color: var(--text-color-secondary);
-`;export{e as CharacterCounter,t as MAX_DESCRIPTION_LENGTH};