@redocly/openapi-docs 3.11.0-rc.2 → 3.12.0-next.0

package/lib/components/Download/useDownloadInfo.d.ts

@@ -1,2 +1,2 @@
-import type { UseDownloadInfoProps, UseDownloadInfoReturnType } from './types';
+import type { UseDownloadInfoProps, UseDownloadInfoReturnType } from './types.js';
 export declare const useDownloadInfo: ({ downloadUrls, defaultFileName, }: UseDownloadInfoProps) => UseDownloadInfoReturnType | undefined;

package/lib/components/Download/useDownloadInfo.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDownloadInfo=void 0;const react_1=require("react"),useDownloadInfo=({downloadUrls:e,defaultFileName:o})=>(0,react_1.useMemo)((()=>{if(e)return e.map((({title:e,url:l})=>({url:l,title:e||getFileNameFromUrl(l,o||"openapi.yaml"),iconType:getIconTypeFromUrl(l)})))}),[e,o]);function getFileNameFromUrl(e,o){const l=e.split("?")[0].split(/[\\\/]/).pop();return l&&(l.includes("yaml")||l.includes("json"))?l:o}function getIconTypeFromUrl(e,o){const l=o||e.split("?")[0].split(/[\\\/]/).pop();return l?l.includes("yaml")?"yaml":l.includes("json")?"json":"file":"file"}exports.useDownloadInfo=useDownloadInfo;
-//# sourceMappingURL=useDownloadInfo.js.map
+import{useMemo as r}from"react";const p=({downloadUrls:n,defaultFileName:i})=>r(()=>{if(n)return n.map(({title:e,url:t})=>({url:t,title:e||o(t,i||"openapi.yaml"),iconType:s(t)}))},[n,i]);function o(n,i){const e=n.split("?")[0].split(/[\\\/]/).pop();return!e||!e.includes("yaml")&&!e.includes("json")?i:e}function s(n,i){const e=i||n.split("?")[0].split(/[\\\/]/).pop();return e?e.includes("yaml")?"yaml":e.includes("json")?"json":"file":"file"}export{p as useDownloadInfo};

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -1,5 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),ErrorWrapper=styled_components_1.default.div`
+import{jsx as r,jsxs as e,Fragment as n}from"react/jsx-runtime";import{Children as s,Component as i}from"react";import{styled as o}from"../../styled-components.js";const d=o.div`
   padding: 20px;
   color: red;
-`;class ErrorBoundary extends react_1.Component{constructor(r){super(r),this.state={error:void 0}}componentDidCatch(r){return this.setState({error:r}),!1}render(){return this.state.error?(0,jsx_runtime_1.jsxs)(ErrorWrapper,{children:[(0,jsx_runtime_1.jsx)("h1",{children:"Something went wrong..."}),(0,jsx_runtime_1.jsxs)("small",{children:[" ",this.state.error.message," "]}),(0,jsx_runtime_1.jsx)("p",{children:(0,jsx_runtime_1.jsxs)("details",{children:[(0,jsx_runtime_1.jsx)("summary",{children:"Stack trace"}),(0,jsx_runtime_1.jsx)("pre",{children:this.state.error.stack})]})}),"undefined"!=typeof __REDOC_VERSION__?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",(0,jsx_runtime_1.jsx)("br",{})]}):null,"undefined"!=typeof __REDOC_REVISION__?(0,jsx_runtime_1.jsxs)("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.only(this.props.children)})}}exports.ErrorBoundary=ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map
+`;class h extends i{constructor(t){super(t),this.state={error:void 0}}componentDidCatch(t){return this.setState({error:t}),!1}render(){return this.state.error?e(d,{children:[r("h1",{children:"Something went wrong..."}),e("small",{children:[" ",this.state.error.message," "]}),r("p",{children:e("details",{children:[r("summary",{children:"Stack trace"}),r("pre",{children:this.state.error.stack})]})}),typeof __REDOC_VERSION__<"u"?e(n,{children:[e("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",r("br",{})]}):null,typeof __REDOC_REVISION__<"u"?e("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):r(n,{children:s.only(this.props.children)})}}export{h as ErrorBoundary};

package/lib/components/ErrorBoundary/index.d.ts

@@ -1 +1 @@
-export { ErrorBoundary } from './ErrorBoundary';
+export { ErrorBoundary } from './ErrorBoundary.js';

package/lib/components/ErrorBoundary/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;var ErrorBoundary_1=require("./ErrorBoundary");Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return ErrorBoundary_1.ErrorBoundary}});
-//# sourceMappingURL=index.js.map
+import{ErrorBoundary as a}from"./ErrorBoundary.js";export{a as ErrorBoundary};

package/lib/components/ExpandAllButton/ExpandAllButton.js

@@ -1,4 +1,3 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandAllButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),hooks_1=require("../../hooks"),ExpandAllButton=({operationPointer:e,type:t,onPanelToggle:o})=>{const n=(0,hooks_1.useTranslate)(),[l,r]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),s=(0,hooks_1.useTelemetry)();return(0,jsx_runtime_1.jsx)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{const e=!l[t].expandedAll;s.send({type:"openapi_docs.expand_collapse_all.clicked",payload:{is_expanded:e}}),r({[t]:{expandedAll:e}}),null==o||o(e,"request"===t?"request":"responses")},children:l[t].expandedAll?n("openapi.collapseAll","Collapse all"):n("openapi.expandAll","Expand all")})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+import{jsx as n}from"react/jsx-runtime";import{Button as d,MaximizeIcon as m}from"@redocly/theme";import{useAtom as c}from"jotai";import{operationStore as x}from"../../jotai/operation.js";import{useTelemetry as u,useTranslate as f}from"../../hooks/index.js";import{styled as A}from"../../styled-components.js";const j=({operationPointer:a,type:e,onPanelToggle:s})=>{const t=f(),[l,r]=c(x(a)),p=u(),i=()=>{const o=!l[e].expandedAll;p.send({type:"openapi_docs.expand_collapse_all.clicked",payload:{is_expanded:o}}),r({[e]:{expandedAll:o}}),s?.(o,e==="request"?"request":"responses")};return n(g,{icon:n(m,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:i,children:l[e].expandedAll?t("openapi.collapseAll","Collapse all"):t("openapi.expandAll","Expand all")})},g=A(d)`
   margin-left: auto;
-`;
-//# sourceMappingURL=ExpandAllButton.js.map
+`;export{j as ExpandAllButton};

package/lib/components/ExpandAllButton/index.d.ts

@@ -1 +1 @@
-export { ExpandAllButton } from './ExpandAllButton';
+export { ExpandAllButton } from './ExpandAllButton.js';

package/lib/components/ExpandAllButton/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandAllButton=void 0;var ExpandAllButton_1=require("./ExpandAllButton");Object.defineProperty(exports,"ExpandAllButton",{enumerable:!0,get:function(){return ExpandAllButton_1.ExpandAllButton}});
-//# sourceMappingURL=index.js.map
+import{ExpandAllButton as l}from"./ExpandAllButton.js";export{l as ExpandAllButton};

package/lib/components/ExternalDocumentation/ExternalDocumentation.d.ts

@@ -1,4 +1,4 @@
-import type { OpenAPIExternalDocumentation } from '../../types';
+import type { OpenAPIExternalDocumentation } from '../../types/index.js';
 interface ExternalDocumentationProps {
     externalDocs: OpenAPIExternalDocumentation;
     compact?: boolean;

package/lib/components/ExternalDocumentation/ExternalDocumentation.js

@@ -1,5 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),LinkWrap=styled_components_1.default.div`
-  ${theme_1.markdownLinksCss};
-  ${({compact:e})=>e?"":"margin: var(--spacing-sm) 0 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=(0,utils_1.normalizeText)(e.description);return(0,jsx_runtime_1.jsx)(LinkWrap,{compact:t,children:(0,jsx_runtime_1.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":r||e.url,children:r||e.url})})}exports.ExternalDocumentation=(0,react_1.memo)(ExternalDocumentationComponent);
-//# sourceMappingURL=ExternalDocumentation.js.map
+import{jsx as n}from"react/jsx-runtime";import{memo as i}from"react";import{markdownLinksCss as m}from"@redocly/theme";import{normalizeText as a}from"../../utils/index.js";import{styled as e}from"../../styled-components.js";const l=e.div`
+  ${m};
+  ${({compact:r})=>r?"":"margin: var(--spacing-sm) 0 0"}
+`;function p({externalDocs:r,compact:o}){if(!r||!r.url)return null;const t=a(r.description);return n(l,{compact:o,"data-testid":"external-documentation",children:n("a",{href:r.url,target:"_blank",rel:"noreferrer","aria-label":t||r.url,children:t||r.url})})}const k=i(p);export{k as ExternalDocumentation};

