npm - @redocly/openapi-docs - Versions diffs - 3.0.0-alpha.62 → 3.0.0-alpha.63 - Mend

@redocly/openapi-docs 3.0.0-alpha.62 → 3.0.0-alpha.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/lib/components/Search/utils.js CHANGED Viewed

@@ -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 recoil_nexus_1=require("recoil-nexus"),models_1=require("../../models"),operation_1=require("../../recoil/operation");function getFields(e){if(!e)return[];const{activeOneOf:t}=(0,recoil_nexus_1.getRecoil)((0,operation_1.operationStore)(e.deps.operation.pointer));return e.oneOf?getFields(e.oneOf[t]):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("../../recoil/nexus"),models_1=require("../../models"),operation_1=require("../../recoil/operation");function getFields(e){if(!e)return[];const{activeOneOf:t}=(0,nexus_1.getRecoil)((0,operation_1.operationStore)(e.deps.operation.pointer));return e.oneOf?getFields(e.oneOf[t]):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 CHANGED Viewed

@@ -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("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"),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;
 //# sourceMappingURL=SectionContent.js.map

package/lib/components/SecurityRequirement/SecurityDefs.js CHANGED Viewed

@@ -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("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")),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))))`
   margin-bottom: 1em;
 `;
 //# sourceMappingURL=SecurityDefs.js.map

package/lib/components/SecurityRequirement/SecurityRequirement.js CHANGED Viewed

@@ -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("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")),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`
   border-bottom: 1px solid var(--border-primary);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

package/lib/components/SideMenu/Actions.js CHANGED Viewed

@@ -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("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")),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`
   position: sticky;
   top: calc(100vh);
 `;

package/lib/components/SideMenu/MenuItems.js CHANGED Viewed

@@ -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("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,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);
 //# sourceMappingURL=MenuItems.js.map

package/lib/components/SideMenu/MenuOperationItemContent.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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("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")),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)`
   flex-wrap: wrap;
 `,MenuItemDescription=styled_components_1.default.small`
   display: block;

package/lib/components/SideMenu/SideMenu.js CHANGED Viewed

@@ -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("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")),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);
 //# sourceMappingURL=SideMenu.js.map

package/lib/components/StickySidebar/StickyResponsiveSidebar.js CHANGED Viewed

@@ -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("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"),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`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;

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

@@ -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("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 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);
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -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("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,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);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/TagItems/TagItems.js CHANGED Viewed

@@ -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("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"),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;
 //# sourceMappingURL=TagItems.js.map

package/lib/components/common/linkify.js CHANGED Viewed

@@ -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("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,a=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},a),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")),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)`
   position: absolute;
   transform: translateX(-100%);
   padding-right: var(--heading-anchor-offset-right);

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

@@ -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("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,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`
   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;
 //# sourceMappingURL=perfect-scrollbar.js.map

package/lib/components/pluggable/RedocExample.js CHANGED Viewed

@@ -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("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")),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;
 //# sourceMappingURL=RedocExample.js.map

package/lib/components/pluggable/RedocRequestBody.js CHANGED Viewed

@@ -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("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")),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;
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib/components/pluggable/RedocResponse.js CHANGED Viewed

@@ -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("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),a=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),l=(0,models_1.getResponse)({parser:r,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:a});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;
+"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;
 //# sourceMappingURL=RedocResponse.js.map

package/lib/components/pluggable/RedocSchema.js CHANGED Viewed

@@ -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("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")),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;
 //# sourceMappingURL=RedocSchema.js.map

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

@@ -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("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")),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;
 //# sourceMappingURL=AuthPanel.js.map

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

