@asyncapi/react-component 1.0.0-next.50 → 1.0.0-next.52

package/lib/esm/containers/AsyncApi/AsyncApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncApi.js","sourceRoot":"","sources":["../../../../src/containers/AsyncApi/AsyncApi.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,kBAAkB,MAAM,cAAc,CAAC;AAE9C,OAAO,EACL,yBAAyB,GAG1B,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY7D;IAAgC,qCAAuC;IAMrE,2BAAY,KAAoB;QAAhC,YACE,kBAAM,KAAK,CAAC,SACb;QAPD,WAAK,GAAkB;YACrB,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB,CAAC;;IAIF,CAAC;IAEK,6CAAiB,GAAvB;;;;gBACE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;oBACf,KAAqB,IAAI,CAAC,KAAK,EAA7B,MAAM,YAAA,EAAE,MAAM,YAAA,CAAgB;oBACtC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC;iBAC1D;;;;KACF;IAEK,8CAAkB,GAAxB,UAAyB,SAAwB;;;;gBACzC,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC;gBAC7B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;gBAEpC,IAAI,SAAS,KAAK,SAAS,EAAE;oBACnB,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;oBAC9B,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC;iBAC7D;;;;KACF;IAED,kCAAM,GAAN;QACQ,IAAA,KAAqB,IAAI,CAAC,KAAK,EAA7B,MAAM,YAAA,EAAE,MAAM,YAAe,CAAC;QAChC,IAAA,KAAsB,IAAI,CAAC,KAAK,EAA9B,QAAQ,cAAA,EAAE,KAAK,WAAe,CAAC;QAEvC,OAAO,CACL,oBAAC,kBAAkB,IACjB,MAAM,EAAE,QAAQ,IAAI,MAAM,EAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC;IAEa,uCAAW,GAAzB,UAA0B,MAAmB,EAAE,aAAmB;;;;;;wBAC1D,UAAU,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;wBACnE,IAAI,UAAU,EAAE;4BACd,IAAI,CAAC,QAAQ,CAAC;gCACZ,QAAQ,EAAE,UAAU;6BACrB,CAAC,CAAC;4BACH,WAAO;yBACR;6BAEG,yBAAyB,CAAC,MAAM,CAAC,EAAjC,cAAiC;wBACb,WAAM,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,EAAA;;wBAAhE,aAAa,GAAG,SAAgD;wBACtE,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,EAAE,aAAa,CAAC,QAAQ;4BAChC,KAAK,EAAE,aAAa,CAAC,KAAK;yBAC3B,CAAC,CAAC;wBACH,WAAO;4BAGM,WAAM,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,EAAA;;wBAAlD,MAAM,GAAG,SAAyC;wBACxD,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,EAAE,MAAM,CAAC,QAAQ;4BACzB,KAAK,EAAE,MAAM,CAAC,KAAK;yBACpB,CAAC,CAAC;;;;;KACJ;IACH,wBAAC;AAAD,CAAC,AAhED,CAAgC,SAAS,GAgExC;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { Component } from 'react';\nimport { AsyncAPIDocumentInterface } from '@asyncapi/parser';\n\nimport AsyncApiStandalone from './Standalone';\n\nimport {\n  isFetchingSchemaInterface,\n  ErrorObject,\n  PropsSchema,\n} from '../../types';\nimport { ConfigInterface } from '../../config';\nimport { SpecificationHelpers, Parser } from '../../helpers';\n\nexport interface AsyncApiProps {\n  schema: PropsSchema;\n  config?: Partial<ConfigInterface>;\n}\n\ninterface AsyncAPIState {\n  asyncapi?: AsyncAPIDocumentInterface;\n  error?: ErrorObject;\n}\n\nclass AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {\n  state: AsyncAPIState = {\n    asyncapi: undefined,\n    error: undefined,\n  };\n\n  constructor(props: AsyncApiProps) {\n    super(props);\n  }\n\n  async componentDidMount() {\n    if (this.props.schema) {\n      const { schema, config } = this.props;\n      this.parseSchema(schema, config && config.parserOptions);\n    }\n  }\n\n  async componentDidUpdate(prevProps: AsyncApiProps) {\n    const oldSchema = prevProps.schema;\n    const newSchema = this.props.schema;\n\n    if (oldSchema !== newSchema) {\n      const { config } = this.props;\n      this.parseSchema(newSchema, config && config.parserOptions);\n    }\n  }\n\n  render() {\n    const { schema, config } = this.props;\n    const { asyncapi, error } = this.state;\n\n    return (\n      <AsyncApiStandalone\n        schema={asyncapi || schema}\n        config={config}\n        error={error}\n      />\n    );\n  }\n\n  private async parseSchema(schema: PropsSchema, parserOptions?: any) {\n    const parsedSpec = SpecificationHelpers.retrieveParsedSpec(schema);\n    if (parsedSpec) {\n      this.setState({\n        asyncapi: parsedSpec,\n      });\n      return;\n    }\n\n    if (isFetchingSchemaInterface(schema)) {\n      const parsedFromUrl = await Parser.parseFromUrl(schema, parserOptions);\n      this.setState({\n        asyncapi: parsedFromUrl.asyncapi,\n        error: parsedFromUrl.error,\n      });\n      return;\n    }\n\n    const parsed = await Parser.parse(schema, parserOptions);\n    this.setState({\n      asyncapi: parsed.asyncapi,\n      error: parsed.error,\n    });\n  }\n}\n\nexport default AsyncApiComponent;\n"]}
+{"version":3,"file":"AsyncApi.js","sourceRoot":"","sources":["../../../../src/containers/AsyncApi/AsyncApi.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,kBAAkB,MAAM,cAAc,CAAC;AAE9C,OAAO,EACL,yBAAyB,GAG1B,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAY7D;IAAgC,qCAAuC;IAMrE,2BAAY,KAAoB;QAAhC,YACE,kBAAM,KAAK,CAAC,SACb;QAPD,WAAK,GAAkB;YACrB,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,SAAS;SACjB,CAAC;;IAIF,CAAC;IAEK,6CAAiB,GAAvB;;;;;;6BACM,IAAI,CAAC,KAAK,CAAC,MAAM,EAAjB,cAAiB;wBACb,KAAqB,IAAI,CAAC,KAAK,EAA7B,MAAM,YAAA,EAAE,MAAM,YAAA,CAAgB;wBACtC,WAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,EAAA;;wBAArD,SAAqD,CAAC;;;;;;KAEzD;IAEK,8CAAkB,GAAxB,UAAyB,SAAwB;;;;;;wBACzC,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC;wBAC7B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;6BAEhC,CAAA,SAAS,KAAK,SAAS,CAAA,EAAvB,cAAuB;wBACjB,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;wBAC9B,WAAM,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC,EAAA;;wBAAxD,SAAwD,CAAC;;;;;;KAE5D;IAED,kCAAM,GAAN;QACQ,IAAA,KAAqB,IAAI,CAAC,KAAK,EAA7B,MAAM,YAAA,EAAE,MAAM,YAAe,CAAC;QAChC,IAAA,KAAsB,IAAI,CAAC,KAAK,EAA9B,QAAQ,cAAA,EAAE,KAAK,WAAe,CAAC;QAEvC,OAAO,CACL,oBAAC,kBAAkB,IACjB,MAAM,EAAE,QAAQ,IAAI,MAAM,EAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC;IAEa,uCAAW,GAAzB,UAA0B,MAAmB,EAAE,aAAmB;;;;;;wBAC1D,UAAU,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;wBACnE,IAAI,UAAU,EAAE;4BACd,IAAI,CAAC,QAAQ,CAAC;gCACZ,QAAQ,EAAE,UAAU;6BACrB,CAAC,CAAC;4BACH,WAAO;yBACR;6BAEG,yBAAyB,CAAC,MAAM,CAAC,EAAjC,cAAiC;wBACb,WAAM,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,EAAA;;wBAAhE,aAAa,GAAG,SAAgD;wBACtE,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,EAAE,aAAa,CAAC,QAAQ;4BAChC,KAAK,EAAE,aAAa,CAAC,KAAK;yBAC3B,CAAC,CAAC;wBACH,WAAO;4BAGM,WAAM,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,EAAA;;wBAAlD,MAAM,GAAG,SAAyC;wBACxD,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,EAAE,MAAM,CAAC,QAAQ;4BACzB,KAAK,EAAE,MAAM,CAAC,KAAK;yBACpB,CAAC,CAAC;;;;;KACJ;IACH,wBAAC;AAAD,CAAC,AAhED,CAAgC,SAAS,GAgExC;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { Component } from 'react';\nimport { AsyncAPIDocumentInterface } from '@asyncapi/parser';\n\nimport AsyncApiStandalone from './Standalone';\n\nimport {\n  isFetchingSchemaInterface,\n  ErrorObject,\n  PropsSchema,\n} from '../../types';\nimport { ConfigInterface } from '../../config';\nimport { SpecificationHelpers, Parser } from '../../helpers';\n\nexport interface AsyncApiProps {\n  schema: PropsSchema;\n  config?: Partial<ConfigInterface>;\n}\n\ninterface AsyncAPIState {\n  asyncapi?: AsyncAPIDocumentInterface;\n  error?: ErrorObject;\n}\n\nclass AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {\n  state: AsyncAPIState = {\n    asyncapi: undefined,\n    error: undefined,\n  };\n\n  constructor(props: AsyncApiProps) {\n    super(props);\n  }\n\n  async componentDidMount() {\n    if (this.props.schema) {\n      const { schema, config } = this.props;\n      await this.parseSchema(schema, config?.parserOptions);\n    }\n  }\n\n  async componentDidUpdate(prevProps: AsyncApiProps) {\n    const oldSchema = prevProps.schema;\n    const newSchema = this.props.schema;\n\n    if (oldSchema !== newSchema) {\n      const { config } = this.props;\n      await this.parseSchema(newSchema, config?.parserOptions);\n    }\n  }\n\n  render() {\n    const { schema, config } = this.props;\n    const { asyncapi, error } = this.state;\n\n    return (\n      <AsyncApiStandalone\n        schema={asyncapi || schema}\n        config={config}\n        error={error}\n      />\n    );\n  }\n\n  private async parseSchema(schema: PropsSchema, parserOptions?: any) {\n    const parsedSpec = SpecificationHelpers.retrieveParsedSpec(schema);\n    if (parsedSpec) {\n      this.setState({\n        asyncapi: parsedSpec,\n      });\n      return;\n    }\n\n    if (isFetchingSchemaInterface(schema)) {\n      const parsedFromUrl = await Parser.parseFromUrl(schema, parserOptions);\n      this.setState({\n        asyncapi: parsedFromUrl.asyncapi,\n        error: parsedFromUrl.error,\n      });\n      return;\n    }\n\n    const parsed = await Parser.parse(schema, parserOptions);\n    this.setState({\n      asyncapi: parsed.asyncapi,\n      error: parsed.error,\n    });\n  }\n}\n\nexport default AsyncApiComponent;\n"]}

