@redocly/openapi-docs 3.0.0-alpha.70 → 3.0.0-alpha.71

package/lib/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),nexus_1=require("../../recoil/nexus"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,n,l;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,p]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),_=(0,react_1.useCallback)((e=>{if(!d.schema)return;const t=d.schema,a=t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const o=a.findIndex((t=>t.title===e));-1!==o&&t&&(0,nexus_1.setRecoil)((0,operation_1.operationStore)(t.deps.operation.pointer),(e=>{var a,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(a=t.oneOf)||void 0===a?void 0:a[o])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[t.pointer]:o})})}))}m.activeExampleName!==e&&p((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,p]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===theme_1.LayoutVariant.STACKED||!u},(null===(n=d.schema)||void 0===n?void 0:n.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(l=d.schema)||void 0===l?void 0:l.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:_}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),nexus_1=require("../../jotai/nexus"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var n,r,i;const l=(0,jotai_1.useAtomValue)(app_1.layoutAtom),{parser:c,options:s}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),m=(0,jotai_1.useAtomValue)(app_1.showRightPanelToggleAtom),u=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[d,p]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(null===(n=u.operation)||void 0===n?void 0:n.pointer)),_=(0,react_1.useCallback)((e=>{if(!u.schema)return;const t=u.schema,a=t.oneOf;if(a&&(null==u?void 0:u.examples)&&Object.keys(null==u?void 0:u.examples).includes(e)){const o=a.findIndex((t=>t.title===e));-1!==o&&t&&(0,nexus_1.writeAtom)((0,operation_1.operationStore)(t.deps.operation.pointer),(e=>{var a,n;return Object.assign(Object.assign({},e),{activeExampleName:(null===(n=null===(a=t.oneOf)||void 0===a?void 0:a[o])||void 0===n?void 0:n.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[t.pointer]:o})})}))}d.activeExampleName!==e&&p((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==u?void 0:u.examples,u.schema,d.activeExampleName,p]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:l},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:l===theme_1.LayoutVariant.STACKED||!m},(null===(r=u.schema)||void 0===r?void 0:r.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(i=u.schema)||void 0===i?void 0:i.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:u.schema}))),m?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:u,onChange:_}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);

package/lib/components/Search/MenuItemSearch.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemSearch=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),SideMenu_1=require("../SideMenu"),services_1=require("../../services"),utils_1=require("./utils"),styled_1=require("./styled"),store_1=require("../../recoil/store");function markString(e,t){const r=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),a=e.split(r);for(let e=1,t=a.length;e<t;e+=2)a[e]=react_1.default.createElement(styled_1.MarkedSpan,{key:e},a[e]);return a}const MenuItemSearch=({result:e,term:t,active:r,onClick:a})=>{const{searchMode:l,sideNavStyle:c}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),u="path-only"===l,i=c===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(SideMenu_1.MenuItem,{item:Object.create(e.item,{name:{value:u?e.item.name:""},path:{value:""},search:{value:!0}}),active:r,"data-role":"search:result",onClick:a},(i||u)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SideMenu_1.MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?react_1.default.createElement(styled_1.ResultMeta,null,e.count," matching ",(0,utils_1.formatPlaces)(e.places)):1===e.count?react_1.default.createElement(styled_1.ResultMeta,null,"in ",react_1.default.createElement(styled_1.Place,null,e.places[0].place)," ",(0,utils_1.formatPath)(t,e.places[0].paths[0])):null)};exports.MenuItemSearch=MenuItemSearch;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemSearch=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),SideMenu_1=require("../SideMenu"),services_1=require("../../services"),utils_1=require("./utils"),styled_1=require("./styled"),store_1=require("../../jotai/store");function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),r=e.split(a);for(let e=1,t=r.length;e<t;e+=2)r[e]=react_1.default.createElement(styled_1.MarkedSpan,{key:e},r[e]);return r}const MenuItemSearch=({result:e,term:t,active:a,onClick:r})=>{const{searchMode:l,sideNavStyle:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i="path-only"===l,n=u===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(SideMenu_1.MenuItem,{item:Object.create(e.item,{name:{value:i?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:r},(n||i)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SideMenu_1.MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?react_1.default.createElement(styled_1.ResultMeta,null,e.count," matching ",(0,utils_1.formatPlaces)(e.places)):1===e.count?react_1.default.createElement(styled_1.ResultMeta,null,"in ",react_1.default.createElement(styled_1.Place,null,e.places[0].place)," ",(0,utils_1.formatPath)(t,e.places[0].paths[0])):null)};exports.MenuItemSearch=MenuItemSearch;
 //# sourceMappingURL=MenuItemSearch.js.map

package/lib/components/Search/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.expandResults=exports.formatPath=exports.formatPlaces=exports.enhanceResults=exports.expandDeep=exports.getFields=void 0;const nexus_1=require("../../recoil/nexus"),models_1=require("../../models"),operation_1=require("../../recoil/operation");function getFields(e){var t;if(!e)return[];const{activeOneOf:s}=(0,nexus_1.getRecoil)((0,operation_1.operationStore)(e.deps.operation.pointer));if(e.oneOf){const o=null!==(t=s[e.pointer])&&void 0!==t?t:0;return getFields(e.oneOf[o])}return e.items?getFields(e.items):e.fields||[]}function expandDeep(e,t){if(e)for(const s of e){const e=t.find((e=>e.name===s));if(!e)break;t=getFields(e.schema)}}function enhanceResults(e,t){const s={};e.forEach((({meta:e,score:o})=>{const n=e.menuId,a=s[n];if(o=e.boost?o*e.boost:o,a){if(a.score=Math.max(o,a.score),e.place&&a.count++,e.place){const t=a.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var s;return(t&&t.join("->"))===(null===(s=e.path)||void 0===s?void 0:s.join("->"))}))||t.paths.push(e.path):a.places.push({place:e.place,paths:[e.path]})}}else s[n]={item:t(n),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:o,count:e.place?1:0}}));const o=Object.keys(s).map((e=>s[e]));return o.forEach(((e,t)=>e.index=t)),o.sort(((e,t)=>t.score-e.score)),o}function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function expandResults(e){var t,s;for(const o of e.places)if("request fields"===o.place){const s=e.item.requestBody,n=getFields(s&&s.content&&(null===(t=(0,models_1.getActiveMediaType)(s.content))||void 0===t?void 0:t.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),n)}}else if(o.place.startsWith("response ")){const t=o.place.split(" ")[1],n=e.item.responses.find((e=>e.code===t));n&&(n.expanded=!0);const a=getFields(n&&n.content&&(null===(s=(0,models_1.getActiveMediaType)(n.content))||void 0===s?void 0:s.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),a)}}}exports.getFields=getFields,exports.expandDeep=expandDeep,exports.enhanceResults=enhanceResults,exports.formatPlaces=formatPlaces,exports.formatPath=formatPath,exports.expandResults=expandResults;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.expandResults=exports.formatPath=exports.formatPlaces=exports.enhanceResults=exports.expandDeep=exports.getFields=void 0;const nexus_1=require("../../jotai/nexus"),models_1=require("../../models"),operation_1=require("../../jotai/operation");function getFields(e){var t;if(!e)return[];const{activeOneOf:s}=(0,nexus_1.readAtom)((0,operation_1.operationStore)(e.deps.operation.pointer));if(e.oneOf){const o=null!==(t=s[e.pointer])&&void 0!==t?t:0;return getFields(e.oneOf[o])}return e.items?getFields(e.items):e.fields||[]}function expandDeep(e,t){if(e)for(const s of e){const e=t.find((e=>e.name===s));if(!e)break;t=getFields(e.schema)}}function enhanceResults(e,t){const s={};e.forEach((({meta:e,score:o})=>{const n=e.menuId,a=s[n];if(o=e.boost?o*e.boost:o,a){if(a.score=Math.max(o,a.score),e.place&&a.count++,e.place){const t=a.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var s;return(t&&t.join("->"))===(null===(s=e.path)||void 0===s?void 0:s.join("->"))}))||t.paths.push(e.path):a.places.push({place:e.place,paths:[e.path]})}}else s[n]={item:t(n),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:o,count:e.place?1:0}}));const o=Object.keys(s).map((e=>s[e]));return o.forEach(((e,t)=>e.index=t)),o.sort(((e,t)=>t.score-e.score)),o}function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function expandResults(e){var t,s;for(const o of e.places)if("request fields"===o.place){const s=e.item.requestBody,n=getFields(s&&s.content&&(null===(t=(0,models_1.getActiveMediaType)(s.content))||void 0===t?void 0:t.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),n)}}else if(o.place.startsWith("response ")){const t=o.place.split(" ")[1],n=e.item.responses.find((e=>e.code===t));n&&(n.expanded=!0);const a=getFields(n&&n.content&&(null===(s=(0,models_1.getActiveMediaType)(n.content))||void 0===s?void 0:s.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),a)}}}exports.getFields=getFields,exports.expandDeep=expandDeep,exports.enhanceResults=enhanceResults,exports.formatPlaces=formatPlaces,exports.formatPath=formatPath,exports.expandResults=expandResults;
 //# sourceMappingURL=utils.js.map