@@ -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("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,securityDefaults:n,onClose:a}){let i=(0,react_1.useRef)();const[l,c]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(e.pointer)),[u,d]=(0,react_1.useState)(l.activeServer||e.activeServer),[p,_]=(0,react_1.useState)(0),[v,y]=(0,react_1.useState)(!1),[h,m]=(0,react_1.useState)(!1),[b,f]=(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")}}),[g,O]=(0,react_1.useState)(),[j,S]=(0,react_1.useState)(),[q,C]=(0,react_1.useState)(),[P,w]=(0,react_1.useState)(),I=(0,hooks_1.usePrevious)(e),{parser:T,options:R}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),k=(0,react_1.useCallback)(((e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);i.current=e,setTimeout((()=>{f(Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_1.unescapeQueryParams)(r.query||{})})}))}),0)}),[]),x=(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))}))),f(o),(0,utils_1.updateStorage)(o)}),[c]),E=(0,react_1.useCallback)((e=>{_(e)}),[]),A=(0,react_1.useCallback)((e=>{d(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),F=(0,react_1.useCallback)((()=>__awaiter(this,void 0,void 0,(function*(){var r,o,s,n,a,l,c,d,p,v,h,f,O,j,q,P,I;const{values:T,invalid:k}=(null===(r=null==i?void 0:i.current)||void 0===r?void 0:r.getState())||b||{};if(null===(o=i.current)||void 0===o||o.submitForm(),k)return m(!0),setTimeout((()=>m(!1)),1e3),void(null===(n=null===(s=R.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:x,requestBody:E}=e,A=E&&E.content&&(null===(a=(0,models_1.getActiveMediaType)(E.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)}y(!0);const V=g,D=(e.httpVerb||"").toLowerCase();if(!x)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 M=x.find((e=>u.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),B=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({},V),{components:Object.assign(Object.assign({},null==V?void 0:V.components),{securitySchemes:Object.assign(Object.assign({},null===(l=null==V?void 0:V.components)||void 0===l?void 0:l.securitySchemes),{[t]:Object.assign(Object.assign({},null===(d=null===(c=null==V?void 0:V.components)||void 0===c?void 0:c.securitySchemes)||void 0===d?void 0:d[t]),{type:"openIdConnect"===(null===(h=null===(v=null===(p=null==V?void 0:V.components)||void 0===p?void 0:p.securitySchemes)||void 0===v?void 0:v[t])||void 0===h?void 0:h.type)?"oauth2":(null===(O=null===(f=null==V?void 0:V.components)||void 0===f?void 0:f.securitySchemes)||void 0===O?void 0:O[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else N=Object.assign({},V);N.servers=x;const W=R.corsProxyUrl;W&&x.length&&(N.servers=x.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]),{[D]:Object.assign(Object.assign({},N.paths[e.path][D]),{servers:void 0}),servers:void 0})}));const z=(null==E?void 0:E.content)&&(null===(j=(0,models_1.getActiveMediaType)(E.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(M.url):M.url,serverVariables:(0,utils_1.getDefaultOrStoredVariables)(M),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===(q=T.header)||void 0===q?void 0:q.Accept)||null,requestInterceptor:(0,utils_1.makeRequestInterceptor)(R,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}),w(r),C(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})),w(void 0),C(e)}finally{y(!1),_(1),S(Date.now()-B),null===(I=null===(P=R.events)||void 0===P?void 0:P.tryItSent)||void 0===I||I.call(P,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[u.url,b,t,e,R,g]);(0,theme_1.useMount)((()=>__awaiter(this,void 0,void 0,(function*(){var t;const r=yield(0,shallowCopyForTryIt_1.dereferenceDefinitionForTryIt)(e,T.definition);O(r),null===(t=i.current)||void 0===t||t.setValues({})})))),(0,react_1.useEffect)((()=>{I&&I!==e&&(w(void 0),C(void 0),_(0))}),[e,I]);const V=!(!P&&!q);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:p,hasResponse:V,onChange:E}),a&&react_1.default.createElement(styled_1.CloseButton,{onClick:a}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:s,securityDefaults:n,form:b,resolvedRawSpec:g,server:u,formApi:i.current,setFormApi:k,handleChange:x,handleServerChange:A})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:P,error:q,time:j})),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:V,params:b.values,operation:e,loading:v,execute:F}))}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"),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,securityDefaults:n,onClose:a}){let i=(0,react_1.useRef)();const[l,c]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(e.pointer)),[u,d]=(0,react_1.useState)(l.activeServer||e.activeServer),[p,_]=(0,react_1.useState)(0),[v,y]=(0,react_1.useState)(!1),[h,m]=(0,react_1.useState)(!1),[b,f]=(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")}}),[g,O]=(0,react_1.useState)(),[j,S]=(0,react_1.useState)(),[q,C]=(0,react_1.useState)(),[P,w]=(0,react_1.useState)(),I=(0,hooks_1.usePrevious)(e),{parser:T,options:R}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),k=(0,react_1.useCallback)(((e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);i.current=e,setTimeout((()=>{f(Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_1.unescapeQueryParams)(r.query||{})})}))}),0)}),[]),x=(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))}))),f(o),(0,utils_1.updateStorage)(o)}),[c]),E=(0,react_1.useCallback)((e=>{_(e)}),[]),A=(0,react_1.useCallback)((e=>{d(e),c((t=>Object.assign(Object.assign({},t),{activeServer:e})))}),[c]),F=(0,react_1.useCallback)((()=>__awaiter(this,void 0,void 0,(function*(){var r,o,s,n,a,l,c,d,p,v,h,f,O,j,q,P,I;const{values:T,invalid:k}=(null===(r=null==i?void 0:i.current)||void 0===r?void 0:r.getState())||b||{};if(null===(o=i.current)||void 0===o||o.submitForm(),k)return m(!0),setTimeout((()=>m(!1)),1e3),void(null===(n=null===(s=R.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:x,requestBody:E}=e,A=E&&E.content&&(null===(a=(0,models_1.getActiveMediaType)(E.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)}y(!0);const V=g,D=(e.httpVerb||"").toLowerCase();if(!x)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 M=x.find((e=>u.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),B=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({},V),{components:Object.assign(Object.assign({},null==V?void 0:V.components),{securitySchemes:Object.assign(Object.assign({},null===(l=null==V?void 0:V.components)||void 0===l?void 0:l.securitySchemes),{[t]:Object.assign(Object.assign({},null===(d=null===(c=null==V?void 0:V.components)||void 0===c?void 0:c.securitySchemes)||void 0===d?void 0:d[t]),{type:"openIdConnect"===(null===(h=null===(v=null===(p=null==V?void 0:V.components)||void 0===p?void 0:p.securitySchemes)||void 0===v?void 0:v[t])||void 0===h?void 0:h.type)?"oauth2":(null===(O=null===(f=null==V?void 0:V.components)||void 0===f?void 0:f.securitySchemes)||void 0===O?void 0:O[t]).type})})})}),U=Object.assign(Object.assign({},U),{[t]:U[e]})}else N=Object.assign({},V);N.servers=x;const W=R.corsProxyUrl;W&&x.length&&(N.servers=x.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]),{[D]:Object.assign(Object.assign({},N.paths[e.path][D]),{servers:void 0}),servers:void 0})}));const z=(null==E?void 0:E.content)&&(null===(j=(0,models_1.getActiveMediaType)(E.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(M.url):M.url,serverVariables:(0,utils_1.getDefaultOrStoredVariables)(M),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===(q=T.header)||void 0===q?void 0:q.Accept)||null,requestInterceptor:(0,utils_1.makeRequestInterceptor)(R,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}),w(r),C(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})),w(void 0),C(e)}finally{y(!1),_(1),S(Date.now()-B),null===(I=null===(P=R.events)||void 0===P?void 0:P.tryItSent)||void 0===I||I.call(P,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),[u.url,b,t,e,R,g]);(0,theme_1.useMount)((()=>__awaiter(this,void 0,void 0,(function*(){var t;const r=yield(0,shallowCopyForTryIt_1.dereferenceDefinitionForTryIt)(e,T.definition);O(r),null===(t=i.current)||void 0===t||t.setValues({})})))),(0,react_1.useEffect)((()=>{I&&I!==e&&(w(void 0),C(void 0),_(0))}),[e,I]);const V=!(!P&&!q);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:p,hasResponse:V,onChange:E}),a&&react_1.default.createElement(styled_1.CloseButton,{onClick:a}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:s,securityDefaults:n,form:b,resolvedRawSpec:g,server:u,formApi:i.current,setFormApi:k,handleChange:x,handleServerChange:A})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:P,error:q,time:j})),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:V,params:b.values,operation:e,loading:v,execute:F}))}exports.Console=(0,react_1.memo)(ConsoleComponent);
 //# sourceMappingURL=Console.js.map

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