package/lib/components/ExternalDocumentation/index.d.ts

@@ -1 +1 @@
-export { ExternalDocumentation } from './ExternalDocumentation';
+export { ExternalDocumentation } from './ExternalDocumentation.js';

package/lib/components/ExternalDocumentation/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;var ExternalDocumentation_1=require("./ExternalDocumentation");Object.defineProperty(exports,"ExternalDocumentation",{enumerable:!0,get:function(){return ExternalDocumentation_1.ExternalDocumentation}});
-//# sourceMappingURL=index.js.map
+import{ExternalDocumentation as e}from"./ExternalDocumentation.js";export{e as ExternalDocumentation};

package/lib/components/Language/LanguageDropdown.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { TabType } from '../../models/tab';
+import type { TabType } from '../../models/tab.js';
 export interface LanguageDropdownProps {
     samples: TabType<{
         lang: string;

package/lib/components/Language/LanguageDropdown.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,trigger:n,width:i,withArrow:o=!0,withCheckmark:a=!0,withIcon:s=!0})=>{const u=(0,react_1.useCallback)((t=>()=>{const n=e.find((({key:e})=>e===t.key));n&&r(n.key)}),[r,e]),d=(0,react_1.useMemo)((()=>e.map((e=>(0,jsx_runtime_1.jsx)(styled_1.StyledDropdownMenuItem,{$width:i,onAction:u(e),children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,active:t===e.key,withCheckmark:a,withIcon:s})},e.key)))),[t,u,e,i,a,s]),g=e.find((({key:e})=>e===t)),_=n||(0,jsx_runtime_1.jsx)(styled_1.DropdownTriggerButton,{variant:"ghost",children:null==g?void 0:g.title});return d.length>1?(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{trigger:_,withArrow:o,alignment:"end",children:(0,jsx_runtime_1.jsx)(theme_1.DropdownMenu,{children:d})}):_};exports.LanguageDropdown=LanguageDropdown;
-//# sourceMappingURL=LanguageDropdown.js.map
+import{jsx as n}from"react/jsx-runtime";import{useCallback as h,useMemo as s}from"react";import{Dropdown as k,DropdownMenu as y}from"@redocly/theme";import{LanguageItem as D}from"./LanguageItem.js";import{DropdownTriggerButton as x,StyledDropdownMenuItem as A}from"./styled.js";const v=({samples:o,activeTab:t,onChange:e,trigger:l,width:i,withArrow:f=!0,withCheckmark:d=!0,withIcon:c=!0})=>{const g=h(r=>()=>{const p=o.find(({key:a})=>a===r.key);p&&e(p.key)},[e,o]),m=s(()=>o.map(r=>n(A,{$width:i,onAction:g(r),children:n(D,{item:r,active:t===r.key,withCheckmark:d,withIcon:c})},r.key)),[t,g,o,i,d,c]),w=o.find(({key:r})=>r===t),u=l||n(x,{variant:"ghost",children:w?.title});return m.length>1?n(k,{trigger:u,withArrow:f,alignment:"end",children:n(y,{children:m})}):u};export{v as LanguageDropdown};

package/lib/components/Language/LanguageItem.d.ts