package/lib/components/SectionContent/SectionContent.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),ContentItem_1=require("../ContentItem"),services_1=require("../../services"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../recoil/store"),RenderHook_1=require("../RenderHook");function SectionContent({items:e,pagination:t,nextSectionLink:r,showNextButton:n,hideFooterAndHeader:o}){const a=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),{hooks:{MiddlePanelHeader:i}}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),l=(0,react_1.useMemo)((()=>o?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:n,pagination:t,nextSectionLink:r}))),[r,t,n,o]),c=(0,react_1.useMemo)((()=>o||!theme_1.OpenApiHeader&&!i?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,i?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:i,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[i,o]);return 0===a.length?null:react_1.default.createElement(react_1.default.Fragment,null,c,a.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}))),l)}exports.SectionContent=SectionContent;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),ContentItem_1=require("../ContentItem"),services_1=require("../../services"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function SectionContent({items:e,pagination:t,nextSectionLink:r,showNextButton:n,hideFooterAndHeader:o}){const a=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),{hooks:{MiddlePanelHeader:i}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),l=(0,react_1.useMemo)((()=>o?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:n,pagination:t,nextSectionLink:r}))),[r,t,n,o]),u=(0,react_1.useMemo)((()=>o||!theme_1.OpenApiHeader&&!i?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,i?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:i,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[i,o]);return 0===a.length?null:react_1.default.createElement(react_1.default.Fragment,null,u,a.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}))),l)}exports.SectionContent=SectionContent;
 //# sourceMappingURL=SectionContent.js.map

package/lib/components/SecurityRequirement/SecurityDefs.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.SecurityDefs=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils"),store_1=require("../../recoil/store"),models_1=require("../../models"),services_1=require("../../services");function SecurityDefs(){const{parser:e,options:t}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),r=(0,models_1.getSecuritySchemes)({parser:e}),a=t.pagination===services_1.Pagination.Item?"section/":"";return react_1.default.createElement(react_1.default.Fragment,null,null==r?void 0:r.map((e=>react_1.default.createElement(common_1.Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:`#${a}${e.sectionId}`}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(theme_1.MarkdownWrapper,null,react_1.default.createElement("div",{className:"security-details"},react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Security Scheme Type: "),react_1.default.createElement("span",null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement("div",null,react_1.default.createElement("b",null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("span",null,e.apiKey.name)):e.http?[react_1.default.createElement("div",{key:"scheme"},react_1.default.createElement("b",null,"HTTP Authorization Scheme "),react_1.default.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement("div",{key:"bearer"},react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Connect URL:"),react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl)):e.flows?Object.keys(e.flows).map((t=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}exports.SecurityDefs=SecurityDefs;const Description=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityDefs=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),models_1=require("../../models"),services_1=require("../../services");function SecurityDefs(){const{parser:e,options:t}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,models_1.getSecuritySchemes)({parser:e}),a=t.pagination===services_1.Pagination.Item?"section/":"";return react_1.default.createElement(react_1.default.Fragment,null,null==r?void 0:r.map((e=>react_1.default.createElement(common_1.Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:`#${a}${e.sectionId}`}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(theme_1.MarkdownWrapper,null,react_1.default.createElement("div",{className:"security-details"},react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Security Scheme Type: "),react_1.default.createElement("span",null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement("div",null,react_1.default.createElement("b",null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("span",null,e.apiKey.name)):e.http?[react_1.default.createElement("div",{key:"scheme"},react_1.default.createElement("b",null,"HTTP Authorization Scheme "),react_1.default.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement("div",{key:"bearer"},react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Connect URL:"),react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl)):e.flows?Object.keys(e.flows).map((t=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}exports.SecurityDefs=SecurityDefs;const Description=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

package/lib/components/SecurityRequirement/SecurityRequirement.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),icons_1=require("../icons"),styled_1=require("./styled"),constants_1=require("./constants"),services_1=require("../../services"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../recoil/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,t){const r=[];let a=t.length;for(;a--;){const n=t[a];let l=n.schemes.length;for(;l--;){const t=n.schemes[l];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:a,hideSecuritySection:n},parser:l}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),c=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:l,securities:e});return!e.length||n?null:react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:(0,services_1.l)("authorizations"),onToggle:e=>r(e),description:!t&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:a}),expanded:t},t&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,l,c="";return e.length>1&&t.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",n=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},l,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:a}),c,n)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,react_1.default.createElement(icons_1.LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(theme_1.MarkdownWrapper,{key:t.id},t.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(t.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,t.apiKey.name)),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,t.http.scheme)),react_1.default.createElement(styled_1.Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("code",null,t.http.bearerFormat))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Connect URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,flow:t.flows[e]},react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})))):null))})):null)}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),icons_1=require("../icons"),styled_1=require("./styled"),constants_1=require("./constants"),services_1=require("../../services"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../jotai/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,t){const r=[];let a=t.length;for(;a--;){const n=t[a];let l=n.schemes.length;for(;l--;){const t=n.schemes[l];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:a,hideSecuritySection:n},parser:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:l,securities:e});return!e.length||n?null:react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:(0,services_1.l)("authorizations"),onToggle:e=>r(e),description:!t&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:a}),expanded:t},t&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,l,c="";return e.length>1&&t.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",n=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},l,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:a}),c,n)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,react_1.default.createElement(icons_1.LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(theme_1.MarkdownWrapper,{key:t.id},t.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(t.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,t.apiKey.name)),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,t.http.scheme)),react_1.default.createElement(styled_1.Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("code",null,t.http.bearerFormat))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Connect URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,flow:t.flows[e]},react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})))):null))})):null)}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=styled_components_1.default.div`
   border-bottom: 1px solid var(--border-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

package/lib/components/SideMenu/Actions.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.Actions=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[o,a]=(0,recoil_1.useRecoilState)(app_1.layoutSelector),[l,r]=(0,recoil_1.useRecoilState)(app_1.showRightPanelToggleSelector),[i,c]=(0,recoil_1.useRecoilState)(app_1.collapsedSidebarSelector);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(theme_1.SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:l,layout:o,initialShowRightPanelToggle:t,onChangeRightPanelViewClick:()=>r((e=>!e)),onChangeViewClick:()=>a(o===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:i,onChangeCollapseSidebarClick:()=>c((e=>!e)),isOpenapiDocs:!0})))};exports.Actions=Actions;const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Actions=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:t}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[o,a]=(0,jotai_1.useAtom)(app_1.layoutAtom),[i,r]=(0,jotai_1.useAtom)(app_1.showRightPanelToggleAtom),[l,n]=(0,jotai_1.useAtom)(app_1.collapsedSidebarAtom);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(theme_1.SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:i,layout:o,initialShowRightPanelToggle:t,onChangeRightPanelViewClick:()=>r(!i),onChangeViewClick:()=>a(o===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:l,onChangeCollapseSidebarClick:()=>n(!l),isOpenapiDocs:!0})))};exports.Actions=Actions;const Wrapper=styled_components_1.default.div`
   position: sticky;
   top: calc(100vh);
 `;

package/lib/components/SideMenu/MenuItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItems=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),store_1=require("../../recoil/store"),services_1=require("../../services"),helpers_1=require("../ContentItems/helpers");function MenuItemsComponents({items:e,root:t,className:r,linksBefore:n=[],linksAfter:i=[],expanded:a=!0,style:o}){const{pagination:l,hideInfoSection:u}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return react_1.default.createElement(styled_1.MenuItemUl,{className:r,style:o,expanded:a,role:t?"navigation":void 0},n.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>u&&l===services_1.Pagination.None&&(0,helpers_1.isRootItem)(e)?null:react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e,pagination:l}))),i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
+"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.MenuItems=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),store_1=require("../../jotai/store"),services_1=require("../../services"),helpers_1=require("../ContentItems/helpers");function MenuItemsComponents({items:e,root:t,className:n,linksBefore:r=[],linksAfter:i=[],expanded:a=!0,style:o}){const{pagination:u,hideInfoSection:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return react_1.default.createElement(styled_1.MenuItemUl,{className:n,style:o,expanded:a,role:t?"navigation":void 0},r.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>l&&u===services_1.Pagination.None&&(0,helpers_1.isRootItem)(e)?null:react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e,pagination:u}))),i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map

package/lib/components/SideMenu/MenuOperationItemContent.js

@@ -1,8 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuOperationItemContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("@redocly/recoil"),styled_1=require("./styled"),MenuItemLink_1=require("./MenuItemLink"),services_1=require("../../services"),utils_1=require("../../utils"),store_1=require("../../recoil/store"),MenuItemOperationLink=(0,styled_components_1.default)(MenuItemLink_1.MenuItemLink)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuOperationItemContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),styled_1=require("./styled"),MenuItemLink_1=require("./MenuItemLink"),services_1=require("../../services"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),MenuItemOperationLink=(0,styled_components_1.default)(MenuItemLink_1.MenuItemLink)`
   flex-wrap: wrap;
 `,MenuItemDescription=styled_components_1.default.small`
   display: block;
   font-size: 0.87em;
   line-height: 1.2;