@@ -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("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")),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);
 //# sourceMappingURL=ConsoleWrapper.js.map

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

@@ -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("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,securityDefaults:t,form:a,resolvedRawSpec:o,server:l,formApi:n,setFormApi:u,handleChange:i,handleServerChange:s}){const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),h=o&&utils_2.JsonPointer.get(o,e.pointer);let y=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];y&&a.values.auth[y]||(y=void 0),!y||void 0===a.values.auth[y].token&&void 0===a.values.auth[y].client_id&&void 0===a.values.auth[y].client_secret||a.values.auth[y].token&&a.values.auth[y].token.access_token||(y=void 0),y&&null!=a.values.auth[y].username&&(a.values.auth[y].username&&a.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!o&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:i,getApi:u,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:s}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!d.auth,success:!!y,renderChildrenHidden:!0},theme_1.OpenApiTryItSecurityPanel||(null==_?void 0:_.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==_?void 0:_.ReplaceTryItSecurityPanel),props:{server:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:n,form:a,operation:e,activeServer:l.url,authCorsProxyUrl:p,securityDefaults:t}))||null,e.requestBody&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:n,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,f.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:c,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:a.values,errors:a.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"),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,securityDefaults:t,form:a,resolvedRawSpec:o,server:l,formApi:n,setFormApi:u,handleChange:i,handleServerChange:s}){const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),h=o&&utils_2.JsonPointer.get(o,e.pointer);let y=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];y&&a.values.auth[y]||(y=void 0),!y||void 0===a.values.auth[y].token&&void 0===a.values.auth[y].client_id&&void 0===a.values.auth[y].client_secret||a.values.auth[y].token&&a.values.auth[y].token.access_token||(y=void 0),y&&null!=a.values.auth[y].username&&(a.values.auth[y].username&&a.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!o&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:i,getApi:u,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:s}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!d.auth,success:!!y,renderChildrenHidden:!0},theme_1.OpenApiTryItSecurityPanel||(null==_?void 0:_.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==_?void 0:_.ReplaceTryItSecurityPanel),props:{server:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:n,form:a,operation:e,activeServer:l.url,authCorsProxyUrl:p,securityDefaults:t}))||null,e.requestBody&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:n,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,f.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:c,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:a.values,errors:a.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);
 //# sourceMappingURL=Request.js.map

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