package/lib/esm/containers/AsyncApi/Standalone.js

@@ -39,7 +39,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/lib/esm/containers/Messages/Messages.js

@@ -6,16 +6,17 @@ import { MESSAGES_TEXT } from '../../constants';
 export var Messages = function () {
     var asyncapi = useSpec();
     var config = useConfig();
-    var messages = !asyncapi.components().isEmpty() && asyncapi.components().messages();
-    if (!messages || Object.keys(messages).length === 0) {
+    var messages = !asyncapi.components().isEmpty() &&
+        asyncapi
+            .components()
+            .messages()
+            .all();
+    if (!messages || messages.length === 0) {
         return null;
     }
     return (React.createElement("section", { id: "".concat(CommonHelpers.getIdentifier('messages', config)), className: "mt-16" },
         React.createElement("h2", { className: "2xl:w-7/12 text-3xl font-light mb-4 px-8" }, MESSAGES_TEXT),
-        React.createElement("ul", null, Object.entries(messages).map(function (_a, idx) {
-            var messageName = _a[0], message = _a[1];
-            return (React.createElement("li", { className: "mb-4", key: messageName, id: CommonHelpers.getIdentifier("message-".concat(messageName), config) },
-                React.createElement(Message, { messageName: messageName, message: message, index: idx + 1, key: messageName })));
-        }))));
+        React.createElement("ul", null, messages.map(function (message, idx) { return (React.createElement("li", { className: "mb-4", key: message.id(), id: CommonHelpers.getIdentifier("message-".concat(message.id()), config) },
+            React.createElement(Message, { messageName: message.id(), message: message, index: idx + 1, key: message.id() }))); }))));
 };
 //# sourceMappingURL=Messages.js.map

package/lib/esm/containers/Messages/Messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../../src/containers/Messages/Messages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,IAAM,QAAQ,GAA4B;IAC/C,IAAM,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC3B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GACZ,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC;IAEvE,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACnD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAE,EACxD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,aAAa,CACX;QACL,gCACG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAsB,EAAE,GAAG;gBAA1B,WAAW,QAAA,EAAE,OAAO,QAAA;YAAW,OAAA,CAC7D,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,aAAa,CAAC,aAAa,CAAC,kBAAW,WAAW,CAAE,EAAE,MAAM,CAAC;gBAEjE,oBAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,GAAG,CAAC,EACd,GAAG,EAAE,WAAW,GAChB,CACC,CACN;QAb8D,CAa9D,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Message } from './Message';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { MESSAGES_TEXT } from '../../constants';\n\nexport const Messages: React.FunctionComponent = () => {\n  const asyncapi = useSpec();\n  const config = useConfig();\n  const messages =\n    !asyncapi.components().isEmpty() && asyncapi.components().messages();\n\n  if (!messages || Object.keys(messages).length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('messages', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {MESSAGES_TEXT}\n      </h2>\n      <ul>\n        {Object.entries(messages).map(([messageName, message], idx) => (\n          <li\n            className=\"mb-4\"\n            key={messageName}\n            id={CommonHelpers.getIdentifier(`message-${messageName}`, config)}\n          >\n            <Message\n              messageName={messageName}\n              message={message}\n              index={idx + 1}\n              key={messageName}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n};\n"]}
+{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../../../src/containers/Messages/Messages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,IAAM,QAAQ,GAA4B;IAC/C,IAAM,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC3B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GACZ,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE;QAChC,QAAQ;aACL,UAAU,EAAE;aACZ,QAAQ,EAAE;aACV,GAAG,EAAE,CAAC;IAEX,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;QACtC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAE,EACxD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,aAAa,CACX;QACL,gCACG,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,IAAK,OAAA,CAC9B,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,EACjB,EAAE,EAAE,aAAa,CAAC,aAAa,CAAC,kBAAW,OAAO,CAAC,EAAE,EAAE,CAAE,EAAE,MAAM,CAAC;YAElE,oBAAC,OAAO,IACN,WAAW,EAAE,OAAO,CAAC,EAAE,EAAE,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,GAAG,CAAC,EACd,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,GACjB,CACC,CACN,EAb+B,CAa/B,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Message } from './Message';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { MESSAGES_TEXT } from '../../constants';\n\nexport const Messages: React.FunctionComponent = () => {\n  const asyncapi = useSpec();\n  const config = useConfig();\n  const messages =\n    !asyncapi.components().isEmpty() &&\n    asyncapi\n      .components()\n      .messages()\n      .all();\n\n  if (!messages || messages.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('messages', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {MESSAGES_TEXT}\n      </h2>\n      <ul>\n        {messages.map((message, idx) => (\n          <li\n            className=\"mb-4\"\n            key={message.id()}\n            id={CommonHelpers.getIdentifier(`message-${message.id()}`, config)}\n          >\n            <Message\n              messageName={message.id()}\n              message={message}\n              index={idx + 1}\n              key={message.id()}\n            />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n};\n"]}

package/lib/esm/containers/Operations/Operation.js

@@ -23,7 +23,7 @@ export var Operation = function (props) {
     if (!operation || !channel) {
         return null;
     }
-    var servers = typeof channel.servers === 'function' && channel.servers();
+    var servers = typeof channel.servers === 'function' && channel.servers().all();
     var security = typeof operation.security === 'function' && operation.security();
     var parameters = channel.parameters() !== undefined
         ? SchemaHelpers.parametersToSchema(channel.parameters())
@@ -34,8 +34,8 @@ export var Operation = function (props) {
             servers && servers.length > 0 ? (React.createElement("div", { className: "mt-2 text-sm" },
                 React.createElement("p", null, "Available only on servers:"),
                 React.createElement("ul", { className: "flex flex-wrap leading-normal" }, servers.map(function (server) { return (React.createElement("li", { className: "inline-block mt-2 mr-2", key: server.id() },
-                    React.createElement("a", { href: "#".concat(CommonHelpers.getIdentifier('server-' + server, config)), className: "border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer" },
-                        React.createElement("span", { className: "underline" }, server)))); })))) : null,
+                    React.createElement("a", { href: "#".concat(CommonHelpers.getIdentifier('server-' + server.id(), config)), className: "border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer" },
+                        React.createElement("span", { className: "underline" }, server.id())))); })))) : null,
             parameters && (React.createElement("div", { className: "mt-2", id: CommonHelpers.getIdentifier("operation-".concat(type, "-").concat(channelName, "-parameters"), config) },
                 React.createElement(Schema, { schemaName: "Parameters", schema: parameters, expanded: true }))),
             security && (React.createElement("div", { className: "mt-2", id: CommonHelpers.getIdentifier("operation-".concat(type, "-").concat(channelName, "-security"), config) },
@@ -53,26 +53,40 @@ export var Operation = function (props) {
                 "Accepts ",
                 React.createElement("strong", null, "one of"),
                 " the following messages:"),
-            React.createElement("ul", null, operation.messages().map(function (msg, idx) { return (React.createElement("li", { className: "mt-4", key: idx },
+            React.createElement("ul", null, operation
+                .messages()
+                .all()
+                .map(function (msg, idx) { return (React.createElement("li", { className: "mt-4", key: idx },
                 React.createElement(Message, { message: msg, index: idx, showExamples: true }))); })))) : (React.createElement("div", { className: "mt-2" },
             React.createElement("p", { className: "px-8" }, "Accepts the following message:"),
             React.createElement("div", { className: "mt-2" },
-                React.createElement(Message, { message: operation.messages()[0], showExamples: true })))))));
+                React.createElement(Message, { message: operation.messages().all()[0], showExamples: true })))))));
 };