-`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return a!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=a===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),o=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?react_1.default.createElement(theme_1.HttpTag,{color:"hook"},l?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.HttpTag,{color:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},i,r),o)}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
+`;function MenuOperationItemContentComponent({item:e,to:t,children:r,active:n}){let i,o;const{sideNavStyle:a,showWebhookVerb:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return a!==services_1.SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(i=a===services_1.SideNavStyle.IdOnly?e.operationId||e.path:e.name,o=null):(i=react_1.default.createElement(styled_1.MenuItemPath,{title:e.path}," ",e.path," "),o=react_1.default.createElement(MenuItemDescription,null," ",e.name," ")),react_1.default.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?react_1.default.createElement(theme_1.HttpTag,{color:"hook"},l?e.httpVerb:(0,services_1.l)("webhook")):react_1.default.createElement(theme_1.HttpTag,{color:e.httpVerb},(0,utils_1.shortenHTTPVerb)(e.httpVerb)),react_1.default.createElement(styled_1.MenuItemTitle,{width:"calc(100% - 42px)"},i,r),o)}exports.MenuOperationItemContent=(0,react_1.memo)(MenuOperationItemContentComponent);
 //# sourceMappingURL=MenuOperationItemContent.js.map

package/lib/components/SideMenu/SideMenu.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SideMenu=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),common_1=require("../common"),store_1=require("../../recoil/store"),hooks_1=require("./hooks"),SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:r,whiteLabel:o,pagination:n}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=(0,react_1.useRef)(),a=(0,hooks_1.useMenuItems)({items:e,pagination:n});return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{i.current=e},className:t,options:{wheelPropagation:!1}},react_1.default.createElement(MenuItems_1.MenuItems,{items:a,root:!0,linksBefore:null==r?void 0:r.beforeInfo,linksAfter:null==r?void 0:r.end}),o&&react_1.default.createElement(styled_1.RedocAttribution,null,react_1.default.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SideMenu=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),common_1=require("../common"),store_1=require("../../jotai/store"),hooks_1=require("./hooks"),SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:r,whiteLabel:o,pagination:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,react_1.useRef)(),a=(0,hooks_1.useMenuItems)({items:e,pagination:n});return react_1.default.createElement(common_1.PerfectScrollbarWrap,{updateFn:e=>{i.current=e},className:t,options:{wheelPropagation:!1}},react_1.default.createElement(MenuItems_1.MenuItems,{items:a,root:!0,linksBefore:null==r?void 0:r.beforeInfo,linksAfter:null==r?void 0:r.end}),o&&react_1.default.createElement(styled_1.RedocAttribution,null,react_1.default.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};exports.SideMenu=(0,react_1.memo)(SideMenuComponent);
 //# sourceMappingURL=SideMenu.js.map

package/lib/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),app_1=require("../../recoil/app"),Actions_1=require("../SideMenu/Actions");let Stickyfill;utils_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;const react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils"),app_1=require("../../jotai/app"),Actions_1=require("../SideMenu/Actions");let Stickyfill;utils_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
@@ -35,5 +35,5 @@
       display: none;
     }
   `}
-`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:r,collapsedSidebar:o}){const[a,l]=(0,react_1.useState)("0px"),n=(0,react_1.useRef)(null),c=(0,react_router_dom_1.useLocation)(),[s,d]=(0,recoil_1.useRecoilState)(app_1.isSidebarOpenedSelector);(0,react_1.useEffect)((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(n.current);const t=e();l(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(n.current)}));return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(StyledStickySidebar,{open:s,className:i,offsetTop:a,style:{top:a},ref:n,collapsedSidebar:o},o||s?r:null,react_1.default.createElement(Actions_1.Actions,null)),!t&&react_1.default.createElement(FloatingButton,{opened:s,onClick:()=>{d(!s)}},react_1.default.createElement(theme_1.MobileSidebarIcon,null)))}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:r,collapsedSidebar:o}){const[a,n]=(0,react_1.useState)("0px"),l=(0,react_1.useRef)(null),c=(0,react_router_dom_1.useLocation)(),[s,d]=(0,jotai_1.useAtom)(app_1.isSidebarOpenedAtom);(0,react_1.useEffect)((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),(0,theme_1.useMount)((()=>{stickyfill&&stickyfill.add(l.current);const t=e();n(`${t}px`)})),(0,theme_1.useUnmount)((()=>{stickyfill&&stickyfill.remove(l.current)}));return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(StyledStickySidebar,{open:s,className:i,offsetTop:a,style:{top:a},ref:l,collapsedSidebar:o},o||s?r:null,react_1.default.createElement(Actions_1.Actions,null)),!t&&react_1.default.createElement(FloatingButton,{opened:s,onClick:()=>{d(!s)}},react_1.default.createElement(theme_1.MobileSidebarIcon,null)))}exports.StickyResponsiveSidebar=(0,react_1.memo)(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabs.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}: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},__rest=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),CollapsingTabsBase_1=require("./CollapsingTabsBase"),operation_1=require("../../../recoil/operation");function getActiveIndexFromOperation(e,t,n){var r;if(!t)return-1;if("number"==typeof n&&n>0){return hasActiveExampleName(null===(r=e[n])||void 0===r?void 0:r.content,t)?n:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,n=__rest(e,["children"]);const{operation:{pointer:r,responses:o},tabs:i}=n,[a,s]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(r)),[l,c]=(0,react_1.useState)(0);function u(e){s((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}(0,react_1.useEffect)((()=>{const e=i.findIndex((e=>e.title===(null==a?void 0:a.activeResponseTab)));c(e)}),[i,null==a?void 0:a.activeResponseTab,c]);const p=null==a?void 0:a.activeExampleName;(0,react_1.useEffect)((()=>{const e=getActiveIndexFromOperation(o,p,l);e>-1&&i[e]&&(c(e),u(i[e].title))}),[p]);const _=(0,react_1.useCallback)((e=>{l!==e&&(c(e),u(i[e].title))}),[l]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,Object.assign({},n,{activeIndex:l,onChange:_}),t)}exports.CollapsingTabs=(0,react_1.memo)(CollapsingTabsComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}: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},__rest=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),CollapsingTabsBase_1=require("./CollapsingTabsBase"),operation_1=require("../../../jotai/operation");function getActiveIndexFromOperation(e,t,n){var r;if(!t)return-1;if("number"==typeof n&&n>0){return hasActiveExampleName(null===(r=e[n])||void 0===r?void 0:r.content,t)?n:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,n=__rest(e,["children"]);const{operation:{pointer:r,responses:a},tabs:o}=n,[i,s]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(r)),[l,c]=(0,react_1.useState)(0);function u(e){s((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}(0,react_1.useEffect)((()=>{const e=o.findIndex((e=>e.title===(null==i?void 0:i.activeResponseTab)));c(e)}),[o,null==i?void 0:i.activeResponseTab,c]);const p=null==i?void 0:i.activeExampleName;(0,react_1.useEffect)((()=>{const e=getActiveIndexFromOperation(a,p,l);e>-1&&o[e]&&(c(e),u(o[e].title))}),[p]);const _=(0,react_1.useCallback)((e=>{l!==e&&(c(e),u(o[e].title))}),[l]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,Object.assign({},n,{activeIndex:l,onChange:_}),t)}exports.CollapsingTabs=(0,react_1.memo)(CollapsingTabsComponent);
 //# sourceMappingURL=CollapsingTabs.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;const react_1=__importStar(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("@redocly/recoil"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),store_1=require("../../../recoil/store");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:r,onChange:l}){const{samplesTabsMaxCount:o}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),i=(0,react_1.useMemo)((()=>e.slice(o).map((({title:e},t)=>({idx:t,value:e})))),[e,o]),n=`${i.length} more`,[s,c]=(0,react_1.useState)(n),u=(0,react_1.useCallback)((()=>{var t;const a=r>=o;s!==n&&s===e[r].title||!a?s===n||a||c(n):c(null===(t=e[r])||void 0===t?void 0:t.title)}),[r,o,s,n,e]);(0,react_1.useEffect)((()=>{setTimeout(u,0)}),[r,o,u]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:l},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:null==e?void 0:e.key,disabled:t>=o},null==e?void 0:e.title))),i.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:i,onChange:e=>{l(o+e.idx)},placeholder:n,value:s,active:r>=o}):null),t)}exports.CollapsingTabsBase=(0,react_1.memo)(CollapsingTabsBaseComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__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 a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;const react_1=__importStar(require("react")),react_tabs_1=require("react-tabs"),jotai_1=require("jotai"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),store_1=require("../../../jotai/store");function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:o,onChange:r}){const{samplesTabsMaxCount:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,react_1.useMemo)((()=>e.slice(l).map((({title:e},t)=>({idx:t,value:e})))),[e,l]),n=`${i.length} more`,[s,u]=(0,react_1.useState)(n),c=(0,react_1.useCallback)((()=>{var t;const a=o>=l;s!==n&&s===e[o].title||!a?s===n||a||u(n):u(null===(t=e[o])||void 0===t?void 0:t.title)}),[o,l,s,n,e]);(0,react_1.useEffect)((()=>{setTimeout(c,0)}),[o,l,c]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:o,onSelect:r},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:a},e.map(((e,t)=>react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:null==e?void 0:e.key,disabled:t>=l},null==e?void 0:e.title))),i.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:i,onChange:e=>{r(l+e.idx)},placeholder:n,value:s,active:o>=l}):null),t)}exports.CollapsingTabsBase=(0,react_1.memo)(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/TagItems/TagItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItems=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),services_1=require("../../services"),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),SectionContent_1=require("../SectionContent"),store_1=require("../../recoil/store"),RenderHook_1=require("../RenderHook");function TagItems({tag:e,nextSectionLink:t,pagination:r,showNextButton:n}){const{hooks:{MiddlePanelHeader:o}}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),a=(0,react_1.useMemo)((()=>{const e=react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:n,pagination:r,nextSectionLink:t});return e?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,e):null}),[t,r,n]),i=(0,react_1.useMemo)((()=>theme_1.OpenApiHeader||o?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,o?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:o,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null)):null),[o]);return react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,withChildren:r!==services_1.Pagination.Item}),r===services_1.Pagination.Item&&react_1.default.createElement(SectionContent_1.SectionContent,{hideFooterAndHeader:!0,items:e.items||[],pagination:r,showNextButton:!1}),a)}exports.TagItems=TagItems;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagItems=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),SectionContent_1=require("../SectionContent"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function TagItems({tag:e,nextSectionLink:t,pagination:r,showNextButton:n}){const{hooks:{MiddlePanelHeader:o}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),a=(0,react_1.useMemo)((()=>{const e=react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:n,pagination:r,nextSectionLink:t});return e?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,e):null}),[t,r,n]),i=(0,react_1.useMemo)((()=>theme_1.OpenApiHeader||o?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,o?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:o,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null)):null),[o]);return react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,withChildren:r!==services_1.Pagination.Item}),r===services_1.Pagination.Item&&react_1.default.createElement(SectionContent_1.SectionContent,{hideFooterAndHeader:!0,items:e.items||[],pagination:r,showNextButton:!1}),a)}exports.TagItems=TagItems;
 //# sourceMappingURL=TagItems.js.map

package/lib/components/VersionSwitcher.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DropdownOption } from './common/Dropdown';
-import type { OpenAPIDefinitionVersion } from '../recoil/store';
+import type { OpenAPIDefinitionVersion } from '../jotai/store';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;
     versions: OpenAPIDefinitionVersion[];

package/lib/components/common/linkify.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.ShareLink=exports.StyledShareLink=exports.Link=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),store_1=require("../../recoil/store");function Link(e){var t;const{routingBasePath:r,hooks:i,onDeepLinkClick:o}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),n=e.security?null===(t=null==i?void 0:i.replaceSecurityLink)||void 0===t?void 0:t.call(i,{securityRequirementId:e.to}):e.to,l=o&&{onClick:e=>{e.preventDefault(),o(r+n)}};return n?react_1.default.createElement(react_router_dom_1.Link,Object.assign({id:e.id,className:e.className||"",to:(null==n?void 0:n.startsWith("#"))?n:r+n},l),e.children):e.children?react_1.default.createElement("span",{className:e.className}," ",e.children," "):null}function ShareLink(e){return react_1.default.createElement(exports.StyledShareLink,Object.assign({},e),react_1.default.createElement(theme_1.AnchorIcon,null))}exports.Link=Link,exports.StyledShareLink=(0,styled_components_1.default)(Link)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLink=exports.StyledShareLink=exports.Link=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),store_1=require("../../jotai/store");function Link(e){var t;const{routingBasePath:r,hooks:i,onDeepLinkClick:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),a=e.security?null===(t=null==i?void 0:i.replaceSecurityLink)||void 0===t?void 0:t.call(i,{securityRequirementId:e.to}):e.to,n=o&&{onClick:e=>{e.preventDefault(),o(r+a)}};return a?react_1.default.createElement(react_router_dom_1.Link,Object.assign({id:e.id,className:e.className||"",to:(null==a?void 0:a.startsWith("#"))?a:r+a},n),e.children):e.children?react_1.default.createElement("span",{className:e.className}," ",e.children," "):null}function ShareLink(e){return react_1.default.createElement(exports.StyledShareLink,Object.assign({},e),react_1.default.createElement(theme_1.AnchorIcon,null))}exports.Link=Link,exports.StyledShareLink=(0,styled_components_1.default)(Link)`
   position: absolute;
   transform: translateX(-100%);
   padding-right: var(--heading-anchor-offset-right);

package/lib/components/common/perfect-scrollbar.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=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 l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PerfectScrollbarWrap=exports.PerfectScrollbar=void 0;const styled_components_1=__importStar(require("styled-components")),PerfectScrollbarNamespace=__importStar(require("perfect-scrollbar")),react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),utils_1=require("../../utils"),store_1=require("../../recoil/store");let psStyles="";utils_1.IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=styled_components_1.createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,l)}: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 l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PerfectScrollbarWrap=exports.PerfectScrollbar=void 0;const styled_components_1=__importStar(require("styled-components")),PerfectScrollbarNamespace=__importStar(require("perfect-scrollbar")),react_1=__importStar(require("react")),jotai_1=require("jotai"),utils_1=require("../../utils"),store_1=require("../../jotai/store");let psStyles="";utils_1.IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=styled_components_1.createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled_components_1.default.div`
   position: relative;