@@ -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("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"),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;
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib/components/rightPanel/RequestBody/RequestBody.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),DropdownOrLabel_1=require("../../DropdownOrLabel"),MediaTypeSwitch_1=require("../../MediaTypeSwitch"),common_1=require("../../common"),RequestMimeLabel_1=require("../RequestMimeLabel"),utils_1=require("../utils"),utils_2=require("../../../utils"),Body_1=require("./Body"),models_1=require("../../../models"),app_1=require("../../../recoil/app"),operation_1=require("../../../recoil/operation");function RequestBodyComponent({body:{content:e},formApi:t,resolvedBody:r,properties:o,id:i,validate:a,pointer:l}){const n=(0,recoil_1.useRecoilValue)(app_1.activeMimeNameSelector),{examples:u,name:c}=e&&(0,models_1.getActiveMediaType)(e,n)||{},d=(0,react_1.useCallback)((t=>{if(!e||!e.hasSample)return"";if(!(null==u?void 0:u[t]))return"";const r=c&&(0,utils_2.fromSessionStorage)((0,utils_1.getStorageExampleKey)(i,c,t,u)),a=r?JSON.parse(r):null==u?void 0:u[t];return(0,utils_1.encodeSample)(a,o)}),[c,u,i,e,o]),{activeExampleName:s}=(0,recoil_1.useRecoilValue)((0,operation_1.operationStore)(l));(0,react_1.useEffect)((()=>{if(c){const e=(0,utils_1.getStorageExampleKey)(i,c,s,u);t.setValue("body",(0,utils_2.fromSessionStorage)(e)||d(s||""))}else t.setValue("body",JSON.stringify(o||{},null,2))}),[u,s,c,t,d,i,o]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:e=>react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:common_1.Dropdown}))},(l=>react_1.default.createElement(Body_1.Body,{mediaType:l,mediaContent:e,resolvedBody:r,id:i,properties:o,getActiveSample:d,formApi:t,validate:a}))))}exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),DropdownOrLabel_1=require("../../DropdownOrLabel"),MediaTypeSwitch_1=require("../../MediaTypeSwitch"),common_1=require("../../common"),RequestMimeLabel_1=require("../RequestMimeLabel"),utils_1=require("../utils"),utils_2=require("../../../utils"),Body_1=require("./Body"),models_1=require("../../../models"),app_1=require("../../../recoil/app"),operation_1=require("../../../recoil/operation");function RequestBodyComponent({body:{content:e},formApi:t,resolvedBody:r,properties:o,id:i,validate:a,pointer:l}){const n=(0,recoil_1.useRecoilValue)(app_1.activeMimeNameSelector),{examples:u,name:c}=e&&(0,models_1.getActiveMediaType)(e,n)||{},d=(0,react_1.useCallback)((t=>{if(!e||!e.hasSample)return"";if(!(null==u?void 0:u[t]))return"";const r=c&&(0,utils_2.fromSessionStorage)((0,utils_1.getStorageExampleKey)(i,c,t,u)),a=r?JSON.parse(r):null==u?void 0:u[t];return(0,utils_1.encodeSample)(a,o)}),[c,u,i,e,o]),{activeExampleName:s}=(0,recoil_1.useRecoilValue)((0,operation_1.operationStore)(l));(0,react_1.useEffect)((()=>{if(c){const e=(0,utils_1.getStorageExampleKey)(i,c,s,u);t.setValue("body",(0,utils_2.fromSessionStorage)(e)||d(s||""))}else t.setValue("body",JSON.stringify(o||{},null,2))}),[u,s,c,t,d,i,o]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:e=>react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:common_1.Dropdown}))},(l=>react_1.default.createElement(Body_1.Body,{mediaType:l,mediaContent:e,resolvedBody:r,id:i,properties:o,getActiveSample:d,formApi:t,validate:a}))))}exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib/components/rightPanel/RequestBodyForm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,l)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);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.getRequestBodyFormFields=exports.RequestBodyForm=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_nexus_1=require("recoil-nexus"),helper_1=require("../common/FileUpload/helper"),form_1=require("../common/form"),FileUpload_1=require("../common/FileUpload"),TextField_1=require("../common/TextField"),models_1=require("../../models"),constants_1=require("../../constants"),Samples_1=require("../Samples"),operation_1=require("../../recoil/operation"),utils_1=require("../../utils");function RequestBodyFormComponent({mediaType:e,onChange:t,formApi:o}){var r;const l=e.examples||{},{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,l),a=null===(r=l[n])||void 0===r?void 0:r.rawValue,i=getRequestBodyFormFields(e);(0,react_1.useEffect)((()=>o&&i.forEach((e=>{var t,r;const l=null==a?void 0:a[e.name],n=null!==(r=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==r?r:l,i="object"==typeof n?JSON.stringify(n):n;void 0!==n&&o.setValue("body."+e.name,`${i}`)}))),[n]);const d=e.schema||{};return(0,helper_1.isRootFileUpload)(d,e.name)?react_1.default.createElement(FileFormControlWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${e.name}`,name:`body.${e.name}`,accept:(0,helper_1.mimeTypeToAccept)(e.name),schema:d,contentName:e.name,onChange:t}))):d.type===models_1.DefinitionTypes.OBJECT||i?react_1.default.createElement(FileFormControlWrapper,null,i.map((o=>{const r=o.schema||{contentMediaType:"",type:"",description:""},l=e.name===constants_1.MediaTypes.MULTIPART&&(0,helper_1.isMultipartFileUploadProperty)(r),n=r.contentMediaType||"",a=l?react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+o.name,name:"body."+o.name,accept:(0,helper_1.mimeTypeToAccept)(n),multiple:"array"===r.type,schema:r,contentName:o.name,onChange:t}):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,id:"body."+o.name,field:"body."+o.name,placeholder:(0,utils_1.normalizeText)(r.description)||o.name,panel:"try-it"});return react_1.default.createElement(form_1.FormControl,{key:o.name},react_1.default.createElement(form_1.FormLabel,null,o.name,":"),a)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,d),null)}function getRequestBodyFormFields(e){var t,o,r,l;const{activeOneOf:n}=(0,recoil_nexus_1.getRecoil)((0,operation_1.operationStore)(e.operation.pointer));return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(r=e.schema)||void 0===r?void 0:r.oneOf[n].fields)||[]:(null===(l=e.schema)||void 0===l?void 0:l.fields)||[]).filter((e=>!e.schema.readOnly))}exports.RequestBodyForm=(0,react_1.memo)(RequestBodyFormComponent),exports.getRequestBodyFormFields=getRequestBodyFormFields;const FileFormControlWrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,l)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);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.getRequestBodyFormFields=exports.RequestBodyForm=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),nexus_1=require("../../recoil/nexus"),helper_1=require("../common/FileUpload/helper"),form_1=require("../common/form"),FileUpload_1=require("../common/FileUpload"),TextField_1=require("../common/TextField"),models_1=require("../../models"),constants_1=require("../../constants"),Samples_1=require("../Samples"),operation_1=require("../../recoil/operation"),utils_1=require("../../utils");function RequestBodyFormComponent({mediaType:e,onChange:t,formApi:o}){var r;const l=e.examples||{},{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,l),a=null===(r=l[n])||void 0===r?void 0:r.rawValue,i=getRequestBodyFormFields(e);(0,react_1.useEffect)((()=>o&&i.forEach((e=>{var t,r;const l=null==a?void 0:a[e.name],n=null!==(r=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==r?r:l,i="object"==typeof n?JSON.stringify(n):n;void 0!==n&&o.setValue("body."+e.name,`${i}`)}))),[n]);const d=e.schema||{};return(0,helper_1.isRootFileUpload)(d,e.name)?react_1.default.createElement(FileFormControlWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${e.name}`,name:`body.${e.name}`,accept:(0,helper_1.mimeTypeToAccept)(e.name),schema:d,contentName:e.name,onChange:t}))):d.type===models_1.DefinitionTypes.OBJECT||i?react_1.default.createElement(FileFormControlWrapper,null,i.map((o=>{const r=o.schema||{contentMediaType:"",type:"",description:""},l=e.name===constants_1.MediaTypes.MULTIPART&&(0,helper_1.isMultipartFileUploadProperty)(r),n=r.contentMediaType||"",a=l?react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+o.name,name:"body."+o.name,accept:(0,helper_1.mimeTypeToAccept)(n),multiple:"array"===r.type,schema:r,contentName:o.name,onChange:t}):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,id:"body."+o.name,field:"body."+o.name,placeholder:(0,utils_1.normalizeText)(r.description)||o.name,panel:"try-it"});return react_1.default.createElement(form_1.FormControl,{key:o.name},react_1.default.createElement(form_1.FormLabel,null,o.name,":"),a)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,d),null)}function getRequestBodyFormFields(e){var t,o,r,l;const{activeOneOf:n}=(0,nexus_1.getRecoil)((0,operation_1.operationStore)(e.operation.pointer));return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(r=e.schema)||void 0===r?void 0:r.oneOf[n].fields)||[]:(null===(l=e.schema)||void 0===l?void 0:l.fields)||[]).filter((e=>!e.schema.readOnly))}exports.RequestBodyForm=(0,react_1.memo)(RequestBodyFormComponent),exports.getRequestBodyFormFields=getRequestBodyFormFields;const FileFormControlWrapper=styled_components_1.default.div`
   > div {
     margin-top: 10px;
   }

package/lib/components/rightPanel/ResponseHeadersList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=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,a,o)}: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.ResponseHeadersList=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),styled_1=require("./styled"),store_1=require("../../recoil/store");function ResponseHeadersList({headers:e}){const t=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[r,a]=(0,react_1.useState)(!0),{maxResponseHeadersToShowInTryIt:o}=t,l=Object.keys(e),n=!!o&&l.length>o,i=n&&r?[...l].splice(0,o):[...l];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.ResponseHeader,null," Headers: "),react_1.default.createElement(theme_1.CodeBlockContainer,{withControls:!0},i.map((t=>react_1.default.createElement("div",{key:t},react_1.default.createElement(HeaderName,null,t,":"),react_1.default.createElement("code",null,e[t])))),n&&react_1.default.createElement(StyledShowMoreLabel,{onClick:()=>{a(!r)}},r?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;const HeaderName=styled_components_1.default.strong`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=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,a,o)}: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.ResponseHeadersList=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"),styled_1=require("./styled"),store_1=require("../../recoil/store");function ResponseHeadersList({headers:e}){const t=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[r,a]=(0,react_1.useState)(!0),{maxResponseHeadersToShowInTryIt:o}=t,l=Object.keys(e),n=!!o&&l.length>o,i=n&&r?[...l].splice(0,o):[...l];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.ResponseHeader,null," Headers: "),react_1.default.createElement(theme_1.CodeBlockContainer,{withControls:!0},i.map((t=>react_1.default.createElement("div",{key:t},react_1.default.createElement(HeaderName,null,t,":"),react_1.default.createElement("code",null,e[t])))),n&&react_1.default.createElement(StyledShowMoreLabel,{onClick:()=>{a(!r)}},r?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;const HeaderName=styled_components_1.default.strong`
   text-transform: capitalize;
   display: inline-block;
   padding-right: 5px;