-export var OperationInfo = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? PayloadType.PUBLISH : _b, operation = _a.operation, channelName = _a.channelName, channel = _a.channel;
+function getTypeInformation(_a) {
+    var _b, _c;
+    var _d = _a.type, type = _d === void 0 ? PayloadType.PUBLISH : _d, config = _a.config;
+    if (type === PayloadType.SUBSCRIBE) {
+        return {
+            borderColor: 'border-green-600 text-green-600',
+            typeLabel: (_b = config.subscribeLabel) !== null && _b !== void 0 ? _b : SUBSCRIBE_LABEL_DEFAULT_TEXT,
+        };
+    }
+    return {
+        borderColor: 'border-blue-600 text-blue-500',
+        typeLabel: (_c = config.publishLabel) !== null && _c !== void 0 ? _c : PUBLISH_LABEL_DEFAULT_TEXT,
+    };
+}
+export var OperationInfo = function (props) {
+    var _a = props.type, type = _a === void 0 ? PayloadType.PUBLISH : _a, operation = props.operation, channelName = props.channelName, channel = props.channel;
     var config = useConfig();
     var operationSummary = operation.summary();
     var externalDocs = operation.externalDocs();
     var operationId = operation.id();
+    var _b = getTypeInformation({ type: type, config: config }), borderColor = _b.borderColor, typeLabel = _b.typeLabel;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "mb-4" },
             React.createElement("h3", null,
-                React.createElement("span", { className: "font-mono border uppercase p-1 rounded mr-2 ".concat(type === PayloadType.PUBLISH
-                        ? 'border-blue-600 text-blue-500'
-                        : 'border-green-600 text-green-600'), title: type }, type === PayloadType.PUBLISH
-                    ? config.publishLabel || PUBLISH_LABEL_DEFAULT_TEXT
-                    : config.subscribeLabel || SUBSCRIBE_LABEL_DEFAULT_TEXT),
+                React.createElement("span", { className: "font-mono border uppercase p-1 rounded mr-2 ".concat(borderColor), title: type }, typeLabel),
                 ' ',
                 React.createElement("span", { className: "font-mono text-base" }, channelName))),
         channel.hasDescription() && (React.createElement("div", { className: "mt-2" },

package/lib/esm/containers/Operations/Operation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.js","sourceRoot":"","sources":["../../../../src/containers/Operations/Operation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,UAAU,GACX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,IAAM,SAAS,GAAmC,UAAA,KAAK;IAC5D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IACnB,IAAA,KAAgE,KAAK,KAA3C,EAA1B,IAAI,mBAAG,WAAW,CAAC,OAAO,KAAA,EAAE,SAAS,GAA2B,KAAK,UAAhC,EAAE,WAAW,GAAc,KAAK,YAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAE9E,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;IAGD,IAAM,OAAO,GAAG,OAAO,OAAO,CAAC,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;IAE3E,IAAM,QAAQ,GACZ,OAAO,SAAS,CAAC,QAAQ,KAAK,UAAU,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;IACnE,IAAM,UAAU,GACd,OAAO,CAAC,UAAU,EAAE,KAAK,SAAS;QAChC,CAAC,CAAC,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QACxD,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,aAAa,eAAK,KAAK,EAAI;YAE3B,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC/B,6BAAK,SAAS,EAAC,cAAc;gBAC3B,4DAAiC;gBACjC,4BAAI,SAAS,EAAC,+BAA+B,IAC1C,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACrB,4BAAI,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE;oBACrD,2BACE,IAAI,EAAE,WAAI,aAAa,CAAC,aAAa,CACnC,SAAS,GAAG,MAAM,EAClB,MAAM,CACP,CAAE,EACH,SAAS,EAAC,yJAAyJ;wBAEnK,8BAAM,SAAS,EAAC,WAAW,IAAE,MAAM,CAAQ,CACzC,CACD,CACN,EAZsB,CAYtB,CAAC,CACC,CACD,CACP,CAAC,CAAC,CAAC,IAAI;YAEP,UAAU,IAAI,CACb,6BACE,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,IAAI,cAAI,WAAW,gBAAa,EAC7C,MAAM,CACP;gBAED,oBAAC,MAAM,IACL,UAAU,EAAC,YAAY,EACvB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,IAAI,GACd,CACE,CACP;YAEA,QAAQ,IAAI,CACX,6BACE,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,IAAI,cAAI,WAAW,cAAW,EAC3C,MAAM,CACP;gBAED,oBAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,kCAAkC,GACzC,CACE,CACP;YAEA,OAAO,CAAC,QAAQ,EAAE,IAAI,CACrB,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,QAAQ,IACP,IAAI,EAAC,8BAA8B,EACnC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,GAC5B,CACE,CACP;YAED,oBAAC,UAAU,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,OAAO,GAAI;YAEtD,SAAS,CAAC,QAAQ,EAAE,IAAI,CACvB,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,QAAQ,IACP,IAAI,EAAC,gCAAgC,EACrC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,GAC9B,CACE,CACP;YAED,oBAAC,UAAU,IAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAE,SAAS,GAAI;YAE1D,SAAS,CAAC,IAAI,EAAE,IAAI,CACnB,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,GAAI,CAC5B,CACP,CACG;QAEN,6BACE,SAAS,EAAC,aAAa,EACvB,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,IAAI,cAAI,WAAW,aAAU,EAC1C,MAAM,CACP,IAEA,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,6BAAK,SAAS,EAAC,MAAM;YACnB,2BAAG,SAAS,EAAC,MAAM;;gBACT,6CAAuB;2CAC7B;YACJ,gCACG,SAAS,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,CACtC,4BAAI,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG;gBAC3B,oBAAC,OAAO,IAAC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,GAAI,CACtD,CACN,EAJuC,CAIvC,CAAC,CACC,CACD,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,MAAM;YACnB,2BAAG,SAAS,EAAC,MAAM,qCAAmC;YACtD,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,OAAO,IAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,GAAI,CAC7D,CACF,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAmC,UAAC,EAK7D;QAJC,YAA0B,EAA1B,IAAI,mBAAG,WAAW,CAAC,OAAO,KAAA,EAC1B,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,OAAO,aAAA;IAEP,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAC7C,IAAM,YAAY,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC;IAC9C,IAAM,WAAW,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC;IAEnC,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,MAAM;YACnB;gBACE,8BACE,SAAS,EAAE,sDACT,IAAI,KAAK,WAAW,CAAC,OAAO;wBAC1B,CAAC,CAAC,+BAA+B;wBACjC,CAAC,CAAC,iCAAiC,CACrC,EACF,KAAK,EAAE,IAAI,IAEV,IAAI,KAAK,WAAW,CAAC,OAAO;oBAC3B,CAAC,CAAC,MAAM,CAAC,YAAY,IAAI,0BAA0B;oBACnD,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,4BAA4B,CACpD;gBAAC,GAAG;gBACX,8BAAM,SAAS,EAAC,qBAAqB,IAAE,WAAW,CAAQ,CACvD,CACD;QAEL,OAAO,CAAC,cAAc,EAAE,IAAI,CAC3B,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,QAAQ,QAAE,OAAO,CAAC,WAAW,EAAE,CAAY,CACxC,CACP;QACA,gBAAgB,IAAI,CACnB,2BAAG,SAAS,EAAC,4BAA4B,IAAE,gBAAgB,CAAK,CACjE;QACA,SAAS,CAAC,cAAc,EAAE,IAAI,CAC7B,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,QAAQ,QAAE,SAAS,CAAC,WAAW,EAAE,CAAY,CAC1C,CACP;QAEA,YAAY,IAAI,CACf,4BAAI,SAAS,EAAC,8CAA8C,IACzD,YAAY,IAAI,CACf,4BAAI,SAAS,EAAC,cAAc;YAC1B,oBAAC,IAAI,IACH,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAE,YAAY,CAAC,GAAG,EAAE;gBAExB,kCAAO,0BAA0B,CAAQ,CACpC,CACJ,CACN,CACE,CACN;QAEA,WAAW,IAAI,CACd,6BAAK,SAAS,EAAC,2CAA2C;YACxD,6BAAK,SAAS,EAAC,uBAAuB;;gBAEpC,8BAAM,SAAS,EAAC,uDAAuD,IACpE,WAAW,CACP,CACH,CACF,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { ChannelInterface, OperationInterface } from '@asyncapi/parser';\n\nimport { Message } from '../Messages/Message';\nimport { Security } from '../Servers/Security';\nimport {\n  Href,\n  Markdown,\n  Schema,\n  Bindings,\n  Tags,\n  Extensions,\n} from '../../components';\n\nimport { useConfig } from '../../contexts';\nimport { CommonHelpers, SchemaHelpers } from '../../helpers';\nimport {\n  EXTERAL_DOCUMENTATION_TEXT,\n  PUBLISH_LABEL_DEFAULT_TEXT,\n  SUBSCRIBE_LABEL_DEFAULT_TEXT,\n} from '../../constants';\nimport { PayloadType } from '../../types';\n\ninterface Props {\n  type: PayloadType;\n  operation: OperationInterface;\n  channelName: string;\n  channel: ChannelInterface;\n}\n\nexport const Operation: React.FunctionComponent<Props> = props => {\n  const config = useConfig();\n  const { type = PayloadType.PUBLISH, operation, channelName, channel } = props;\n\n  if (!operation || !channel) {\n    return null;\n  }\n\n  // check typeof as fallback for older version than `2.2.0`\n  const servers = typeof channel.servers === 'function' && channel.servers();\n  // check typeof as fallback for older version than `2.4.0`\n  const security =\n    typeof operation.security === 'function' && operation.security();\n  const parameters =\n    channel.parameters() !== undefined\n      ? SchemaHelpers.parametersToSchema(channel.parameters())\n      : undefined;\n\n  return (\n    <div>\n      <div className=\"panel-item--center px-8\">\n        <OperationInfo {...props} />\n\n        {servers && servers.length > 0 ? (\n          <div className=\"mt-2 text-sm\">\n            <p>Available only on servers:</p>\n            <ul className=\"flex flex-wrap leading-normal\">\n              {servers.map(server => (\n                <li className=\"inline-block mt-2 mr-2\" key={server.id()}>\n                  <a\n                    href={`#${CommonHelpers.getIdentifier(\n                      'server-' + server,\n                      config,\n                    )}`}\n                    className=\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\"\n                  >\n                    <span className=\"underline\">{server}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n\n        {parameters && (\n          <div\n            className=\"mt-2\"\n            id={CommonHelpers.getIdentifier(\n              `operation-${type}-${channelName}-parameters`,\n              config,\n            )}\n          >\n            <Schema\n              schemaName=\"Parameters\"\n              schema={parameters}\n              expanded={true}\n            />\n          </div>\n        )}\n\n        {security && (\n          <div\n            className=\"mt-2\"\n            id={CommonHelpers.getIdentifier(\n              `operation-${type}-${channelName}-security`,\n              config,\n            )}\n          >\n            <Security\n              security={security}\n              header=\"Additional security requirements\"\n            />\n          </div>\n        )}\n\n        {channel.bindings() && (\n          <div className=\"mt-2\">\n            <Bindings\n              name=\"Channel specific information\"\n              bindings={channel.bindings()}\n            />\n          </div>\n        )}\n\n        <Extensions name=\"Channel Extensions\" item={channel} />\n\n        {operation.bindings() && (\n          <div className=\"mt-2\">\n            <Bindings\n              name=\"Operation specific information\"\n              bindings={operation.bindings()}\n            />\n          </div>\n        )}\n\n        <Extensions name=\"Operation Extensions\" item={operation} />\n\n        {operation.tags() && (\n          <div className=\"mt-2\">\n            <Tags tags={operation.tags()} />\n          </div>\n        )}\n      </div>\n\n      <div\n        className=\"w-full mt-4\"\n        id={CommonHelpers.getIdentifier(\n          `operation-${type}-${channelName}-message`,\n          config,\n        )}\n      >\n        {operation.messages().length > 1 ? (\n          <div className=\"mt-2\">\n            <p className=\"px-8\">\n              Accepts <strong>one of</strong> the following messages:\n            </p>\n            <ul>\n              {operation.messages().map((msg, idx) => (\n                <li className=\"mt-4\" key={idx}>\n                  <Message message={msg} index={idx} showExamples={true} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : (\n          <div className=\"mt-2\">\n            <p className=\"px-8\">Accepts the following message:</p>\n            <div className=\"mt-2\">\n              <Message message={operation.messages()[0]} showExamples={true} />\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const OperationInfo: React.FunctionComponent<Props> = ({\n  type = PayloadType.PUBLISH,\n  operation,\n  channelName,\n  channel,\n}) => {\n  const config = useConfig();\n  const operationSummary = operation.summary();\n  const externalDocs = operation.externalDocs();\n  const operationId = operation.id();\n\n  return (\n    <>\n      <div className=\"mb-4\">\n        <h3>\n          <span\n            className={`font-mono border uppercase p-1 rounded mr-2 ${\n              type === PayloadType.PUBLISH\n                ? 'border-blue-600 text-blue-500'\n                : 'border-green-600 text-green-600'\n            }`}\n            title={type}\n          >\n            {type === PayloadType.PUBLISH\n              ? config.publishLabel || PUBLISH_LABEL_DEFAULT_TEXT\n              : config.subscribeLabel || SUBSCRIBE_LABEL_DEFAULT_TEXT}\n          </span>{' '}\n          <span className=\"font-mono text-base\">{channelName}</span>\n        </h3>\n      </div>\n\n      {channel.hasDescription() && (\n        <div className=\"mt-2\">\n          <Markdown>{channel.description()}</Markdown>\n        </div>\n      )}\n      {operationSummary && (\n        <p className=\"text-gray-600 text-sm mt-2\">{operationSummary}</p>\n      )}\n      {operation.hasDescription() && (\n        <div className=\"mt-2\">\n          <Markdown>{operation.description()}</Markdown>\n        </div>\n      )}\n\n      {externalDocs && (\n        <ul className=\"leading-normal mt-2 mb-4 space-x-2 space-y-2\">\n          {externalDocs && (\n            <li className=\"inline-block\">\n              <Href\n                className=\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\"\n                href={externalDocs.url()}\n              >\n                <span>{EXTERAL_DOCUMENTATION_TEXT}</span>\n              </Href>\n            </li>\n          )}\n        </ul>\n      )}\n\n      {operationId && (\n        <div className=\"border bg-gray-100 rounded px-4 py-2 mt-2\">\n          <div className=\"text-sm text-gray-700\">\n            Operation ID\n            <span className=\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\">\n              {operationId}\n            </span>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Operation.js","sourceRoot":"","sources":["../../../../src/containers/Operations/Operation.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ChannelInterface, OperationInterface } from '@asyncapi/parser';\n\nimport { Message } from '../Messages/Message';\nimport { Security } from '../Servers/Security';\nimport {\n  Href,\n  Markdown,\n  Schema,\n  Bindings,\n  Tags,\n  Extensions,\n} from '../../components';\n\nimport { useConfig } from '../../contexts';\nimport { CommonHelpers, SchemaHelpers } from '../../helpers';\nimport {\n  EXTERAL_DOCUMENTATION_TEXT,\n  PUBLISH_LABEL_DEFAULT_TEXT,\n  SUBSCRIBE_LABEL_DEFAULT_TEXT,\n} from '../../constants';\nimport { PayloadType } from '../../types';\nimport { ConfigInterface } from '../../config/config';\ninterface Props {\n  type: PayloadType;\n  operation: OperationInterface;\n  channelName: string;\n  channel: ChannelInterface;\n}\n\nexport const Operation: React.FunctionComponent<Props> = props => {\n  const config = useConfig();\n  const { type = PayloadType.PUBLISH, operation, channelName, channel } = props;\n\n  if (!operation || !channel) {\n    return null;\n  }\n\n  // check typeof as fallback for older version than `2.2.0`\n  const servers =\n    typeof channel.servers === 'function' && channel.servers().all();\n  // check typeof as fallback for older version than `2.4.0`\n  const security =\n    typeof operation.security === 'function' && operation.security();\n  const parameters =\n    channel.parameters() !== undefined\n      ? SchemaHelpers.parametersToSchema(channel.parameters())\n      : undefined;\n\n  return (\n    <div>\n      <div className=\"panel-item--center px-8\">\n        <OperationInfo {...props} />\n\n        {servers && servers.length > 0 ? (\n          <div className=\"mt-2 text-sm\">\n            <p>Available only on servers:</p>\n            <ul className=\"flex flex-wrap leading-normal\">\n              {servers.map(server => (\n                <li className=\"inline-block mt-2 mr-2\" key={server.id()}>\n                  <a\n                    href={`#${CommonHelpers.getIdentifier(\n                      'server-' + server.id(),\n                      config,\n                    )}`}\n                    className=\"border border-solid border-blue-300 hover:bg-blue-300 hover:text-blue-600 text-blue-500 font-bold no-underline text-xs rounded px-3 py-1 cursor-pointer\"\n                  >\n                    <span className=\"underline\">{server.id()}</span>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n\n        {parameters && (\n          <div\n            className=\"mt-2\"\n            id={CommonHelpers.getIdentifier(\n              `operation-${type}-${channelName}-parameters`,\n              config,\n            )}\n          >\n            <Schema\n              schemaName=\"Parameters\"\n              schema={parameters}\n              expanded={true}\n            />\n          </div>\n        )}\n\n        {security && (\n          <div\n            className=\"mt-2\"\n            id={CommonHelpers.getIdentifier(\n              `operation-${type}-${channelName}-security`,\n              config,\n            )}\n          >\n            <Security\n              security={security}\n              header=\"Additional security requirements\"\n            />\n          </div>\n        )}\n\n        {channel.bindings() && (\n          <div className=\"mt-2\">\n            <Bindings\n              name=\"Channel specific information\"\n              bindings={channel.bindings()}\n            />\n          </div>\n        )}\n\n        <Extensions name=\"Channel Extensions\" item={channel} />\n\n        {operation.bindings() && (\n          <div className=\"mt-2\">\n            <Bindings\n              name=\"Operation specific information\"\n              bindings={operation.bindings()}\n            />\n          </div>\n        )}\n\n        <Extensions name=\"Operation Extensions\" item={operation} />\n\n        {operation.tags() && (\n          <div className=\"mt-2\">\n            <Tags tags={operation.tags()} />\n          </div>\n        )}\n      </div>\n\n      <div\n        className=\"w-full mt-4\"\n        id={CommonHelpers.getIdentifier(\n          `operation-${type}-${channelName}-message`,\n          config,\n        )}\n      >\n        {operation.messages().length > 1 ? (\n          <div className=\"mt-2\">\n            <p className=\"px-8\">\n              Accepts <strong>one of</strong> the following messages:\n            </p>\n            <ul>\n              {operation\n                .messages()\n                .all()\n                .map((msg, idx) => (\n                  <li className=\"mt-4\" key={idx}>\n                    <Message message={msg} index={idx} showExamples={true} />\n                  </li>\n                ))}\n            </ul>\n          </div>\n        ) : (\n          <div className=\"mt-2\">\n            <p className=\"px-8\">Accepts the following message:</p>\n            <div className=\"mt-2\">\n              <Message\n                message={operation.messages().all()[0]}\n                showExamples={true}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nfunction getTypeInformation({\n  type = PayloadType.PUBLISH,\n  config,\n}: {\n  type: PayloadType;\n  config: ConfigInterface;\n}): { borderColor: string; typeLabel: string } {\n  if (type === PayloadType.SUBSCRIBE) {\n    return {\n      borderColor: 'border-green-600 text-green-600',\n      typeLabel: config.subscribeLabel ?? SUBSCRIBE_LABEL_DEFAULT_TEXT,\n    };\n  }\n  // type === PayloadType.PUBLISH\n  return {\n    borderColor: 'border-blue-600 text-blue-500',\n    typeLabel: config.publishLabel ?? PUBLISH_LABEL_DEFAULT_TEXT,\n  };\n}\n\nexport const OperationInfo: React.FunctionComponent<Props> = props => {\n  const { type = PayloadType.PUBLISH, operation, channelName, channel } = props;\n  const config = useConfig();\n  const operationSummary = operation.summary();\n  const externalDocs = operation.externalDocs();\n  const operationId = operation.id();\n  const { borderColor, typeLabel } = getTypeInformation({ type, config });\n\n  return (\n    <>\n      <div className=\"mb-4\">\n        <h3>\n          <span\n            className={`font-mono border uppercase p-1 rounded mr-2 ${borderColor}`}\n            title={type}\n          >\n            {typeLabel}\n          </span>{' '}\n          <span className=\"font-mono text-base\">{channelName}</span>\n        </h3>\n      </div>\n\n      {channel.hasDescription() && (\n        <div className=\"mt-2\">\n          <Markdown>{channel.description()}</Markdown>\n        </div>\n      )}\n      {operationSummary && (\n        <p className=\"text-gray-600 text-sm mt-2\">{operationSummary}</p>\n      )}\n      {operation.hasDescription() && (\n        <div className=\"mt-2\">\n          <Markdown>{operation.description()}</Markdown>\n        </div>\n      )}\n\n      {externalDocs && (\n        <ul className=\"leading-normal mt-2 mb-4 space-x-2 space-y-2\">\n          {externalDocs && (\n            <li className=\"inline-block\">\n              <Href\n                className=\"border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1\"\n                href={externalDocs.url()}\n              >\n                <span>{EXTERAL_DOCUMENTATION_TEXT}</span>\n              </Href>\n            </li>\n          )}\n        </ul>\n      )}\n\n      {operationId && (\n        <div className=\"border bg-gray-100 rounded px-4 py-2 mt-2\">\n          <div className=\"text-sm text-gray-700\">\n            Operation ID\n            <span className=\"border text-orange-600 rounded text-xs ml-2 py-0 px-2\">\n              {operationId}\n            </span>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}

package/lib/esm/containers/Operations/Operations.js

@@ -5,21 +5,25 @@ import { CommonHelpers } from '../../helpers';
 import { OPERATIONS_TEXT } from '../../constants';
 import { PayloadType } from '../../types';
 export var Operations = function () {
-    var operations = useSpec().operations();
+    var operations = useSpec()
+        .operations()
+        .all();
     var config = useConfig();
     if (!Object.keys(operations).length) {
         return null;
     }
     var operationsList = [];
-    Object.entries(operations).forEach(function (_a) {
-        var operationName = _a[0], operation = _a[1];
+    operations.forEach(function (operation) {
+        var _a;
+        var channel = operation.channels().all()[0];
+        var channelAddress = (_a = channel === null || channel === void 0 ? void 0 : channel.address()) !== null && _a !== void 0 ? _a : '';
         if (operation.isSend()) {
-            operationsList.push(React.createElement("li", { className: "mb-12", key: "pub-".concat(operationName), id: CommonHelpers.getIdentifier("operation-".concat(PayloadType.PUBLISH, "-").concat(operationName), config) },
-                React.createElement(Operation, { type: PayloadType.PUBLISH, operation: operation, channelName: operationName, channel: operation.channels()[0] })));
+            operationsList.push(React.createElement("li", { className: "mb-12", key: "pub-".concat(operation.id()), id: CommonHelpers.getIdentifier("operation-".concat(PayloadType.PUBLISH, "-").concat(operation.id()), config) },
+                React.createElement(Operation, { type: PayloadType.PUBLISH, operation: operation, channelName: channelAddress, channel: channel })));
         }
         if (operation.isReceive()) {
-            operationsList.push(React.createElement("li", { className: "mb-12", key: "sub-".concat(operationName), id: CommonHelpers.getIdentifier("operation-".concat(PayloadType.SUBSCRIBE, "-").concat(operationName), config) },
-                React.createElement(Operation, { type: PayloadType.SUBSCRIBE, operation: operation, channelName: operationName, channel: operation.channels()[0] })));
+            operationsList.push(React.createElement("li", { className: "mb-12", key: "sub-".concat(operation.id()), id: CommonHelpers.getIdentifier("operation-".concat(PayloadType.SUBSCRIBE, "-").concat(operation.id()), config) },
+                React.createElement(Operation, { type: PayloadType.SUBSCRIBE, operation: operation, channelName: channelAddress, channel: channel })));
         }
     });
     return (React.createElement("section", { id: "".concat(CommonHelpers.getIdentifier('operations', config)), className: "mt-16" },

package/lib/esm/containers/Operations/Operations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operations.js","sourceRoot":"","sources":["../../../../src/containers/Operations/Operations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,UAAU,GAAG,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC;IAC1C,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE;QACnC,OAAO,IAAI,CAAC;KACb;IAED,IAAM,cAAc,GAAyB,EAAE,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAC,EAA0B;YAAzB,aAAa,QAAA,EAAE,SAAS,QAAA;QAC3D,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE;YACtB,cAAc,CAAC,IAAI,CACjB,4BACE,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,cAAO,aAAa,CAAE,EAC3B,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,WAAW,CAAC,OAAO,cAAI,aAAa,CAAE,EACnD,MAAM,CACP;gBAED,oBAAC,SAAS,IACR,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAChC,CACC,CACN,CAAC;SACH;QACD,IAAI,SAAS,CAAC,SAAS,EAAE,EAAE;YACzB,cAAc,CAAC,IAAI,CACjB,4BACE,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,cAAO,aAAa,CAAE,EAC3B,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,WAAW,CAAC,SAAS,cAAI,aAAa,CAAE,EACrD,MAAM,CACP;gBAED,oBAAC,SAAS,IACR,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAChC,CACC,CACN,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,CAAE,EAC1D,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,eAAe,CACb;QACL,gCAAK,cAAc,CAAM,CACjB,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Operation } from './Operation';\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { OPERATIONS_TEXT } from '../../constants';\nimport { PayloadType } from '../../types';\n\nexport const Operations: React.FunctionComponent = () => {\n  const operations = useSpec().operations();\n  const config = useConfig();\n\n  if (!Object.keys(operations).length) {\n    return null;\n  }\n\n  const operationsList: React.ReactNodeArray = [];\n  Object.entries(operations).forEach(([operationName, operation]) => {\n    if (operation.isSend()) {\n      operationsList.push(\n        <li\n          className=\"mb-12\"\n          key={`pub-${operationName}`}\n          id={CommonHelpers.getIdentifier(\n            `operation-${PayloadType.PUBLISH}-${operationName}`,\n            config,\n          )}\n        >\n          <Operation\n            type={PayloadType.PUBLISH}\n            operation={operation}\n            channelName={operationName}\n            channel={operation.channels()[0]}\n          />\n        </li>,\n      );\n    }\n    if (operation.isReceive()) {\n      operationsList.push(\n        <li\n          className=\"mb-12\"\n          key={`sub-${operationName}`}\n          id={CommonHelpers.getIdentifier(\n            `operation-${PayloadType.SUBSCRIBE}-${operationName}`,\n            config,\n          )}\n        >\n          <Operation\n            type={PayloadType.SUBSCRIBE}\n            operation={operation}\n            channelName={operationName}\n            channel={operation.channels()[0]}\n          />\n        </li>,\n      );\n    }\n  });\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('operations', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {OPERATIONS_TEXT}\n      </h2>\n      <ul>{operationsList}</ul>\n    </section>\n  );\n};\n"]}
+{"version":3,"file":"Operations.js","sourceRoot":"","sources":["../../../../src/containers/Operations/Operations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,UAAU,GAAG,OAAO,EAAE;SACzB,UAAU,EAAE;SACZ,GAAG,EAAE,CAAC;IACT,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE;QACnC,OAAO,IAAI,CAAC;KACb;IAED,IAAM,cAAc,GAAyB,EAAE,CAAC;IAChD,UAAU,CAAC,OAAO,CAAC,UAAA,SAAS;;QAC1B,IAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QAC9C,IAAM,cAAc,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,mCAAI,EAAE,CAAC;QAChD,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE;YACtB,cAAc,CAAC,IAAI,CACjB,4BACE,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,cAAO,SAAS,CAAC,EAAE,EAAE,CAAE,EAC5B,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,WAAW,CAAC,OAAO,cAAI,SAAS,CAAC,EAAE,EAAE,CAAE,EACpD,MAAM,CACP;gBAED,oBAAC,SAAS,IACR,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,OAAO,GAChB,CACC,CACN,CAAC;SACH;QACD,IAAI,SAAS,CAAC,SAAS,EAAE,EAAE;YACzB,cAAc,CAAC,IAAI,CACjB,4BACE,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,cAAO,SAAS,CAAC,EAAE,EAAE,CAAE,EAC5B,EAAE,EAAE,aAAa,CAAC,aAAa,CAC7B,oBAAa,WAAW,CAAC,SAAS,cAAI,SAAS,CAAC,EAAE,EAAE,CAAE,EACtD,MAAM,CACP;gBAED,oBAAC,SAAS,IACR,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,OAAO,GAChB,CACC,CACN,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,CAAE,EAC1D,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,eAAe,CACb;QACL,gCAAK,cAAc,CAAM,CACjB,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Operation } from './Operation';\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { OPERATIONS_TEXT } from '../../constants';\nimport { PayloadType } from '../../types';\n\nexport const Operations: React.FunctionComponent = () => {\n  const operations = useSpec()\n    .operations()\n    .all();\n  const config = useConfig();\n\n  if (!Object.keys(operations).length) {\n    return null;\n  }\n\n  const operationsList: React.ReactNodeArray = [];\n  operations.forEach(operation => {\n    const channel = operation.channels().all()[0];\n    const channelAddress = channel?.address() ?? '';\n    if (operation.isSend()) {\n      operationsList.push(\n        <li\n          className=\"mb-12\"\n          key={`pub-${operation.id()}`}\n          id={CommonHelpers.getIdentifier(\n            `operation-${PayloadType.PUBLISH}-${operation.id()}`,\n            config,\n          )}\n        >\n          <Operation\n            type={PayloadType.PUBLISH}\n            operation={operation}\n            channelName={channelAddress}\n            channel={channel}\n          />\n        </li>,\n      );\n    }\n    if (operation.isReceive()) {\n      operationsList.push(\n        <li\n          className=\"mb-12\"\n          key={`sub-${operation.id()}`}\n          id={CommonHelpers.getIdentifier(\n            `operation-${PayloadType.SUBSCRIBE}-${operation.id()}`,\n            config,\n          )}\n        >\n          <Operation\n            type={PayloadType.SUBSCRIBE}\n            operation={operation}\n            channelName={channelAddress}\n            channel={channel}\n          />\n        </li>,\n      );\n    }\n  });\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('operations', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {OPERATIONS_TEXT}\n      </h2>\n      <ul>{operationsList}</ul>\n    </section>\n  );\n};\n"]}

package/lib/esm/containers/Schemas/Schemas.js

@@ -6,16 +6,17 @@ import { SCHEMAS_TEXT } from '../../constants';
 export var Schemas = function () {
     var asyncapi = useSpec();
     var config = useConfig();
-    var schemas = !asyncapi.components().isEmpty() && asyncapi.components().schemas();
-    if (!schemas || Object.keys(schemas).length === 0) {
+    var schemas = !asyncapi.components().isEmpty() &&
+        asyncapi
+            .components()
+            .schemas()
+            .all();
+    if (!schemas || schemas.length === 0) {
         return null;
     }
     return (React.createElement("section", { id: "".concat(CommonHelpers.getIdentifier('schemas', config)), className: "mt-16" },
         React.createElement("h2", { className: "2xl:w-7/12 text-3xl font-light mb-4 px-8" }, SCHEMAS_TEXT),
-        React.createElement("ul", null, Object.entries(schemas).map(function (_a) {
-            var schemaName = _a[0], schema = _a[1];
-            return (React.createElement("li", { className: "mb-4", key: schemaName, id: CommonHelpers.getIdentifier("schema-".concat(schemaName), config) },
-                React.createElement(Schema, { schemaName: schemaName, schema: schema })));
-        }))));
+        React.createElement("ul", null, schemas.map(function (schema) { return (React.createElement("li", { className: "mb-4", key: schema.id(), id: CommonHelpers.getIdentifier("schema-".concat(schema.id()), config) },
+            React.createElement(Schema, { schemaName: schema.id(), schema: schema }))); }))));
 };
 //# sourceMappingURL=Schemas.js.map

package/lib/esm/containers/Schemas/Schemas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Schemas.js","sourceRoot":"","sources":["../../../../src/containers/Schemas/Schemas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,IAAM,OAAO,GAA4B;IAC9C,IAAM,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC3B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,OAAO,GACX,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC;IAEtE,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACjD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,CAAE,EACvD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,YAAY,CACV;QACL,gCACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAoB;gBAAnB,UAAU,QAAA,EAAE,MAAM,QAAA;YAAM,OAAA,CACrD,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAU,UAAU,CAAE,EAAE,MAAM,CAAC;gBAE/D,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAC/C,CACN;QARsD,CAQtD,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Schema } from './Schema';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { SCHEMAS_TEXT } from '../../constants';\n\nexport const Schemas: React.FunctionComponent = () => {\n  const asyncapi = useSpec();\n  const config = useConfig();\n  const schemas =\n    !asyncapi.components().isEmpty() && asyncapi.components().schemas();\n\n  if (!schemas || Object.keys(schemas).length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('schemas', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {SCHEMAS_TEXT}\n      </h2>\n      <ul>\n        {Object.entries(schemas).map(([schemaName, schema]) => (\n          <li\n            className=\"mb-4\"\n            key={schemaName}\n            id={CommonHelpers.getIdentifier(`schema-${schemaName}`, config)}\n          >\n            <Schema schemaName={schemaName} schema={schema} />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n};\n"]}
+{"version":3,"file":"Schemas.js","sourceRoot":"","sources":["../../../../src/containers/Schemas/Schemas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,IAAM,OAAO,GAA4B;IAC9C,IAAM,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC3B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,OAAO,GACX,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE;QAChC,QAAQ;aACL,UAAU,EAAE;aACZ,OAAO,EAAE;aACT,GAAG,EAAE,CAAC;IAEX,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,CAAE,EACvD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,YAAY,CACV;QACL,gCACG,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,CACrB,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,EAChB,EAAE,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAU,MAAM,CAAC,EAAE,EAAE,CAAE,EAAE,MAAM,CAAC;YAEhE,oBAAC,MAAM,IAAC,UAAU,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,CAChD,CACN,EARsB,CAQtB,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Schema } from './Schema';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { SCHEMAS_TEXT } from '../../constants';\n\nexport const Schemas: React.FunctionComponent = () => {\n  const asyncapi = useSpec();\n  const config = useConfig();\n  const schemas =\n    !asyncapi.components().isEmpty() &&\n    asyncapi\n      .components()\n      .schemas()\n      .all();\n\n  if (!schemas || schemas.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('schemas', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {SCHEMAS_TEXT}\n      </h2>\n      <ul>\n        {schemas.map(schema => (\n          <li\n            className=\"mb-4\"\n            key={schema.id()}\n            id={CommonHelpers.getIdentifier(`schema-${schema.id()}`, config)}\n          >\n            <Schema schemaName={schema.id()} schema={schema} />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n};\n"]}

package/lib/esm/containers/Servers/Servers.js

@@ -4,15 +4,17 @@ import { useConfig, useSpec } from '../../contexts';
 import { CommonHelpers } from '../../helpers';
 import { SERVERS_TEXT } from '../../constants';
 export var Servers = function () {
-    var servers = useSpec().servers();
+    var servers = useSpec()
+        .servers()
+        .all();
     var config = useConfig();
-    if (!Object.keys(servers).length) {
+    if (!servers.length) {
         return null;
     }
     return (React.createElement("section", { id: "".concat(CommonHelpers.getIdentifier('servers', config)), className: "mt-16" },
         React.createElement("h2", { className: "2xl:w-7/12 text-3xl font-light mb-4 px-8" }, SERVERS_TEXT),
-        React.createElement("ul", null, Object.entries(servers).map(function (_a) {
-            var serverName = _a[0], server = _a[1];
+        React.createElement("ul", null, servers.map(function (server) {
+            var serverName = server.id();
             return (React.createElement("li", { className: "mb-4", key: serverName, id: "".concat(CommonHelpers.getIdentifier("server-".concat(serverName), config)) },
                 React.createElement(Server, { serverName: serverName, server: server, key: serverName })));
         }))));

package/lib/esm/containers/Servers/Servers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Servers.js","sourceRoot":"","sources":["../../../../src/containers/Servers/Servers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,IAAM,OAAO,GAA4B;IAC9C,IAAM,OAAO,GAAG,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC;IACpC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,CAAE,EACvD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,YAAY,CACV;QACL,gCACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAoB;gBAAnB,UAAU,QAAA,EAAE,MAAM,QAAA;YAAM,OAAA,CACrD,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAChC,iBAAU,UAAU,CAAE,EACtB,MAAM,CACP,CAAE;gBAEH,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,GAAI,CAChE,CACN;QAXsD,CAWtD,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Server } from './Server';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { SERVERS_TEXT } from '../../constants';\n\nexport const Servers: React.FunctionComponent = () => {\n  const servers = useSpec().servers();\n  const config = useConfig();\n\n  if (!Object.keys(servers).length) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('servers', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {SERVERS_TEXT}\n      </h2>\n      <ul>\n        {Object.entries(servers).map(([serverName, server]) => (\n          <li\n            className=\"mb-4\"\n            key={serverName}\n            id={`${CommonHelpers.getIdentifier(\n              `server-${serverName}`,\n              config,\n            )}`}\n          >\n            <Server serverName={serverName} server={server} key={serverName} />\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n};\n"]}
+{"version":3,"file":"Servers.js","sourceRoot":"","sources":["../../../../src/containers/Servers/Servers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,CAAC,IAAM,OAAO,GAA4B;IAC9C,IAAM,OAAO,GAAG,OAAO,EAAE;SACtB,OAAO,EAAE;SACT,GAAG,EAAE,CAAC;IACT,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,CAAE,EACvD,SAAS,EAAC,OAAO;QAEjB,4BAAI,SAAS,EAAC,0CAA0C,IACrD,YAAY,CACV;QACL,gCACG,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM;YACjB,IAAM,UAAU,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC;YAC/B,OAAO,CACL,4BACE,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,UAAU,EACf,EAAE,EAAE,UAAG,aAAa,CAAC,aAAa,CAChC,iBAAU,UAAU,CAAE,EACtB,MAAM,CACP,CAAE;gBAEH,oBAAC,MAAM,IACL,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,UAAU,GACf,CACC,CACN,CAAC;QACJ,CAAC,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Server } from './Server';\n\nimport { useConfig, useSpec } from '../../contexts';\nimport { CommonHelpers } from '../../helpers';\nimport { SERVERS_TEXT } from '../../constants';\n\nexport const Servers: React.FunctionComponent = () => {\n  const servers = useSpec()\n    .servers()\n    .all();\n  const config = useConfig();\n\n  if (!servers.length) {\n    return null;\n  }\n\n  return (\n    <section\n      id={`${CommonHelpers.getIdentifier('servers', config)}`}\n      className=\"mt-16\"\n    >\n      <h2 className=\"2xl:w-7/12 text-3xl font-light mb-4 px-8\">\n        {SERVERS_TEXT}\n      </h2>\n      <ul>\n        {servers.map(server => {\n          const serverName = server.id();\n          return (\n            <li\n              className=\"mb-4\"\n              key={serverName}\n              id={`${CommonHelpers.getIdentifier(\n                `server-${serverName}`,\n                config,\n              )}`}\n            >\n              <Server\n                serverName={serverName}\n                server={server}\n                key={serverName}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n};\n"]}

package/lib/esm/helpers/parser.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/lib/esm/helpers/parser.js.map

@@ -1 +1 @@
-{"version":3,"file":"parser.js","sourceRoot":"","sources":["../../../src/helpers/parser.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAMhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,IAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;AAC5C,cAAc,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAC3D,cAAc,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAIxD;IAAA;IAkCA,CAAC;IAjCc,YAAK,GAAlB,UACE,OAAqB,EACrB,aAAmB;;;;;;;wBAGI,WAAM,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,EAAA;;wBAA/D,aAAa,CAAA,SAAkD,CAAA,SAAvD;wBAChB,WAAO,EAAE,QAAQ,EAAE,UAAQ,EAAE,EAAC;;;wBAE9B,WAAO,IAAI,CAAC,WAAW,CAAC,KAAkB,CAAC,EAAC;;;;;KAE/C;IAEY,mBAAY,GAAzB,UACE,GAA4B,EAC5B,aAAmB;;;;;;;wBAGX,UAAU,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;wBACnD,WAAM,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,EAAA;;wBAAlD,aAAa,CAAA,SAAqC,CAAA,SAA1C;wBAChB,WAAO,EAAE,QAAQ,EAAE,UAAQ,EAAE,EAAC;;;wBAE9B,WAAO,IAAI,CAAC,WAAW,CAAC,KAAkB,CAAC,EAAC;;;;;KAE/C;IAEc,kBAAW,GAAG,UAAC,GAAgB;QAC5C,IAAI,GAAG,CAAC,IAAI,KAAK,sBAAsB,EAAE;YACvC,OAAO;gBACL,KAAK,EAAE,GAAG;aACX,CAAC;SACH;QACD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IACxB,CAAC,CAAC;IACJ,aAAC;CAAA,AAlCD,IAkCC;SAlCY,MAAM","sourcesContent":["import { Parser as AsyncapiParser, fromURL } from '@asyncapi/parser';\nimport { OpenAPISchemaParser } from '@asyncapi/openapi-schema-parser';\nimport { AvroSchemaParser } from '@asyncapi/avro-schema-parser';\n// @ts-ignore\nimport protoSchemaParser from '@asyncapi/protobuf-schema-parser';\n\nimport { ErrorObject, ParserReturn, FetchingSchemaInterface } from '../types';\n\nimport { VALIDATION_ERRORS_TYPE } from '../constants';\n\nconst asyncapiParser = new AsyncapiParser();\nasyncapiParser.registerSchemaParser(OpenAPISchemaParser());\nasyncapiParser.registerSchemaParser(AvroSchemaParser());\n// Waiting for schema parser to be upgraded\n// asyncapiParser.registerSchemaParser(protoSchemaParser);\n\nexport class Parser {\n  static async parse(\n    content: string | any,\n    parserOptions?: any,\n  ): Promise<ParserReturn> {\n    try {\n      const { document } = await asyncapiParser.parse(content, parserOptions);\n      return { asyncapi: document };\n    } catch (err) {\n      return this.handleError(err as ErrorObject);\n    }\n  }\n\n  static async parseFromUrl(\n    arg: FetchingSchemaInterface,\n    parserOptions?: any,\n  ): Promise<ParserReturn> {\n    try {\n      const fromResult = fromURL(asyncapiParser, arg.url, arg.requestOptions);\n      const { document } = await fromResult.parse(parserOptions);\n      return { asyncapi: document };\n    } catch (err) {\n      return this.handleError(err as ErrorObject);\n    }\n  }\n\n  private static handleError = (err: ErrorObject): ParserReturn => {\n    if (err.type === VALIDATION_ERRORS_TYPE) {\n      return {\n        error: err,\n      };\n    }\n    return { error: err };\n  };\n}\n"]}
+{"version":3,"file":"parser.js","sourceRoot":"","sources":["../../../src/helpers/parser.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAMhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,IAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAC;AAC5C,cAAc,CAAC,oBAAoB,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAC3D,cAAc,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAIxD;IAAA;IAsCA,CAAC;IArCc,YAAK,GAAlB,UACE,OAAqB,EACrB,aAAmB;;;;;;;wBAGI,WAAM,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,CAAC,EAAA;;wBAA/D,aAAa,CAAA,SAAkD,CAAA,SAAvD;wBAChB,WAAO,EAAE,QAAQ,EAAE,UAAQ,EAAE,EAAC;;;wBAE9B,WAAO,IAAI,CAAC,WAAW,CAAC,KAAkB,CAAC,EAAC;;;;;KAE/C;IAEY,mBAAY,GAAzB,UACE,GAA4B,EAC5B,aAAmB;;;;;;;wBAGX,UAAU,GAAG,OAAO,CACxB,cAAc,EACd,GAAG,CAAC,GAAG,EACP,GAAG,CAAC,cAAqB,CAC1B,CAAC;wBACmB,WAAM,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,EAAA;;wBAAlD,aAAa,CAAA,SAAqC,CAAA,SAA1C;wBAChB,WAAO,EAAE,QAAQ,EAAE,UAAQ,EAAE,EAAC;;;wBAE9B,WAAO,IAAI,CAAC,WAAW,CAAC,KAAkB,CAAC,EAAC;;;;;KAE/C;IAEc,kBAAW,GAAG,UAAC,GAAgB;QAC5C,IAAI,GAAG,CAAC,IAAI,KAAK,sBAAsB,EAAE;YACvC,OAAO;gBACL,KAAK,EAAE,GAAG;aACX,CAAC;SACH;QACD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IACxB,CAAC,CAAC;IACJ,aAAC;CAAA,AAtCD,IAsCC;SAtCY,MAAM","sourcesContent":["import { Parser as AsyncapiParser, fromURL } from '@asyncapi/parser';\nimport { OpenAPISchemaParser } from '@asyncapi/openapi-schema-parser';\nimport { AvroSchemaParser } from '@asyncapi/avro-schema-parser';\n// @ts-ignore\nimport protoSchemaParser from '@asyncapi/protobuf-schema-parser';\n\nimport { ErrorObject, ParserReturn, FetchingSchemaInterface } from '../types';\n\nimport { VALIDATION_ERRORS_TYPE } from '../constants';\n\nconst asyncapiParser = new AsyncapiParser();\nasyncapiParser.registerSchemaParser(OpenAPISchemaParser());\nasyncapiParser.registerSchemaParser(AvroSchemaParser());\n// Waiting for schema parser to be upgraded\n// asyncapiParser.registerSchemaParser(protoSchemaParser);\n\nexport class Parser {\n  static async parse(\n    content: string | any,\n    parserOptions?: any,\n  ): Promise<ParserReturn> {\n    try {\n      const { document } = await asyncapiParser.parse(content, parserOptions);\n      return { asyncapi: document };\n    } catch (err) {\n      return this.handleError(err as ErrorObject);\n    }\n  }\n\n  static async parseFromUrl(\n    arg: FetchingSchemaInterface,\n    parserOptions?: any,\n  ): Promise<ParserReturn> {\n    try {\n      const fromResult = fromURL(\n        asyncapiParser,\n        arg.url,\n        arg.requestOptions as any,\n      );\n      const { document } = await fromResult.parse(parserOptions);\n      return { asyncapi: document };\n    } catch (err) {\n      return this.handleError(err as ErrorObject);\n    }\n  }\n\n  private static handleError = (err: ErrorObject): ParserReturn => {\n    if (err.type === VALIDATION_ERRORS_TYPE) {\n      return {\n        error: err,\n      };\n    }\n    return { error: err };\n  };\n}\n"]}

package/lib/esm/helpers/schema.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { SchemaV2 as SchemaClass, } from '@asyncapi/parser';
 export var SchemaCustomTypes;
 (function (SchemaCustomTypes) {
@@ -143,18 +154,18 @@ var SchemaHelpers = (function () {
     };
     SchemaHelpers.serverVariablesToSchema = function (urlVariables) {
         var _a;
-        if (!urlVariables || !Object.keys(urlVariables).length) {
+        if (!urlVariables || urlVariables.length === 0) {
             return undefined;
         }
+        var obj = {};
+        urlVariables.all().forEach(function (variable) {
+            obj[variable.id()] = __assign({}, (variable.json() || {}));
+            obj[variable.id()].type = 'string';
+        });
         var json = (_a = {
                 type: 'object',
-                properties: Object.entries(urlVariables).reduce(function (obj, _a) {
-                    var variableName = _a[0], variable = _a[1];
-                    obj[variableName] = Object.assign({}, variable.json() || {});
-                    obj[variableName].type = 'string';
-                    return obj;
-                }, {}),
-                required: Object.keys(urlVariables)
+                properties: obj,
+                required: Object.keys(obj)
             },
             _a[this.extRenderAdditionalInfo] = false,
             _a);
@@ -163,21 +174,25 @@ var SchemaHelpers = (function () {
     SchemaHelpers.parametersToSchema = function (parameters) {
         var _a;
         var _this = this;
-        if (!parameters || !Object.keys(parameters).length) {
+        if (!parameters || parameters.isEmpty()) {
             return undefined;
         }
+        var obj = {};
+        parameters.all().forEach(function (parameter) {
+            var _a;
+            var parameterSchema = parameter.schema();
+            obj[parameter.id()] = __assign({}, ((_a = parameterSchema === null || parameterSchema === void 0 ? void 0 : parameterSchema.json()) !== null && _a !== void 0 ? _a : {}));
+            obj[parameter.id()].description = parameter.hasDescription()
+                ? parameter.description()
+                : undefined;
+            obj[parameter.id()][_this.extParameterLocation] = parameter.hasLocation()
+                ? parameter.location()
+                : undefined;
+        });
         var json = (_a = {
                 type: 'object',
-                properties: Object.entries(parameters).reduce(function (obj, _a) {
-                    var paramaterName = _a[0], parameter = _a[1];
-                    var parameterSchema = parameter.schema();
-                    obj[paramaterName] = Object.assign({}, parameterSchema ? parameterSchema.json() : {});
-                    obj[paramaterName].description =
-                        parameter.description() || obj[paramaterName].description;
-                    obj[paramaterName][_this.extParameterLocation] = parameter.location();
-                    return obj;
-                }, {}),
-                required: Object.keys(parameters)
+                properties: obj,
+                required: Object.keys(obj)
             },
             _a[this.extRenderAdditionalInfo] = false,
             _a);
@@ -193,7 +208,7 @@ var SchemaHelpers = (function () {
         }
         var extensions = value.extensions();
         var filteredExtensions = {};
-        for (var _i = 0, _a = Object.values(extensions.all()); _i < _a.length; _i++) {
+        for (var _i = 0, _a = extensions.all(); _i < _a.length; _i++) {
             var ext = _a[_i];
             var extType = ext;
             if (!extType.id().startsWith('x-parser-') &&
@@ -237,7 +252,7 @@ var SchemaHelpers = (function () {
                 type: 'object',
                 properties: Object.entries(records).reduce(function (obj, _a) {
                     var propertyName = _a[0], propertySchema = _a[1];
-                    obj[propertyName] = Object.assign({}, propertySchema.json());
+                    obj[propertyName] = __assign({}, (propertySchema.json() || {}));
                     return obj;
                 }, {})
             },