-`;class PerfectScrollbar extends react_1.Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),react_1.default.createElement(react_1.default.Fragment,null,psStyles&&react_1.default.createElement(PSStyling,null),react_1.default.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return l?react_1.default.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):react_1.default.createElement(PerfectScrollbar,Object.assign({},r),t)}exports.PerfectScrollbar=PerfectScrollbar,exports.PerfectScrollbarWrap=PerfectScrollbarWrap;
+`;class PerfectScrollbar extends react_1.Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),react_1.default.createElement(react_1.default.Fragment,null,psStyles&&react_1.default.createElement(PSStyling,null),react_1.default.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);const{nativeScrollbars:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return o?react_1.default.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):react_1.default.createElement(PerfectScrollbar,Object.assign({},r),t)}exports.PerfectScrollbar=PerfectScrollbar,exports.PerfectScrollbarWrap=PerfectScrollbarWrap;
 //# sourceMappingURL=perfect-scrollbar.js.map

package/lib/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocExample=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../recoil/store"),app_1=require("../../recoil/app"),RedocExample=({pointer:e,mimeType:r,encoding:o})=>{const{parser:l}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),t=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),a=(0,models_1.getExamples)({parser:l,infoOrRef:{$ref:e},mime:r,encoding:o});return react_1.default.createElement(common_1.Row,{layout:t},react_1.default.createElement(styled_components_1.ExamplesWrap,null,react_1.default.createElement(PayloadSamples_1.Example,{example:a,mimeType:r})))};exports.RedocExample=RedocExample;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocExample=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../jotai/store"),app_1=require("../../jotai/app"),RedocExample=({pointer:e,mimeType:t,encoding:o})=>{const{parser:a}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=(0,models_1.getExamples)({parser:a,infoOrRef:{$ref:e},mime:t,encoding:o});return react_1.default.createElement(common_1.Row,{layout:r},react_1.default.createElement(styled_components_1.ExamplesWrap,null,react_1.default.createElement(PayloadSamples_1.Example,{example:l,mimeType:t})))};exports.RedocExample=RedocExample;
 //# sourceMappingURL=RedocExample.js.map