@@ -1,4 +1,4 @@
-import type { TabType } from '../../models/tab';
+import type { TabType } from '../../models/tab.js';
 interface LanguageItemProps {
     item: TabType & {
         lang: string;

package/lib/components/Language/LanguageItem.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),PayloadIcon_1=require("../../icons/PayloadIcon"),styled_1=require("./styled"),iconMap={Payload:(0,jsx_runtime_1.jsx)(PayloadIcon_1.PayloadIcon,{}),curl:(0,jsx_runtime_1.jsx)(CurlIcon_1.CurlIcon,{}),"C#":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"C#+Newtonsoft":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"Node.js":(0,jsx_runtime_1.jsx)(NodeJSIcon_1.NodeJSIcon,{}),JavaScript:(0,jsx_runtime_1.jsx)(JavaScriptIcon_1.JavaScriptIcon,{}),Python:(0,jsx_runtime_1.jsx)(PythonIcon_1.PythonIcon,{}),R:(0,jsx_runtime_1.jsx)(RIcon_1.RIcon,{}),Ruby:(0,jsx_runtime_1.jsx)(RubyIcon_1.RubyIcon,{}),PHP:(0,jsx_runtime_1.jsx)(PHPIcon_1.PHPIcon,{}),Go:(0,jsx_runtime_1.jsx)(GOIcon_1.GOIcon,{}),Java:(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{}),"Java8+Apache":(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{})},LanguageItem=({item:n,active:e,withCheckmark:o,withIcon:c})=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageTitleContainer,{children:[c&&(0,jsx_runtime_1.jsx)(styled_1.LanguageIcon,{children:iconMap[n.lang]}),(0,jsx_runtime_1.jsx)(styled_1.LanguageTitle,{active:e,title:n.title,children:n.title})]}),o&&e&&(0,jsx_runtime_1.jsx)(theme_1.CheckmarkIcon,{})]});exports.LanguageItem=LanguageItem;
-//# sourceMappingURL=LanguageItem.js.map
+import{jsx as o,jsxs as a,Fragment as e}from"react/jsx-runtime";import{CheckmarkIcon as p}from"@redocly/theme";import{CurlIcon as f}from"../../icons/CurlIcon/index.js";import{CSharpIcon as n}from"../../icons/CSharpIcon/index.js";import{NodeJSIcon as l}from"../../icons/NodeJSIcon/index.js";import{JavaScriptIcon as I}from"../../icons/JavaScriptIcon/index.js";import{PythonIcon as s}from"../../icons/PythonIcon/index.js";import{RIcon as g}from"../../icons/RIcon/index.js";import{RubyIcon as h}from"../../icons/RubyIcon/index.js";import{PHPIcon as u}from"../../icons/PHPIcon/index.js";import{GOIcon as d}from"../../icons/GOIcon/index.js";import{JavaIcon as m}from"../../icons/JavaIcon/index.js";import{PayloadIcon as P}from"../../icons/PayloadIcon/index.js";import{LanguageIcon as y,LanguageTitle as C,LanguageTitleContainer as J}from"./styled.js";const j={Payload:o(P,{}),curl:o(f,{}),"C#":o(n,{}),"C#+Newtonsoft":o(n,{}),"Node.js":o(l,{}),JavaScript:o(I,{}),Python:o(s,{}),R:o(g,{}),Ruby:o(h,{}),PHP:o(u,{}),Go:o(d,{}),Java:o(m,{}),"Java8+Apache":o(m,{})},A=({item:r,active:t,withCheckmark:c,withIcon:i})=>a(e,{children:[a(J,{children:[i&&o(y,{children:j[r.lang]}),o(C,{active:t,title:r.title,children:r.title})]}),c&&t&&o(p,{})]});export{A as LanguageItem};

package/lib/components/Language/LanguageList.d.ts

@@ -1,4 +1,4 @@
-import type { TabType } from '../../models/tab';
+import type { TabType } from '../../models/tab.js';
 type LangTypeType = TabType<{
     lang: string;
 }>;

package/lib/components/Language/LanguageList.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants"),LanguageListSkeleton_1=require("../common/Skeleton/LanguageListSkeleton"),hooks_1=require("../../hooks");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)([]),[s,i]=(0,react_1.useState)([]),r=(0,hooks_1.useTelemetry)(),o=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),g=(0,jotai_1.useSetAtom)(app_1.languageAtom),l=e=>{r.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},_=(0,react_1.useCallback)((()=>{var n;const s=null===(n=null==o?void 0:o.current)||void 0===n?void 0:n.offsetWidth;if(!s)return;const{newVisibleItems:r,newHiddenItems:u}=calculateVisibleAndHiddenItems(s,[...e]),g=u.findIndex((e=>e.key===t));-1!==g&&swapItems(r,u,g),a(r),i(u)}),[t,e]);(0,react_1.useLayoutEffect)((()=>(_(),window.addEventListener("resize",_),()=>{window.removeEventListener("resize",_)})),[u,t]);const c=(0,react_1.useMemo)((()=>n.length>=5||s.length?"space-between":"start"),[s.length,n.length]);return(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:o,children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageListContainer,{$justifyContent:c,children:[!n.length&&(0,jsx_runtime_1.jsx)(LanguageListSkeleton_1.LanguageListSkeleton,{}),n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>{return t=e.key,g(t),void l(t);var t},active:t===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))]}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e));if(-1!==t){const r=[...s],o=[...n];swapItems(o,r,t),a(o),i(r),l(e),g(e)}},trigger:(0,jsx_runtime_1.jsx)(theme_1.Button,{icon:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{}),variant:"text",style:{height:"100%"}}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach(((i,r)=>{const o=r===t.length-1&&0===s.length?0:constants_1.DROPDOWN_TRIGGER_WIDTH;e&&n+constants_1.ITEM_WIDTH+o<=e?(a.push(i),n+=constants_1.ITEM_WIDTH):s.push(i)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
-//# sourceMappingURL=LanguageList.js.map
+import{jsx as a,jsxs as I}from"react/jsx-runtime";import{useLayoutEffect as T,useRef as A,useState as y,useCallback as _,memo as j,useMemo as E}from"react";import{useAtomValue as H,useSetAtom as S}from"jotai";import{Button as V,OverflowMenuVerticalIcon as W}from"@redocly/theme";import{LanguageDropdown as v}from"./LanguageDropdown.js";import{languageAtom as D,layoutAtom as R}from"../../jotai/app.js";import{LanguageListContainer as M,LanguageListItem as O,Container as z}from"./styled.js";import{LanguageItem as G}from"./LanguageItem.js";import{DROPDOWN_TRIGGER_WIDTH as B,ITEM_WIDTH as L}from"./constants.js";import{LanguageListSkeleton as N}from"../common/Skeleton/LanguageListSkeleton.js";import{useTelemetry as P}from"../../hooks/index.js";function $({languages:o,activeLanguage:t}){const[n,i]=y([]),[s,l]=y([]),u=P(),d=A(null),f=H(R),h=S(D),p=e=>{u.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},k=e=>{h(e),p(e)},x=e=>{const c=s.findIndex(r=>r.key===e);if(c!==-1){const r=[...s],m=[...n];w(m,r,c),i(m),l(r),p(e),h(e)}},g=_(()=>{const e=d?.current?.offsetWidth;if(!e)return;const{newVisibleItems:c,newHiddenItems:r}=q(e,[...o]),m=r.findIndex(b=>b.key===t);m!==-1&&w(c,r,m),i(c),l(r)},[t,o]);T(()=>(g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}),[f,t]);const C=E(()=>n.length>=5||s.length?"space-between":"start",[s.length,n.length]);return I(z,{ref:d,children:[I(M,{$justifyContent:C,children:[!n.length&&a(N,{}),n.map(e=>a(O,{onClick:()=>k(e.key),active:t===e.key,children:a(G,{item:e,withIcon:!0})},e.key))]}),s.length?a(v,{activeTab:t,samples:s,onChange:x,trigger:a(V,{icon:a(W,{}),variant:"text",style:{height:"100%"}}),withArrow:!1,withCheckmark:!1,width:156}):null]})}const oe=j($);function q(o,t){let n=0;const i=[],s=[];return t.forEach((l,u)=>{const f=u===t.length-1&&s.length===0?0:B;o&&n+L+f<=o?(i.push(l),n+=L):s.push(l)}),{newVisibleItems:i,newHiddenItems:s}}function w(o,t,n){const i=o[o.length-1];i&&(o[o.length-1]=t[n],t[n]=i)}export{oe as LanguageList};