package/lib/components/rightPanel/ServersDropdown/ServersDropdown.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),store_1=require("../../../recoil/store"),utils_1=require("../../../utils"),form_1=require("../../common/form"),utils_2=require("../utils"),ServerVariable_1=__importDefault(require("../ServerVariable")),styled_1=require("../styled"),events_1=require("../../../events");function ServersDropdownComponent({operation:e,onChange:r}){const{events:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{servers:a}=e,o=(0,utils_1.fromSessionStorage)("serverUrl"),l=a.findIndex((e=>e.url===o)),[i,n]=(0,react_1.useState)(l<0?0:l),[s,u]=(0,react_1.useState)({});(0,theme_1.useMount)((()=>{const e=(0,utils_2.getServerWithVariables)(a,i);r(e),u(e.variables)}));const c=a.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,s),e.variables)}\n        - ${(0,utils_1.normalizeText)(e.description)||"Default"}\n      `}))),_=Object.keys(s);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",value:c[i].value,options:c,fullWidth:!0,onChange:({serverUrl:o=""})=>{var l;const i=a.find((e=>e.url===o)),s=a.findIndex((e=>e.url===o)),c=(0,utils_2.getDefaultOrStoredVariables)(i);r({url:o,variables:c}),(0,utils_1.toSessionStorage)("serverUrl",o),n(s),u(c);const _=(0,events_1.createServerSwitchEvent)({operation:e,serverUrl:o});null===(l=t.targetServerSwitch)||void 0===l||l.call(t,_)}})),null==_?void 0:_.map((e=>{var t;const o=null===(t=a[i].variables)||void 0===t?void 0:t[e];if(o)return react_1.default.createElement(ServerVariable_1.default,{key:e,name:e,value:s[e],defaultValue:o.default,onChange:t=>((e,t)=>{const o=a[i],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(o)[e],n=Object.assign(Object.assign({},s),{[e]:l});u(n),(0,utils_2.updateVariablesStorage)(e,l),r(Object.assign(Object.assign({},o),{variables:n}))})(e,t),variableEnum:o.enum,description:o.description})})))}exports.ServersDropdown=(0,react_1.memo)(ServersDropdownComponent);const ServerDropdownWrap=styled_components_1.default.div`
+"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=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"),store_1=require("../../../recoil/store"),utils_1=require("../../../utils"),form_1=require("../../common/form"),utils_2=require("../utils"),ServerVariable_1=__importDefault(require("../ServerVariable")),styled_1=require("../styled"),events_1=require("../../../events");function ServersDropdownComponent({operation:e,onChange:r}){const{events:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{servers:a}=e,o=(0,utils_1.fromSessionStorage)("serverUrl"),l=a.findIndex((e=>e.url===o)),[i,n]=(0,react_1.useState)(l<0?0:l),[s,u]=(0,react_1.useState)({});(0,theme_1.useMount)((()=>{const e=(0,utils_2.getServerWithVariables)(a,i);r(e),u(e.variables)}));const c=a.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,s),e.variables)}\n        - ${(0,utils_1.normalizeText)(e.description)||"Default"}\n      `}))),_=Object.keys(s);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",value:c[i].value,options:c,fullWidth:!0,onChange:({serverUrl:o=""})=>{var l;const i=a.find((e=>e.url===o)),s=a.findIndex((e=>e.url===o)),c=(0,utils_2.getDefaultOrStoredVariables)(i);r({url:o,variables:c}),(0,utils_1.toSessionStorage)("serverUrl",o),n(s),u(c);const _=(0,events_1.createServerSwitchEvent)({operation:e,serverUrl:o});null===(l=t.targetServerSwitch)||void 0===l||l.call(t,_)}})),null==_?void 0:_.map((e=>{var t;const o=null===(t=a[i].variables)||void 0===t?void 0:t[e];if(o)return react_1.default.createElement(ServerVariable_1.default,{key:e,name:e,value:s[e],defaultValue:o.default,onChange:t=>((e,t)=>{const o=a[i],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(o)[e],n=Object.assign(Object.assign({},s),{[e]:l});u(n),(0,utils_2.updateVariablesStorage)(e,l),r(Object.assign(Object.assign({},o),{variables:n}))})(e,t),variableEnum:o.enum,description:o.description})})))}exports.ServersDropdown=(0,react_1.memo)(ServersDropdownComponent);const ServerDropdownWrap=styled_components_1.default.div`
   margin-bottom: 20px;
 `;
 //# sourceMappingURL=ServersDropdown.js.map