package/lib/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),store_1=require("../../recoil/store"),app_1=require("../..//recoil/app"),RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:r,parser:o}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),a=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),l=(0,models_1.getOperation)(o,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,r,""),{content:s,description:n,required:c}=(0,models_1.getRequestBody)({parser:o,infoOrRef:{$ref:e},options:r,operation:l})||{},u=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:a},react_1.default.createElement(u,null,s&&react_1.default.createElement(Parameters_1.BodyContent,{content:s,description:n,required:c})),!t&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,s&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:s})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),store_1=require("../../jotai/store"),app_1=require("../../jotai/app"),RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),a=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),{content:s,description:n,required:m}=(0,models_1.getRequestBody)({parser:r,infoOrRef:{$ref:e},options:o,operation:l})||{},u=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:a},react_1.default.createElement(u,null,s&&react_1.default.createElement(Parameters_1.BodyContent,{content:s,description:n,required:m})),!t&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,s&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:s})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Responses_1=require("../Responses"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../recoil/store"),app_1=require("../../recoil/app"),RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),s=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),l=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),a=(0,models_1.getResponse)({parser:r,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:l});a.description=a.summary;const n=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:s},react_1.default.createElement(n,{style:{paddingBottom:"20px"}},react_1.default.createElement(Responses_1.ResponseDetails,{response:a})),!t&&a.content&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:a.content})))||react_1.default.createElement("span",null))};exports.RedocResponse=RedocResponse;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Responses_1=require("../Responses"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../jotai/store"),app_1=require("../../jotai/app"),RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),s=(0,jotai_1.useAtomValue)(app_1.layoutAtom),r=(0,models_1.getOperation)(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),l=(0,models_1.getResponse)({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:r});l.description=l.summary;const n=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:s},react_1.default.createElement(n,{style:{paddingBottom:"20px"}},react_1.default.createElement(Responses_1.ResponseDetails,{response:l})),!t&&l.content&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:l.content})))||react_1.default.createElement("span",null))};exports.RedocResponse=RedocResponse;
 //# sourceMappingURL=RedocResponse.js.map