package/lib/components/Language/_tests_/LanguageDropdown.test.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"js",title:"JS",lang:"js"},{key:"node.js",title:"Node.JS",lang:"nodejs"}],mockActiveTab=mockSamples[0].key,mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getAllByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockSamples[0].title)[0]).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getAllByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_1.fireEvent.click(react_1.screen.getAllByText(mockSamples[0].title)[0]);const t=mockSamples[1];react_1.fireEvent.click(e(t.title)[0]),expect(mockOnChange).toHaveBeenCalledWith(t.key)}))}));
-//# sourceMappingURL=LanguageDropdown.test.js.map
+import{jsx as a}from"react/jsx-runtime";import{render as c,fireEvent as s,screen as g}from"@testing-library/react";import{LanguageDropdown as l}from"../LanguageDropdown";const e=[{key:"js",title:"JS",lang:"js"},{key:"node.js",title:"Node.JS",lang:"nodejs"}],r=e[0].key,n=jest.fn();describe("LanguageDropdown",()=>{test("LanguageDropdown renders correctly",()=>{const{getAllByText:t}=c(a(l,{samples:e,activeTab:r,onChange:n}));expect(t(e[0].title)[0]).toBeInTheDocument()}),test("LanguageDropdown handles onChange correctly",()=>{const{getAllByText:t}=c(a(l,{samples:e,activeTab:r,onChange:n}));s.click(g.getAllByText(e[0].title)[0]);const o=e[1];s.click(t(o.title)[0]),expect(n).toHaveBeenCalledWith(o.key)})});

package/lib/components/Language/constants.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DROPDOWN_TRIGGER_WIDTH=exports.ITEM_WIDTH=void 0,exports.ITEM_WIDTH=78,exports.DROPDOWN_TRIGGER_WIDTH=32;
-//# sourceMappingURL=constants.js.map
+const o=78,t=32;export{t as DROPDOWN_TRIGGER_WIDTH,o as ITEM_WIDTH};

package/lib/components/Language/index.d.ts

@@ -1,3 +1,3 @@
-export { LanguageDropdown } from './LanguageDropdown';
-export { LanguageList } from './LanguageList';
-export { LanguageItem } from './LanguageItem';
+export { LanguageDropdown } from './LanguageDropdown.js';
+export { LanguageList } from './LanguageList.js';
+export { LanguageItem } from './LanguageItem.js';

package/lib/components/Language/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=exports.LanguageList=exports.LanguageDropdown=void 0;var LanguageDropdown_1=require("./LanguageDropdown");Object.defineProperty(exports,"LanguageDropdown",{enumerable:!0,get:function(){return LanguageDropdown_1.LanguageDropdown}});var LanguageList_1=require("./LanguageList");Object.defineProperty(exports,"LanguageList",{enumerable:!0,get:function(){return LanguageList_1.LanguageList}});var LanguageItem_1=require("./LanguageItem");Object.defineProperty(exports,"LanguageItem",{enumerable:!0,get:function(){return LanguageItem_1.LanguageItem}});
-//# sourceMappingURL=index.js.map
+import{LanguageDropdown as r}from"./LanguageDropdown.js";import{LanguageList as g}from"./LanguageList.js";import{LanguageItem as m}from"./LanguageItem.js";export{r as LanguageDropdown,m as LanguageItem,g as LanguageList};

package/lib/components/Language/styled.d.ts

@@ -1,31 +1,8 @@
-import { DropdownMenuItem } from '@redocly/theme';
-export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LanguageTitle: import("styled-components").StyledComponent<"span", any, {
-    active?: boolean;
-}, never>;
-export declare const LanguageTitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LanguageIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const LanguageListContainer: import("styled-components").StyledComponent<"div", any, {
-    $justifyContent?: string;
-}, never>;
-export declare const LanguageListItem: import("styled-components").StyledComponent<"button", any, {
-    active: boolean;
-}, never>;
-export declare const StyledDropdownMenuItem: import("styled-components").StyledComponent<typeof DropdownMenuItem, any, Partial<Pick<import("@redocly/theme").LinkProps, "target" | "to" | "external">> & {
-    prefix?: import("react").ReactNode;
-    suffix?: import("react").ReactNode;
-    content?: import("react").ReactNode;
-    separatorLine?: boolean;
-    dataAttributes?: Record<string, string>;
-    className?: string;
-    style?: import("react").CSSProperties;
-    role?: string;
-    separator?: boolean;
-    disabled?: boolean;
-    dangerous?: boolean;
-    onAction?: () => void;
-    active?: boolean;
-} & {
-    $width?: number;
-}, never>;
-export declare const DropdownTriggerButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;
+export declare const Container: any;
+export declare const LanguageTitle: any;
+export declare const LanguageTitleContainer: any;
+export declare const LanguageIcon: any;
+export declare const LanguageListContainer: any;
+export declare const LanguageListItem: any;
+export declare const StyledDropdownMenuItem: any;
+export declare const DropdownTriggerButton: any;

package/lib/components/Language/styled.js

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownTriggerButton=exports.StyledDropdownMenuItem=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
+import{css as i}from"styled-components";import{Button as r,DropdownMenuItem as n}from"@redocly/theme";import{ITEM_WIDTH as o}from"./constants.js";import{styled as t}from"../../styled-components.js";const l=t.span`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,exports.LanguageTitle=styled_components_1.default.span`
+`,d=t.span`
   max-width: 150px;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -11,14 +11,14 @@
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: ${({active:e})=>e?"var(--font-weight-medium)":"var(--font-weight-regular)"};
-`,exports.LanguageTitleContainer=styled_components_1.default.span`
+`,g=t.span`
   width: 100%;
   display: inherit;
   gap: inherit;
   flex-direction: inherit;
   justify-content: inherit;
   align-items: inherit;
-`,exports.LanguageIcon=styled_components_1.default.span`
+`,x=t.span`
   width: 24px;
   height: 24px;
   display: flex;
@@ -26,15 +26,15 @@
   justify-content: center;
   flex-shrink: 0;
   overflow: hidden;
-`,exports.LanguageListContainer=styled_components_1.default.div`
+`,f=t.div`
   display: flex;
   justify-content: ${({$justifyContent:e="start"})=>e};
   align-items: center;
   width: 100%;
-`,exports.LanguageListItem=styled_components_1.default.button`
+`,h=t.button`
   background: none;
   border: none;
-  width: ${constants_1.ITEM_WIDTH}px;
+  width: ${o}px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -51,7 +51,7 @@
     color: var(--text-color-primary);
   }
 
-  ${({active:e})=>e&&styled_components_1.css`
+  ${({active:e})=>e&&i`
       &::before {
         position: absolute;
         top: -21px;
@@ -62,7 +62,7 @@
         border-bottom-right-radius: calc(var(--border-radius) / 2);
       }
     `}
-`,exports.StyledDropdownMenuItem=(0,styled_components_1.default)(theme_1.DropdownMenuItem)`
+`,u=t(n)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -71,12 +71,11 @@
     var(--spacing-sm);
   width: ${({$width:e=204})=>e}px;
   fill: var(--menu-content-color-active);
-`,exports.DropdownTriggerButton=(0,styled_components_1.default)(theme_1.Button)`
+`,m=t(r)`
   display: inline-flex;
 
   line-height: var(--line-height-base);
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   cursor: pointer;
-`;
-//# sourceMappingURL=styled.js.map
+`;export{l as Container,m as DropdownTriggerButton,x as LanguageIcon,f as LanguageListContainer,h as LanguageListItem,d as LanguageTitle,g as LanguageTitleContainer,u as StyledDropdownMenuItem};

package/lib/components/Markdown/Markdown.d.ts

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
-import type { MarkdownProps } from './types';
+import type { MarkdownProps } from './types.js';
 export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => ReactElement | null;

package/lib/components/Markdown/Markdown.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),jotai_1=require("jotai"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"],Markdown=e=>{var t,r,o,i,n,a,s,l,u,{source:d,ast:c,htmlWrap:_}=e,m=__rest(e,["source","ast","htmlWrap"]);const p=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);if(!d&&!c)return null;const f=(null==p?void 0:p.markdocOptions)&&{tags:null===(t=p.markdocOptions)||void 0===t?void 0:t.tags,nodes:null===(r=p.markdocOptions)||void 0===r?void 0:r.nodes,partials:null===(o=p.markdocOptions)||void 0===o?void 0:o.partials,variables:null===(i=p.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(n=p.markdocOptions)||void 0===n?void 0:n.functions},v=(null==p?void 0:p.markdocOptions)&&{components:null===(a=p.markdocOptions)||void 0===a?void 0:a.components};let O;if(d)if((0,theme_1.isString)(d)){const e=(null===(s=null==p?void 0:p.unstable_hooks)||void 0===s?void 0:s.sanitize)?null===(u=null===(l=p.unstable_hooks)||void 0===l?void 0:l.sanitize)||void 0===u?void 0:u.call(l,d):(null==p?void 0:p.sanitize)?dompurify_1.default.sanitize(d):d,t=(0,markdoc_1.parse)(e);O=(0,markdoc_1.transform)(t,f)}else{const e=markdoc_1.Ast.fromJSON("object"==typeof d.result?JSON.stringify(d.result):d.result);O=(Array.isArray(e),(0,markdoc_1.transform)(e,f))}else c&&(O=(0,markdoc_1.transform)(c,f));const b=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return(0,jsx_runtime_1.jsx)(theme_1.Markdown,Object.assign({},m,{children:t,as:"div"}))};if(!_)return b(O);const h=e=>{var t;return!1!==(null===(t=e.attributes)||void 0===t?void 0:t.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==e?void 0:e.name)};return O=Array.isArray(O)?O:O.children,(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:O.map(((e,t)=>{var r,o,i;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(o=h(e),i=e,o?_(b(i)):b(i))},(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t)}))})};exports.Markdown=Markdown;
-//# sourceMappingURL=Markdown.js.map
+import{jsx as p,Fragment as k}from"react/jsx-runtime";import u,{Fragment as A}from"react";import a from"@markdoc/markdoc";import{useAtomValue as g}from"jotai";import h from"dompurify";import{Markdown as b,isString as y}from"@redocly/theme";import{globalOptionsAtom as _}from"../../jotai/store.js";const z=["OpenApiResponse","OpenApiRequestBody"],F=({source:n,ast:e,htmlWrap:c,...l})=>{const t=g(_);if(!n&&!e)return null;const i=t?.markdocOptions&&{tags:t.markdocOptions?.tags,nodes:t.markdocOptions?.nodes,partials:t.markdocOptions?.partials,variables:t.markdocOptions?.variables,functions:t.markdocOptions?.functions},d=t?.markdocOptions&&{components:t.markdocOptions?.components};let o;if(n)if(y(n)){const r=t?.unstable_hooks?.sanitize?t.unstable_hooks?.sanitize?.(n):t?.sanitize?h.sanitize(n):n,s=a.parse(r);o=a.transform(s,i)}else{const r=a.Ast.fromJSON(typeof n.result=="object"?JSON.stringify(n.result):n.result);Array.isArray(r)?o=a.transform(r,i):o=a.transform(r,i)}else e&&(o=a.transform(e,i));const m=r=>{const s=a.renderers.react(r,u,d);return p(b,{...l,children:s,as:"div"})};if(!c)return m(o);const f=r=>r.attributes?.htmlWrap!==!1&&!z.includes(r?.name),O=(r,s)=>r?c(m(s)):m(s);return o=Array.isArray(o)?o:o.children,p(k,{children:o.map((r,s)=>p(A,{children:O(f(r),r)},r?.attributes?.id||s))})};export{F as Markdown};

package/lib/components/Markdown/index.d.ts

@@ -1,2 +1,2 @@
-export { Markdown } from './Markdown';
-export * from './types';
+export { Markdown } from './Markdown.js';
+export * from './types.js';

package/lib/components/Markdown/index.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;var Markdown_1=require("./Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}}),__exportStar(require("./types"),exports);
-//# sourceMappingURL=index.js.map
+import{Markdown as e}from"./Markdown.js";export*from"./types.js";export{e as Markdown};

package/lib/components/Markdown/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
-import type { SelectProps } from '../common';
-import type { MediaContentModel, MediaTypeModel } from '../../models';
+import type { SelectProps } from '../common/index.js';
+import type { MediaContentModel, MediaTypeModel } from '../../models/index.js';
 interface MediaTypesSwitchProps {
     content?: MediaContentModel;
     withLabel?: boolean;

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models"),hooks_1=require("../../hooks");function Wrapper({children:e,withLabel:t,innerRef:r,translate:n}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:n("openapi.contentType","Content type")}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const i=(0,hooks_1.useTranslate)(),[a,o]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),s=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;o(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,o]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const u=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,a);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,translate:i,children:r({value:c.name,options:u,onChange:s,ariaLabel:"Content type"})}),n(c)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
-//# sourceMappingURL=MediaTypesSwitch.js.map
+import{jsx as m,jsxs as p,Fragment as g}from"react/jsx-runtime";import{memo as h,useCallback as C,useRef as T}from"react";import{useAtom as v}from"jotai";import{SelectLabel as M,SelectWrapper as w}from"../PayloadSamples/index.js";import{Container as x}from"../common/index.js";import{activeMimeNameAtom as A}from"../../jotai/app.js";import{getActiveMediaType as b}from"../../models/index.js";import{useTranslate as j}from"../../hooks/index.js";function S({children:e,withLabel:i,innerRef:r,translate:a}){return e?i?p(w,{ref:r,children:[m(M,{children:a("openapi.contentType","Content type")}),e]}):m(x,{ref:r,children:e}):null}function B({content:e,withLabel:i,renderSelect:r,children:a}){const u=j(),[c,s]=v(A),f=C(({value:o})=>{if(!e||!t.current)return null;const n=t.current.getBoundingClientRect().y;s(o),requestAnimationFrame(()=>{if(!t.current||n==null)return;const y=t.current.getBoundingClientRect().y;window.scrollBy(0,y-n)})},[e,s]),t=T(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const d=e.mediaTypes.map((o,n)=>({value:o.name,idx:n})),l=b(e,c);return p(g,{children:[m(S,{innerRef:t,withLabel:i,translate:u,children:r({value:l.name,options:d,onChange:f,ariaLabel:"Content type"})}),a(l)]})}const q=h(B);export{q as MediaTypesSwitch};

package/lib/components/MediaTypeSwitch/index.d.ts

@@ -1 +1 @@
-export { MediaTypesSwitch } from './MediaTypesSwitch';
+export { MediaTypesSwitch } from './MediaTypesSwitch.js';

package/lib/components/MediaTypeSwitch/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;var MediaTypesSwitch_1=require("./MediaTypesSwitch");Object.defineProperty(exports,"MediaTypesSwitch",{enumerable:!0,get:function(){return MediaTypesSwitch_1.MediaTypesSwitch}});
-//# sourceMappingURL=index.js.map
+import{MediaTypesSwitch as o}from"./MediaTypesSwitch.js";export{o as MediaTypesSwitch};

package/lib/components/OperationItem/Description.d.ts

@@ -1,4 +1,4 @@
-import type { OpenAPIExternalDocumentation } from '../../types';
+import type { OpenAPIExternalDocumentation } from '../../types/index.js';
 interface DescriptionProps {
     description?: string | GenericObject;
     externalDocs?: OpenAPIExternalDocumentation;

package/lib/components/OperationItem/Description.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=Description;const jsx_runtime_1=require("react/jsx-runtime"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions");function Description({description:e,externalDocs:n,extensions:t}){return e?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e}),n&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:n}),Object.keys(t||{}).length?(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:t}):null]}):null}
-//# sourceMappingURL=Description.js.map
+import{jsx as r,Fragment as e,jsxs as s}from"react/jsx-runtime";import{Markdown as m}from"../Markdown/index.js";import{ExternalDocumentation as i}from"../ExternalDocumentation/index.js";import{Extensions as a}from"../common/Extensions.js";function c({description:n,externalDocs:t,extensions:o}){return n?s(e,{children:[r(m,{source:n}),t&&r(i,{externalDocs:t}),Object.keys(o||{}).length?r(a,{extensions:o}):null]}):null}export{c as Description};

package/lib/components/OperationItem/OperationItem.d.ts

@@ -1,5 +1,3 @@
 import type { OperationItemProps } from './types';
 export declare const OperationItem: import("react").NamedExoticComponent<OperationItemProps>;
-export declare const OperationSamplesPanel: import("styled-components").StyledComponent<"div", any, {
-    isStacked: boolean;
-}, never>;
+export declare const OperationSamplesPanel: any;

package/lib/components/OperationItem/OperationItem.js

@@ -1,7 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationSamplesPanel=exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),Badges_1=require("../common/Badges"),hooks_1=require("../../hooks"),events_1=require("../../events");function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var s,o;const n=(0,hooks_1.useTranslate)(),{parser:i,options:r}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{events:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),p=(0,jotai_1.useAtomValue)(app_1.userClaimsAtom),_=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[m,d]=(0,react_1.useState)(),{unstable_hooks:c,feedback:u}=r,x=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(i,e,t,r,a,void 0,p)),[a,e,r,t,i,p]),{name:j,deprecated:k,isWebhook:h,badges:b}=x||{},S=_===theme_1.LayoutVariant.STACKED,g=(null==u?void 0:u.type)||"sentiment",v=!0!==(null==u?void 0:u.hide),[R,q]=(0,react_1.useState)(null),O=(0,react_1.useCallback)((e=>{m!==e&&d(e)}),[m]),f=(0,react_1.useCallback)(((e,t)=>{var a;if(!t)return;const s=(0,events_1.createPanelToggleEvent)({operation:x,isExpanded:e,panelType:t});null===(a=null==l?void 0:l.panelToggle)||void 0===a||a.call(l,s)}),[l,x]),y=(0,react_1.useMemo)((()=>v?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:g,settings:u.settings,path:(0,services_1.joinWithSeparator)(r.routingBasePath,x.href)})}):null),[v,g,u.settings,r.routingBasePath,x.href]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:_,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:_,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==c?void 0:c.BeforeOperation),props:{operation:x}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:a,"aria-label":`link to ${j}`}),(0,jsx_runtime_1.jsx)(common_1.CustomBadges,{badges:b,children:j}),k&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{deprecated:!0,children:n("openapi.badges.deprecated","Deprecated")}),h&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{children:n("openapi.badges.webhook","Webhook")})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:_,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:x,translate:n,onPanelToggle:f})}),(0,jsx_runtime_1.jsx)(exports.OperationSamplesPanel,{isStacked:S,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:x,onPanelToggle:f})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:_,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(null===(s=x.responses)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:x.responses,operationId:x.id,operationPointer:x.pointer,callbackId:x.callbackId,activeResponseTab:m,onTabChange:O,onPanelToggle:f}):null}),(0,jsx_runtime_1.jsx)(exports.OperationSamplesPanel,{isStacked:S,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:x,activeResponseTab:m,onTabChange:O,onPanelToggle:f})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:_,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(null===(o=x.callbacks)||void 0===o?void 0:o.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(x.id,"callbacks")}),n("openapi.callbacks","Callbacks")]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:x.callbacks,onExpand:q,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==c?void 0:c.AfterOperation),props:{operation:x}})]}),R?(0,jsx_runtime_1.jsx)(exports.OperationSamplesPanel,{isStacked:S,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R,translate:n})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:_,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,fullWidth:!0,children:y})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent),exports.OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+import{jsx as e,jsxs as t,Fragment as N}from"react/jsx-runtime";import{memo as V,useState as w,useCallback as F,useMemo as j}from"react";import{useAtomValue as g}from"jotai";import{Feedback as K,LayoutVariant as $,BeforeOpenApiOperation as z,AfterOpenApiOperation as G}from"@redocly/theme";import{SamplesMiddlePanel as r,SamplesPanel as J,ShareLink as Q,Row as B,CustomBadges as U}from"../common/index.js";import{CallbacksList as X}from"../Callbacks/index.js";import{CallbackSamples as Y}from"../CallbackSamples/index.js";import{RequestSamples as Z}from"../RequestSamples/index.js";import{OperationResponseList as ee}from"../Responses/index.js";import{ResponseSamples as ae}from"../ResponseSamples/index.js";import{makeDeepLink as te,joinWithSeparator as oe}from"../../services/index.js";import{layoutAtom as ne,userClaimsAtom as se}from"../../jotai/app.js";import{globalOptionsAtom as le,globalStoreAtom as re}from"../../jotai/store.js";import{getOperation as ie}from"../../models/operation.js";import{RenderHook as L}from"../RenderHook/index.js";import{Heading as ce,Title as pe}from"../common/OperationItemTitle.js";import{LinkToField as de}from"../common/LinkToField.js";import{RequestDetails as me}from"../Request/RequestDetails.js";import{StyledBadge as I}from"../common/Badges.js";import{useTranslate as ge}from"../../hooks/index.js";import{styled as k}from"../../styled-components.js";import{createPanelToggleEvent as ke}from"../../events/index.js";function be({item:{operationDefinition:f,parent:S,href:b}}){const s=ge(),{parser:v,options:l}=g(re),{events:y}=g(le),x=g(se),n=g(ne),[c,W]=w(),{unstable_hooks:T,feedback:p}=l,a=j(()=>ie(v,f,S,l,b,void 0,x),[b,f,l,S,v,x]),{name:C,deprecated:H,isWebhook:_,badges:q}=a||{},o=n===$.STACKED,O=p?.type||"sentiment",R=p?.hide!==!0,[u,D]=w(null),A=F(m=>{c!==m&&W(m)},[c]),d=F((m,P)=>{if(!P)return;const M=ke({operation:a,isExpanded:m,panelType:P});y?.panelToggle?.(M)},[y,a]),E=j(()=>R?e(ue,{children:e(K,{type:O,settings:p.settings,path:oe(l.routingBasePath,a.href)})}):null,[R,O,p.settings,l.routingBasePath,a.href]);return t(he,{layout:n,children:[e(i,{layout:n,children:t(r,{isStacked:o,children:[e(L,{Hook:z||T?.BeforeOperation,props:{operation:a}}),t(ce,{"data-testid":"operation-item-header",children:[e(Q,{to:b,"aria-label":`link to ${C}`}),e(U,{badges:q,children:C}),H&&e(I,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}),_&&e(I,{children:s("openapi.badges.webhook","Webhook")})]})]})}),t(i,{layout:n,children:[e(r,{isStacked:o,children:e(me,{operation:a,translate:s,onPanelToggle:d})}),e(h,{isStacked:o,"data-testid":"samples-block",className:"panel-container-request-samples",children:e(Z,{operation:a,onPanelToggle:d})})]}),t(i,{layout:n,children:[e(r,{isStacked:o,children:a.responses?.length?e(ee,{responses:a.responses,operationId:a.id,operationPointer:a.pointer,callbackId:a.callbackId,activeResponseTab:c,onTabChange:A,onPanelToggle:d}):null}),e(h,{isStacked:o,"data-testid":"samples-block",className:"panel-container-response-samples",children:e(ae,{operation:a,activeResponseTab:c,onTabChange:A,onPanelToggle:d})})]}),t(i,{layout:n,children:[t(r,{isStacked:o,children:[a.callbacks?.length?t(N,{children:[t(pe,{children:[e(de,{to:te(a.id,"callbacks")}),s("openapi.callbacks","Callbacks")]}),e(X,{callbacks:a.callbacks,onExpand:D,selectedCallback:u})]}):null,e(L,{Hook:G||T?.AfterOperation,props:{operation:a}})]}),u?e(h,{isStacked:o,"data-testid":"samples-block",children:e(Y,{callback:u,translate:s})}):null]}),e(i,{layout:n,children:e(r,{isStacked:o,fullWidth:!0,children:E})})]})}const Ee=V(be),h=k(J)`
   margin-left: auto;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
-`;const FeedbackWrapper=styled_components_1.default.div`
+`,ue=k.div`
   & > div {
     flex: 1 1 auto;
     display: flex;
@@ -12,11 +12,10 @@
     width: 100%;
     max-width: var(--feedback-width);
   }
-`,OperationRow=(0,styled_components_1.default)(common_1.Row)`
+`,he=k(B)`
   flex-direction: column;
   align-items: flex-start;
   padding: var(--spacing-base) 0 calc(var(--spacing-xl) + var(--spacing-xs));
-`,OperationSubRowStyled=(0,styled_components_1.default)(common_1.Row)`
+`,i=k(B)`
   margin: calc(var(--spacing-unit) * 2) 0;
-`;
-//# sourceMappingURL=OperationItem.js.map
+`;export{Ee as OperationItem,h as OperationSamplesPanel};

package/lib/components/OperationItem/_tests_/OperationItem.test.js

@@ -1,2 +1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),react_router_dom_1=require("react-router-dom"),OperationItem_1=require("../OperationItem"),services_1=require("../../../services"),petstore_json_1=__importDefault(require("./fixtures/petstore.json")),operationDefinition_json_1=__importDefault(require("./fixtures/operationDefinition.json")),app_1=require("../../../jotai/app"),store_1=require("../../../jotai/store"),replay_1=require("../../../jotai/replay"),mock_intersection_observer_1=require("./__mocks__/mock-intersection-observer");jest.mock("jotai",(()=>Object.assign(Object.assign({},jest.requireActual("jotai")),{useAtomValue:jest.fn((e=>e===store_1.globalStoreAtom?{parser:{definition:petstore_json_1.default},options:(0,services_1.normalizeOptions)({codeSamples:{languages:[{lang:"curl",label:"curl"}]}})}:e===app_1.environmentAtom?[{},""]:e===replay_1.allOperationsAtom?[]:{})),useAtom:jest.fn((e=>e===app_1.environmentAtom?[[{server:{}}],jest.fn()]:[{activeOneOf:{"/paths/~1pet/post":0},requestValues:{},request:{expandedFields:{}},response:{expandedFields:{}},activeLanguage:"curl"},jest.fn()]))}))),describe("OperationItem",(()=>{beforeAll((()=>{window.IntersectionObserver=mock_intersection_observer_1.MockIntersectionObserver})),it("should render badges with correct position",(()=>{const{getByTestId:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(OperationItem_1.OperationItem,{item:{operationDefinition:operationDefinition_json_1.default,parent:void 0,href:"test"}}),{wrapper:react_router_dom_1.BrowserRouter}),t=e("operation-item-header").childNodes;expect(t[1].textContent).toBe("Alpha"),expect(t[3].textContent).toBe("Beta"),expect(t[4].textContent).toBe("Gamma")}))}));
-//# sourceMappingURL=OperationItem.test.js.map
+import{jsx as o}from"react/jsx-runtime";import{render as n}from"@testing-library/react";import{BrowserRouter as i}from"react-router-dom";import{OperationItem as s}from"../OperationItem";import{normalizeOptions as m}from"../../../services";import p from"./fixtures/petstore.json";import a from"./fixtures/operationDefinition.json";import{environmentAtom as r}from"../../../jotai/app";import{globalStoreAtom as f}from"../../../jotai/store";import{allOperationsAtom as l}from"../../../jotai/replay";import{MockIntersectionObserver as c}from"./__mocks__/mock-intersection-observer";jest.mock("jotai",()=>({...jest.requireActual("jotai"),useAtomValue:jest.fn(e=>e===f?{parser:{definition:p},options:m({codeSamples:{languages:[{lang:"curl",label:"curl"}]}})}:e===r?[{},""]:e===l?[]:{}),useAtom:jest.fn(e=>e===r?[[{server:{}}],jest.fn()]:[{activeOneOf:{"/paths/~1pet/post":0},requestValues:{},request:{expandedFields:{}},response:{expandedFields:{}},activeLanguage:"curl"},jest.fn()])})),describe("OperationItem",()=>{beforeAll(()=>{window.IntersectionObserver=c}),it("should render badges with correct position",()=>{const{getByTestId:e}=n(o(s,{item:{operationDefinition:a,parent:void 0,href:"test"}}),{wrapper:i}),t=e("operation-item-header").childNodes;expect(t[1].textContent).toBe("Alpha"),expect(t[3].textContent).toBe("Beta"),expect(t[4].textContent).toBe("Gamma")})});

package/lib/components/OperationItem/_tests_/__mocks__/mock-intersection-observer.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MockIntersectionObserver=void 0;class MockIntersectionObserver{constructor(e,t){Object.defineProperty(this,"root",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"rootMargin",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"thresholds",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"viewPort",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"entries",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"callback",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"intersect",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.entries.map((e=>{e.isIntersecting=this.isInViewPort(e.target)})),this.callback(this.entries,this)}}),this.viewPort=(null==t?void 0:t.root)?t.root:window,this.entries=[],this.root=null,this.rootMargin="0px",this.thresholds=[1],this.callback=e,this.viewPort.addEventListener("scroll",this.intersect)}isInViewPort(e){return"toc-0"!==e.id}observe(e){this.entries.push({isIntersecting:!1,target:e})}unobserve(e){this.entries=this.entries.filter((t=>t.target!==e))}disconnect(){this.viewPort.removeEventListener("scroll",this.intersect),this.entries=[]}takeRecords(){return this.entries}}exports.MockIntersectionObserver=MockIntersectionObserver;
-//# sourceMappingURL=mock-intersection-observer.js.map
+class i{root;rootMargin;thresholds;viewPort;entries;callback;constructor(t,e){this.viewPort=e?.root?e.root:window,this.entries=[],this.root=null,this.rootMargin="0px",this.thresholds=[1],this.callback=t,this.viewPort.addEventListener("scroll",this.intersect)}intersect=()=>{this.entries.map(t=>{t.isIntersecting=this.isInViewPort(t.target)}),this.callback(this.entries,this)};isInViewPort(t){return t.id!=="toc-0"}observe(t){this.entries.push({isIntersecting:!1,target:t})}unobserve(t){this.entries=this.entries.filter(e=>e.target!==t)}disconnect(){this.viewPort.removeEventListener("scroll",this.intersect),this.entries=[]}takeRecords(){return this.entries}}export{i as MockIntersectionObserver};

package/lib/components/OperationItem/index.d.ts

@@ -1,2 +1,2 @@
-export { OperationItem } from './OperationItem';
-export type { OperationItemProps } from './types';
+export { OperationItem } from './OperationItem.js';
+export type { OperationItemProps } from './types.js';

package/lib/components/OperationItem/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;var OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}});
-//# sourceMappingURL=index.js.map
+import{OperationItem as r}from"./OperationItem.js";export{r as OperationItem};

package/lib/components/OperationItem/types.d.ts

@@ -1,4 +1,4 @@
-import type { OperationMenuItem } from '../../models';
+import type { OperationMenuItem } from '../../models/index.js';
 export interface OperationItemProps {
     item: OperationMenuItem;
 }

package/lib/components/OperationItem/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

package/lib/components/Overlay.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { LicenseInfo } from '../services/check';
+import type { LicenseInfo } from '../services/check.js';
 export interface LicenseCheckProps {
     licenseInfo: LicenseInfo;
 }

package/lib/components/Overlay.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed",Overlay=({licenseInfo:e})=>{const[i,t]=(0,react_1.useState)(null),[r,n]=(0,react_1.useState)(-1),[s,l]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{var i;e.local?l(!0):(e.valid?e.allowed?e.expired&&t(e.t?EXPIRED:TRIAL_EXPIRED):t(INVALID_HOST):t(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&n(Math.ceil(((null!==(i=null==e?void 0:e.e)&&void 0!==i?i:0)-Date.now()/1e3)/60/60/24)))}),[e]),s?(0,jsx_runtime_1.jsxs)(TrialWrap,{children:[(0,jsx_runtime_1.jsx)("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!i&&r>-1?(0,jsx_runtime_1.jsxs)(TrialWrap,{children:[" Trial version: ",r," days remaining "]}):i?(0,jsx_runtime_1.jsx)(Flash,{children:(0,jsx_runtime_1.jsxs)("span",{children:[i," ",(0,jsx_runtime_1.jsx)("br",{}),(0,jsx_runtime_1.jsxs)("small",{children:["Please contact ",(0,jsx_runtime_1.jsx)("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null};exports.Overlay=Overlay;const TrialWrap=styled_components_1.default.div`
+import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as o,useEffect as m}from"react";import{styled as s}from"../styled-components.js";const n="Invalid license key",g=n+": missing key",d="Invalid license key: expired",y=d,v="Invalid license key: host not allowed",E=({licenseInfo:e})=>{const[r,a]=o(null),[l,h]=o(-1),[p,x]=o(!1);return m(()=>{if(e.local){x(!0);return}e.valid?e.allowed?e.expired&&a(e.t?d:y):a(v):a(e.valid===!1?n+(e.cryptoMissing?": works only with https":""):g),e.t&&h(Math.ceil(((e?.e??0)-Date.now()/1e3)/60/60/24))},[e]),p?t(c,{children:[i("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!r&&l>-1?t(c,{children:[" Trial version: ",l," days remaining "]}):r?i(f,{children:t("span",{children:[r," ",i("br",{}),t("small",{children:["Please contact ",i("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null},c=s.div`
   padding: 10px 40px;
   position: fixed;
   text-align: right;
@@ -12,7 +12,7 @@
   a:visited {
     color: orange;
   }
-`,Flash=styled_components_1.default.div`
+`,f=s.div`
   font-size: 1.5em;
   position: fixed;
   z-index: var(--z-index-raised);
@@ -39,5 +39,4 @@
   a:visited {
     color: white;
   }
-`;
-//# sourceMappingURL=Overlay.js.map
+`;export{E as Overlay};