package/lib/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;const react_1=__importDefault(require("react")),recoil_1=require("@redocly/recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Schema_1=require("../Schema"),store_1=require("../../recoil/store"),RedocSchema=({pointer:e,schema:r})=>{const{options:o,parser:t}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),c=r||{$ref:e},a=(0,models_1.getSchema)({parser:t,schemaOrRef:c,pointer:e||"",options:o,deps:{operation:{pointer:"RedocSchema"}}});return react_1.default.createElement(common_1.Row,null,react_1.default.createElement(styled_components_1.FullWidthPanel,null,react_1.default.createElement(Schema_1.Schema,{schema:a})))};exports.RedocSchema=RedocSchema;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Schema_1=require("../Schema"),store_1=require("../../jotai/store"),RedocSchema=({pointer:e,schema:t})=>{const{options:o,parser:r}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),a=t||{$ref:e},c=(0,models_1.getSchema)({parser:r,schemaOrRef:a,pointer:e||"",options:o,deps:{operation:{pointer:"RedocSchema"}}});return react_1.default.createElement(common_1.Row,null,react_1.default.createElement(styled_components_1.FullWidthPanel,null,react_1.default.createElement(Schema_1.Schema,{schema:c})))};exports.RedocSchema=RedocSchema;
 //# sourceMappingURL=RedocSchema.js.map

package/lib/components/rightPanel/AuthPanel/AuthPanel.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),styled_1=require("../styled"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),OpenIDConnect_1=require("../OpenIDConnect"),utils_2=require("../utils"),OAuth2Flow_1=require("../OAuth2Flow"),services_1=require("../../../services"),OAuth2TokenInput_1=__importDefault(require("../OAuth2TokenInput")),store_1=require("../../../recoil/store"),AuthPanel=({securityDefaults:e,operation:t,activeServer:l,authCorsProxyUrl:r,form:a,formApi:i})=>{var o,n;const[u,s]=(0,react_1.useState)(0),{parser:d}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector);(0,react_1.useEffect)((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),l=(0,utils_1.fromSessionStorage)("securityRequirementName"),r=e.findIndex((e=>e===l));s(r<0?0:r)}),[t]);const c=t.security,f=c.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===f.length)return react_1.default.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"});const m=c[u],_=(0,utils_1.escapeFormId)(m.schemes[0].id);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(form_1.FormWrapper,null,f.length>1&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Security scheme: "),react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",fullWidth:!0,options:f,value:f[u].value,onChange:e=>{s(e.idx),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}))||null,react_1.default.createElement(theme_1.TryItSecurityApps,{apiId:null===(n=null===(o=null==d?void 0:d.definition.info)||void 0===o?void 0:o["x-metadata"])||void 0===n?void 0:n.apiId,value:i.getValue(`auth.${_}`),onChange:e=>{i.setValue(`auth.${_}`,e)}}),c[u].schemes.map((t=>{var o,n,u,s,d,c,f;const m=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){const l=(0,utils_1.getSecurityDetailsOptions)(m,""),r={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,null," ",t.name,": "),l?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},r,{options:l})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},r,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,"username"),l={field:`auth.${m}.username`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(o=null==e?void 0:e[m])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(n=null==e?void 0:e[m])||void 0===n?void 0:n.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicUsername"),": "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{panel:"try-it"}))),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicPassword"),": "),react_1.default.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${m}.password`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.password`)||(null===(u=null==e?void 0:e[m])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,""),l={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Bearer Token: "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return react_1.default.createElement(OAuth2TokenInput_1.default,{key:m,flow:t.flows.clientCredentials,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(d=null===(s=null==t?void 0:t.flows)||void 0===s?void 0:s.implicit)||void 0===d?void 0:d.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(c=t.flows.authorizationCode)||void 0===c?void 0:c.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type){let t=(0,utils_1.fromSessionStorage)(`auth.${m}.token`)||JSON.stringify(null===(f=null==e?void 0:e[m])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token Type: "),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${m}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${m}.token.access_token`,validate:utils_2.requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return react_1.default.createElement(OpenIDConnect_1.OpenIDConnect,{key:m,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]})}}))),react_1.default.createElement("small",null,react_1.default.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};exports.AuthPanel=AuthPanel;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),styled_1=require("../styled"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),OpenIDConnect_1=require("../OpenIDConnect"),utils_2=require("../utils"),OAuth2Flow_1=require("../OAuth2Flow"),services_1=require("../../../services"),OAuth2TokenInput_1=__importDefault(require("../OAuth2TokenInput")),store_1=require("../../../jotai/store"),AuthPanel=({securityDefaults:e,operation:t,activeServer:l,authCorsProxyUrl:r,form:a,formApi:i})=>{var o,n;const[u,s]=(0,react_1.useState)(0),{parser:d}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom);(0,react_1.useEffect)((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),l=(0,utils_1.fromSessionStorage)("securityRequirementName"),r=e.findIndex((e=>e===l));s(r<0?0:r)}),[t]);const c=t.security,f=c.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===f.length)return react_1.default.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"});const m=c[u],_=(0,utils_1.escapeFormId)(m.schemes[0].id);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(form_1.FormWrapper,null,f.length>1&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Security scheme: "),react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",fullWidth:!0,options:f,value:f[u].value,onChange:e=>{s(e.idx),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}))||null,react_1.default.createElement(theme_1.TryItSecurityApps,{apiId:null===(n=null===(o=null==d?void 0:d.definition.info)||void 0===o?void 0:o["x-metadata"])||void 0===n?void 0:n.apiId,value:i.getValue(`auth.${_}`),onChange:e=>{i.setValue(`auth.${_}`,e)}}),c[u].schemes.map((t=>{var o,n,u,s,d,c,f;const m=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){const l=(0,utils_1.getSecurityDetailsOptions)(m,""),r={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,null," ",t.name,": "),l?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},r,{options:l})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},r,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,"username"),l={field:`auth.${m}.username`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(o=null==e?void 0:e[m])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(n=null==e?void 0:e[m])||void 0===n?void 0:n.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicUsername"),": "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{panel:"try-it"}))),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicPassword"),": "),react_1.default.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${m}.password`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.password`)||(null===(u=null==e?void 0:e[m])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,""),l={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Bearer Token: "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return react_1.default.createElement(OAuth2TokenInput_1.default,{key:m,flow:t.flows.clientCredentials,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(d=null===(s=null==t?void 0:t.flows)||void 0===s?void 0:s.implicit)||void 0===d?void 0:d.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(c=t.flows.authorizationCode)||void 0===c?void 0:c.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type){let t=(0,utils_1.fromSessionStorage)(`auth.${m}.token`)||JSON.stringify(null===(f=null==e?void 0:e[m])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token Type: "),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${m}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${m}.token.access_token`,validate:utils_2.requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return react_1.default.createElement(OpenIDConnect_1.OpenIDConnect,{key:m,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]})}}))),react_1.default.createElement("small",null,react_1.default.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};exports.AuthPanel=AuthPanel;
 //# sourceMappingURL=AuthPanel.js.map

package/lib/components/rightPanel/Console/Console.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,s)}: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},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(s,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function i(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,i)}l((o=o.apply(e,t||[])).next())}))},__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 s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(r[o[s]]=e[o[s]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const index_1=require("swagger-client/es/execute/index"),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),shallowCopyForTryIt_1=require("./shallowCopyForTryIt"),string_1=require("../../../utils/string"),Panel_1=require("../../Panel"),helper_1=require("../../common/FileUpload/helper"),events_1=require("../../../events"),utils_1=require("../utils"),ResponsePanel_1=require("../ResponsePanel"),ConsoleTabs_1=require("../ConsoleTabs"),ActionPanel_1=require("../ActionPanel"),Request_1=require("./Request"),styled_1=require("../styled"),ConsoleWrapper_1=require("./ConsoleWrapper"),hooks_1=require("../../../hooks"),store_1=require("../../../recoil/store"),models_1=require("../../../models"),operation_1=require("../../../recoil/operation");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:r,rootElement:o,properties:s,mergeExampleBody:n,securityDefaults:a,onClose:i}){let l=(0,react_1.useRef)();const[c,u]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(e.pointer)),[d,p]=(0,react_1.useState)(c.activeServer||e.activeServer),[_,v]=(0,react_1.useState)(0),[y,h]=(0,react_1.useState)(!1),[m,b]=(0,react_1.useState)(!1),[f,g]=(0,react_1.useState)({values:{path:(0,utils_1.getParameters)(e.parameters,"path"),cookie:(0,utils_1.getParameters)(e.parameters,"cookie"),header:(0,utils_1.getParameters)(e.parameters,"header"),query:(0,utils_1.getParameters)(e.parameters,"query")}}),[O,j]=(0,react_1.useState)(),[S,q]=(0,react_1.useState)(),[C,P]=(0,react_1.useState)(),[w,I]=(0,react_1.useState)(),T=(0,hooks_1.usePrevious)(e),{parser:x,options:E}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),R=(0,react_1.useCallback)(((e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);l.current=e,setTimeout((()=>{g(Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_1.unescapeQueryParams)(r.query||{})})}))}),0)}),[]),k=(0,react_1.useCallback)((e=>{var{values:t}=e,r=__rest(e,["values"]);const o=Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},t),{query:(0,utils_1.unescapeQueryParams)(t.query||{})})});u((e=>Object.assign(Object.assign({},e),{requestValues:JSON.parse(JSON.stringify(t))}))),g(o),(0,utils_1.updateStorage)(o)}),[u]),A=(0,react_1.useCallback)((e=>{v(e)}),[]),F=(0,react_1.useCallback)((e=>{p(e),u((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[u]),B=(0,react_1.useCallback)((()=>__awaiter(this,void 0,void 0,(function*(){var r,o,s,n,a,i,c,u,p,_,y,m,g,j,S,C,w;const{values:T,invalid:x}=(null===(r=null==l?void 0:l.current)||void 0===r?void 0:r.getState())||f||{};if(null===(o=l.current)||void 0===o||o.submitForm(),x)return b(!0),setTimeout((()=>b(!1)),1e3),void(null===(n=null===(s=E.events)||void 0===s?void 0:s.tryItSent)||void 0===n||n.call(s,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:R,requestBody:k}=e,A=k&&k.content&&(null===(a=(0,models_1.getActiveMediaType)(k.content))||void 0===a?void 0:a.name)||"";let F=T.body;if(/json/.test(A))try{F=JSON.parse(F)}catch(e){console.error(e)}h(!0);const B=O,V=(e.httpVerb||"").toLowerCase();if(!R)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const D=R.find((e=>d.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),M=Date.now();let N,U=T.auth;if(T.auth){const e=Object.keys(T.auth)[0],t=(0,string_1.unescapeFormId)(e);N=Object.assign(Object.assign({},B),{components:Object.assign(Object.assign({},null==B?void 0:B.components),{securitySchemes:Object.assign(Object.assign({},null===(i=null==B?void 0:B.components)||void 0===i?void 0:i.securitySchemes),{[t]:Object.assign(Object.assign({},null===(u=null===(c=null==B?void 0:B.components)||void 0===c?void 0:c.securitySchemes)||void 0===u?void 0:u[t]),{type:"openIdConnect"===(null===(y=null===(_=null===(p=null==B?void 0:B.components)||void 0===p?void 0:p.securitySchemes)||void 0===_?void 0:_[t])||void 0===y?void 0:y.type)?"oauth2":(null===(g=null===(m=null==B?void 0:B.components)||void 0===m?void 0:m.securitySchemes)||void 0===g?void 0:g[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else N=Object.assign({},B);N.servers=R;const W=E.corsProxyUrl;W&&R.length&&(N.servers=R.map((e=>Object.assign(Object.assign({},e),{url:W+normalizeUrlProtocol(e.url)}))),N.paths=Object.assign(Object.assign({},N.paths),{[e.path]:Object.assign(Object.assign({},N.paths[e.path]),{[V]:Object.assign(Object.assign({},N.paths[e.path][V]),{servers:void 0}),servers:void 0})}));const z=(null==k?void 0:k.content)&&(null===(j=(0,models_1.getActiveMediaType)(k.content))||void 0===j?void 0:j.name)||null;if(z&&F&&(0,helper_1.isFileUploadMime)(z)){const e=Object.values(F);F=e.length>1?e:e[0]}const H={server:W?W+normalizeUrlProtocol(D.url):D.url,serverVariables:(0,utils_1.getDefaultOrStoredVariables)(D),spec:N,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},T.path),T.query),T.header),T.cookie),securities:{authorized:U},requestBody:F,requestContentType:z,responseContentType:(null===(S=T.header)||void 0===S?void 0:S.Accept)||null,requestInterceptor:(0,utils_1.makeRequestInterceptor)(E,e,null==U?void 0:U.Authorization)};try{const r=yield(0,index_1.execute)(H),o=null==r?void 0:r.data;o instanceof Blob&&((0,helper_1.isFileUploadMime)(o.type)&&(r.fileInfo={rawData:o,fileName:(0,utils_1.getFileNameFromHeaders)(r.headers)}),r.data=yield o.text()),null==t||t({request:H,response:r}),I(r),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:H,response:e.response})),I(void 0),P(e)}finally{h(!1),v(1),q(Date.now()-M),null===(w=null===(C=E.events)||void 0===C?void 0:C.tryItSent)||void 0===w||w.call(C,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[d.url,f,t,e,E,O]);(0,theme_1.useMount)((()=>__awaiter(this,void 0,void 0,(function*(){var t;const r=yield(0,shallowCopyForTryIt_1.dereferenceDefinitionForTryIt)(e,x.definition);j(r),null===(t=l.current)||void 0===t||t.setValues({})})))),(0,react_1.useEffect)((()=>{T&&T!==e&&(I(void 0),P(void 0),v(0))}),[e,T]);const V=!(!w&&!C);return react_1.default.createElement(ConsoleWrapper_1.ConsoleWrapper,{shaking:m,className:r,rootElement:o},react_1.default.createElement(Panel_1.StyledCodeHeader,null,react_1.default.createElement(ConsoleTabs_1.ConsoleTabs,{active:_,hasResponse:V,onChange:A}),i&&react_1.default.createElement(styled_1.CloseButton,{onClick:i}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==_,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:s,mergeExampleBody:n,securityDefaults:a,form:f,resolvedRawSpec:O,server:d,formApi:l.current,setFormApi:R,handleChange:k,handleServerChange:F})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==_,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:w,error:C,time:S})),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:V,params:f.values,operation:e,loading:y,execute:B}))}exports.Console=(0,react_1.memo)(ConsoleComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,s)}: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},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(s,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function i(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,i)}l((o=o.apply(e,t||[])).next())}))},__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 s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(r[o[s]]=e[o[s]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const index_1=require("swagger-client/es/execute/index"),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),shallowCopyForTryIt_1=require("./shallowCopyForTryIt"),string_1=require("../../../utils/string"),Panel_1=require("../../Panel"),helper_1=require("../../common/FileUpload/helper"),events_1=require("../../../events"),utils_1=require("../utils"),ResponsePanel_1=require("../ResponsePanel"),ConsoleTabs_1=require("../ConsoleTabs"),ActionPanel_1=require("../ActionPanel"),Request_1=require("./Request"),styled_1=require("../styled"),ConsoleWrapper_1=require("./ConsoleWrapper"),hooks_1=require("../../../hooks"),store_1=require("../../../jotai/store"),models_1=require("../../../models"),operation_1=require("../../../jotai/operation");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:r,rootElement:o,properties:s,mergeExampleBody:n,securityDefaults:a,onClose:i}){let l=(0,react_1.useRef)();const[u,c]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e.pointer)),[d,p]=(0,react_1.useState)(u.activeServer||e.activeServer),[_,v]=(0,react_1.useState)(0),[y,m]=(0,react_1.useState)(!1),[h,b]=(0,react_1.useState)(!1),[f,g]=(0,react_1.useState)({values:{path:(0,utils_1.getParameters)(e.parameters,"path"),cookie:(0,utils_1.getParameters)(e.parameters,"cookie"),header:(0,utils_1.getParameters)(e.parameters,"header"),query:(0,utils_1.getParameters)(e.parameters,"query")}}),[O,j]=(0,react_1.useState)(),[S,q]=(0,react_1.useState)(),[C,P]=(0,react_1.useState)(),[w,I]=(0,react_1.useState)(),T=(0,hooks_1.usePrevious)(e),{parser:x,options:E}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),A=(0,react_1.useCallback)(((e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);l.current=e,setTimeout((()=>{g(Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_1.unescapeQueryParams)(r.query||{})})}))}),0)}),[]),k=(0,react_1.useCallback)((e=>{var{values:t}=e,r=__rest(e,["values"]);const o=Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},t),{query:(0,utils_1.unescapeQueryParams)(t.query||{})})});c((e=>Object.assign(Object.assign({},e),{requestValues:JSON.parse(JSON.stringify(t))}))),g(o),(0,utils_1.updateStorage)(o)}),[c]),R=(0,react_1.useCallback)((e=>{v(e)}),[]),F=(0,react_1.useCallback)((e=>{p(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),B=(0,react_1.useCallback)((()=>__awaiter(this,void 0,void 0,(function*(){var r,o,s,n,a,i,u,c,p,_,y,h,g,j,S,C,w;const{values:T,invalid:x}=(null===(r=null==l?void 0:l.current)||void 0===r?void 0:r.getState())||f||{};if(null===(o=l.current)||void 0===o||o.submitForm(),x)return b(!0),setTimeout((()=>b(!1)),1e3),void(null===(n=null===(s=E.events)||void 0===s?void 0:s.tryItSent)||void 0===n||n.call(s,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:A,requestBody:k}=e,R=k&&k.content&&(null===(a=(0,models_1.getActiveMediaType)(k.content))||void 0===a?void 0:a.name)||"";let F=T.body;if(/json/.test(R))try{F=JSON.parse(F)}catch(e){console.error(e)}m(!0);const B=O,V=(e.httpVerb||"").toLowerCase();if(!A)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const D=A.find((e=>d.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),M=Date.now();let N,U=T.auth;if(T.auth){const e=Object.keys(T.auth)[0],t=(0,string_1.unescapeFormId)(e);N=Object.assign(Object.assign({},B),{components:Object.assign(Object.assign({},null==B?void 0:B.components),{securitySchemes:Object.assign(Object.assign({},null===(i=null==B?void 0:B.components)||void 0===i?void 0:i.securitySchemes),{[t]:Object.assign(Object.assign({},null===(c=null===(u=null==B?void 0:B.components)||void 0===u?void 0:u.securitySchemes)||void 0===c?void 0:c[t]),{type:"openIdConnect"===(null===(y=null===(_=null===(p=null==B?void 0:B.components)||void 0===p?void 0:p.securitySchemes)||void 0===_?void 0:_[t])||void 0===y?void 0:y.type)?"oauth2":(null===(g=null===(h=null==B?void 0:B.components)||void 0===h?void 0:h.securitySchemes)||void 0===g?void 0:g[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else N=Object.assign({},B);N.servers=A;const W=E.corsProxyUrl;W&&A.length&&(N.servers=A.map((e=>Object.assign(Object.assign({},e),{url:W+normalizeUrlProtocol(e.url)}))),N.paths=Object.assign(Object.assign({},N.paths),{[e.path]:Object.assign(Object.assign({},N.paths[e.path]),{[V]:Object.assign(Object.assign({},N.paths[e.path][V]),{servers:void 0}),servers:void 0})}));const z=(null==k?void 0:k.content)&&(null===(j=(0,models_1.getActiveMediaType)(k.content))||void 0===j?void 0:j.name)||null;if(z&&F&&(0,helper_1.isFileUploadMime)(z)){const e=Object.values(F);F=e.length>1?e:e[0]}const H={server:W?W+normalizeUrlProtocol(D.url):D.url,serverVariables:(0,utils_1.getDefaultOrStoredVariables)(D),spec:N,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},T.path),T.query),T.header),T.cookie),securities:{authorized:U},requestBody:F,requestContentType:z,responseContentType:(null===(S=T.header)||void 0===S?void 0:S.Accept)||null,requestInterceptor:(0,utils_1.makeRequestInterceptor)(E,e,null==U?void 0:U.Authorization)};try{const r=yield(0,index_1.execute)(H),o=null==r?void 0:r.data;o instanceof Blob&&((0,helper_1.isFileUploadMime)(o.type)&&(r.fileInfo={rawData:o,fileName:(0,utils_1.getFileNameFromHeaders)(r.headers)}),r.data=yield o.text()),null==t||t({request:H,response:r}),I(r),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:H,response:e.response})),I(void 0),P(e)}finally{m(!1),v(1),q(Date.now()-M),null===(w=null===(C=E.events)||void 0===C?void 0:C.tryItSent)||void 0===w||w.call(C,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[d.url,f,t,e,E,O]);(0,theme_1.useMount)((()=>__awaiter(this,void 0,void 0,(function*(){var t;const r=yield(0,shallowCopyForTryIt_1.dereferenceDefinitionForTryIt)(e,x.definition);j(r),null===(t=l.current)||void 0===t||t.setValues({})})))),(0,react_1.useEffect)((()=>{T&&T!==e&&(I(void 0),P(void 0),v(0))}),[e,T]);const V=!(!w&&!C);return react_1.default.createElement(ConsoleWrapper_1.ConsoleWrapper,{shaking:h,className:r,rootElement:o},react_1.default.createElement(Panel_1.StyledCodeHeader,null,react_1.default.createElement(ConsoleTabs_1.ConsoleTabs,{active:_,hasResponse:V,onChange:R}),i&&react_1.default.createElement(styled_1.CloseButton,{onClick:i}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==_,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:s,mergeExampleBody:n,securityDefaults:a,form:f,resolvedRawSpec:O,server:d,formApi:l.current,setFormApi:A,handleChange:k,handleServerChange:F})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==_,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:w,error:C,time:S})),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:V,params:f.values,operation:e,loading:y,execute:B}))}exports.Console=(0,react_1.memo)(ConsoleComponent);
 //# sourceMappingURL=Console.js.map

package/lib/components/rightPanel/Console/ConsoleWrapper.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleWrapper=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),store_1=require("../../../recoil/store");function ConsoleWrapperComponent({shaking:e,className:t,children:r,rootElement:o}){const[n]=(0,hooks_1.useDimensions)(o),i=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:i.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)}exports.ConsoleWrapper=(0,react_1.memo)(ConsoleWrapperComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleWrapper=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),store_1=require("../../../jotai/store");function ConsoleWrapperComponent({shaking:e,className:t,children:r,rootElement:o}){const[n]=(0,hooks_1.useDimensions)(o),i=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:i.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)}exports.ConsoleWrapper=(0,react_1.memo)(ConsoleWrapperComponent);
 //# sourceMappingURL=ConsoleWrapper.js.map

package/lib/components/rightPanel/Console/Request.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=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,a,o)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Request=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),recoil_1=require("@redocly/recoil"),theme_1=require("@redocly/theme"),utils_1=require("../utils"),utils_2=require("../../../utils"),OAuth2_1=require("../../../services/OAuth2"),services_1=require("../../../services"),Panel_1=require("../../Panel"),ServersDropdown_1=require("../ServersDropdown"),TryItPanel_1=require("../TryItPanel"),RequestBody_1=require("../RequestBody"),OperationParameters_1=require("../../OperationParameters"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../recoil/store"),RenderHook_1=require("../../RenderHook");function RequestComponent({operation:e,properties:r,mergeExampleBody:t,securityDefaults:a,form:o,resolvedRawSpec:l,server:n,formApi:u,setFormApi:i,handleChange:s,handleServerChange:d}){const c=o.errors||{},_=c.path||c.cookie||c.header||c.query,{hooks:p,authCorsProxyUrl:h}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),y=l&&utils_2.JsonPointer.get(l,e.pointer);let m=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];m&&o.values.auth[m]||(m=void 0),!m||void 0===o.values.auth[m].token&&void 0===o.values.auth[m].client_id&&void 0===o.values.auth[m].client_secret||o.values.auth[m].token&&o.values.auth[m].token.access_token||(m=void 0),m&&null!=o.values.auth[m].username&&(o.values.auth[m].username&&o.values.auth[m].password||(m=void 0));const f=e.parameters||[];return!l&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:s,getApi:i,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:d}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&m?1:0},e.security.length&&u&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!m&&!!c.auth,success:!!m,renderChildrenHidden:!0},theme_1.OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel)?react_1.default.createElement(AuthPanelWrapper,{field:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel),props:{server:n,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:u,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:a}))||null,e.requestBody&&u&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!c.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:u,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==y?void 0:y.requestBody,properties:r,mergeExampleBody:t}))||null,f.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:_,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:a}=(0,informed_1.useField)(Object.assign({},e)),{setValue:o}=r,{children:l}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,l(o)))}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(RequestComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=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,a,o)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Request=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),utils_1=require("../utils"),utils_2=require("../../../utils"),OAuth2_1=require("../../../services/OAuth2"),services_1=require("../../../services"),Panel_1=require("../../Panel"),ServersDropdown_1=require("../ServersDropdown"),TryItPanel_1=require("../TryItPanel"),RequestBody_1=require("../RequestBody"),OperationParameters_1=require("../../OperationParameters"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../jotai/store"),RenderHook_1=require("../../RenderHook");function RequestComponent({operation:e,properties:r,mergeExampleBody:t,securityDefaults:a,form:o,resolvedRawSpec:n,server:l,formApi:u,setFormApi:i,handleChange:s,handleServerChange:d}){const c=o.errors||{},_=c.path||c.cookie||c.header||c.query,{hooks:p,authCorsProxyUrl:h}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),m=n&&utils_2.JsonPointer.get(n,e.pointer);let y=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];y&&o.values.auth[y]||(y=void 0),!y||void 0===o.values.auth[y].token&&void 0===o.values.auth[y].client_id&&void 0===o.values.auth[y].client_secret||o.values.auth[y].token&&o.values.auth[y].token.access_token||(y=void 0),y&&null!=o.values.auth[y].username&&(o.values.auth[y].username&&o.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!n&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:s,getApi:i,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:d}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&u&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!c.auth,success:!!y,renderChildrenHidden:!0},theme_1.OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel)?react_1.default.createElement(AuthPanelWrapper,{field:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.OpenApiTryItSecurityPanel||(null==p?void 0:p.ReplaceTryItSecurityPanel),props:{server:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:u,form:o,operation:e,activeServer:l.url,authCorsProxyUrl:h,securityDefaults:a}))||null,e.requestBody&&u&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!c.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:u,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==m?void 0:m.requestBody,properties:r,mergeExampleBody:t}))||null,f.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:_,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:a}=(0,informed_1.useField)(Object.assign({},e)),{setValue:o}=r,{children:n}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,n(o)))}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(RequestComponent);
 //# sourceMappingURL=Request.js.map

package/lib/components/rightPanel/OAuth2Flow/OAuth2Flow.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function n(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(n,o)}u((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),styled_1=require("./styled"),LinearProgress_1=require("../../common/LinearProgress"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),Checkbox_1=require("../../common/Checkbox"),OAuth2_1=require("../../../services/OAuth2"),utils_1=require("../../../utils"),utils_2=require("../../../services/utils"),utils_3=require("../utils"),Scope_1=__importDefault(require("../Scope")),Error_1=require("./Error"),store_1=require("../../../recoil/store");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:n,tokenEndpointAuthMethod:o,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,h,m,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,q]=(0,react_1.useState)(void 0),w=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},T=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&x!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{S(e),A(t),q(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);S(e),q(t)})),panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:x,onChange:({target:{value:e}})=>{A(e)},inputActionButton:j,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),w.token&&w.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:w.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,w.token&&w.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(T),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(T))return;C(!0),k(null);const c=n?n+(0,utils_3.normalizeUrlProtocol)(t):t,d=n&&i?n+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:w.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:w.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:w.client_id,clientSecret:w.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${o}`)})(d)}},"Authorize")),O||E||!w.token||!w.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:w.token}))};exports.OAuth2Flow=OAuth2Flow;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function n(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(n,o)}u((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_1=require("./styled"),LinearProgress_1=require("../../common/LinearProgress"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),Checkbox_1=require("../../common/Checkbox"),OAuth2_1=require("../../../services/OAuth2"),utils_1=require("../../../utils"),utils_2=require("../../../services/utils"),utils_3=require("../utils"),Scope_1=__importDefault(require("../Scope")),Error_1=require("./Error"),store_1=require("../../../jotai/store");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:n,tokenEndpointAuthMethod:o,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,m,h,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,j]=(0,react_1.useState)(void 0),q=(null===(m=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===m?void 0:m[l])||{},w=(null===(p=null===(h=t.errors)||void 0===h?void 0:h.auth)||void 0===p?void 0:p[l])||{},T=void 0!==b&&x!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{S(e),A(t),j(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);S(e),j(t)})),panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:x,onChange:({target:{value:e}})=>{A(e)},inputActionButton:T,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),q.token&&q.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:q.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,q.token&&q.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(w),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(w))return;C(!0),k(null);const c=n?n+(0,utils_3.normalizeUrlProtocol)(t):t,d=n&&i?n+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:q.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:q.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:q.client_id,clientSecret:q.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${o}`)})(d)}},"Authorize")),O||E||!q.token||!q.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:q.token}))};exports.OAuth2Flow=OAuth2Flow;
 //# sourceMappingURL=OAuth2Flow.js.map