apiconnect-explorer
Version:
- [Getting Started](#getting-started) - [Configuration](#configuration) * [Required](#required) * [Optional](#optional) - [Usage in React](#usage-in-react) - [Usage outside of React](#usage-outside-of-react) - [Detailed description of options](#detail
1 lines • 19.2 kB
JavaScript
function a(b){"@babel/helpers - typeof";return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},a(b)}function b(){function g(a,b,f,g){var i=b&&b.prototype instanceof h?b:h,c=Object.create(i.prototype);return d(c,"_invoke",function(a,b,g){function h(a,b){for(k=a,s=b,e=0;!w&&t&&!c&&e<v.length;e++){var c,f=v[e],g=p.p,h=f[2];3<a?(c=h===b)&&(s=f[(k=f[4])?5:(k=3,3)],f[4]=f[5]=m):f[0]<=g&&((c=2>a&&g<f[1])?(k=0,p.v=b,p.n=f[1]):g<h&&(c=3>a||f[0]>b||b>h)&&(f[4]=a,f[5]=b,p.n=h,k=0))}if(c||1<a)return q;throw w=!0,b}var j,k,s,t=0,v=g||[],w=!1,p={p:0,n:0,v:m,a:h,f:h.bind(m,4),d:function c(a,b){return j=a,k=0,s=m,p.n=b,q}};return function(c,d,f){if(1<t)throw TypeError("Generator is already running");for(w&&1===d&&h(d,f),k=d,s=f;(e=2>k?m:s)||!w;){j||(k?3>k?(1<k&&(p.n=-1),h(k,s)):p.n=s:p.v=s);try{if(t=2,j){if(k||(c="next"),e=j[c]){if(!(e=e.call(j,s)))throw TypeError("iterator result is not an object");if(!e.done)return e;s=e.value,2>k&&(k=0)}else 1===k&&(e=j["return"])&&e.call(j),2>k&&(s=TypeError("The iterator does not provide a '"+c+"' method"),k=1);j=m}else if((e=(w=0>p.n)?s:a.call(b,p))!==q)break}catch(a){j=m,k=1,s=a}finally{t=1}}return{value:e,done:w}}}(a,f,g),!0),c}function h(){}function i(){}function j(){}function k(a){return Object.setPrototypeOf?Object.setPrototypeOf(a,j):(a.__proto__=j,d(a,n,"GeneratorFunction")),a.prototype=Object.create(c),a}var m,e,f="function"==typeof Symbol?Symbol:{},l=f.iterator||"@@iterator",n=f.toStringTag||"@@toStringTag",q={};e=Object.getPrototypeOf;var a=[][l]?e(e([][l]())):(d(e={},l,function(){return this}),e),c=j.prototype=h.prototype=Object.create(a);return i.prototype=j,d(c,"constructor",j),d(j,"constructor",i),i.displayName="GeneratorFunction",d(j,n,"GeneratorFunction"),d(c),d(c,n,"Generator"),d(c,l,function(){return this}),d(c,"toString",function(){return"[object Generator]"}),(b=function a(){return{w:g,m:k}})()}function d(a,b,c,e){var f=Object.defineProperty;try{f({},"",{})}catch(a){f=0}d=function g(a,b,c,e){function h(b,c){d(a,b,function(a){return this._invoke(b,c,a)})}b?f?f(a,b,{value:c,enumerable:!e,configurable:!e,writable:!e}):a[b]=c:(h("next",0),h("throw",1),h("return",2))},d(a,b,c,e)}function f(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function g(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?f(Object(b),!0).forEach(function(c){h(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):f(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function h(a,b,c){return(b=i(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function i(b){var c=j(b,"string");return"symbol"==a(c)?c:c+""}function j(b,c){if("object"!=a(b)||!b)return b;var d=b[Symbol.toPrimitive];if(void 0!==d){var e=d.call(b,c||"default");if("object"!=a(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===c?String:Number)(b)}function k(b,d,f,e,g,h,a){try{var c=b[h](a),i=c.value}catch(a){return void f(a)}c.done?d(i):Promise.resolve(i).then(e,g)}function l(b){return function(){var c=this,d=arguments;return new Promise(function(e,f){function g(a){k(i,e,f,g,h,"next",a)}function h(a){k(i,e,f,g,h,"throw",a)}var i=b.apply(c,d);g(void 0)})}}function m(a,b){return s(a)||q(a,b)||o(a,b)||n()}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(b,c){if(b){if("string"==typeof b)return p(b,c);var a={}.toString.call(b).slice(8,-1);return"Object"===a&&b.constructor&&(a=b.constructor.name),"Map"===a||"Set"===a?Array.from(b):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?p(b,c):void 0}}function p(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}function q(b,c){var d=null==b?null:"undefined"!=typeof Symbol&&b[Symbol.iterator]||b["@@iterator"];if(null!=d){var g,h,j,k,l=[],a=!0,m=!1;try{if(j=(d=d.call(b)).next,0===c){if(Object(d)!==d)return;a=!1}else for(;!(a=(g=j.call(d)).done)&&(l.push(g.value),l.length!==c);a=!0);}catch(a){m=!0,h=a}finally{try{if(!a&&null!=d["return"]&&(k=d["return"](),Object(k)!==k))return}finally{if(m)throw h}}return l}}function s(a){if(Array.isArray(a))return a}import u,{useState as v,useMemo as w,useEffect as x}from"react";import{Form as y,Button as z,Select as A,SelectItem as B,TextInput as C,InlineNotification as D}from"@carbon/react";import E from"classnames";import F from"vkbeautify";import{useTranslation as G}from"react-i18next";import{get as H}from"lodash";import I from"./EndpointSelector.tsx";import J from"./TestToolSecurity";import K from"./TestToolParameters";import L from"./TestToolWebsocket.tsx";import M from"./TestToolResponse";import N from"../utils/invoker";import{objectToArray as O}from"../utils/common";import{useApi as P}from"../contexts/ApiHandler/index.tsx";import Q from"../utils/generator";import R from"dompurify";function S(a){var c,d=a.initialEndpoint,e=a.operation,f=a.operationPath,h=a.operationMethod,i=a.options,j=a.apps,k=a.onChangeEndpoint,n=void 0===k?function(a,b){}:k,o=G(),p=o.t,q=P(),r=q.api,s=q.apiHandler,t=w(function(){return new N},[]),S=v([]),T=m(S,2),U=T[0],V=T[1],W=v(null),X=m(W,2),Y=X[0],Z=X[1],$=v(""),_=m($,2),aa=_[0],ba=_[1],ca=v(""),da=m(ca,2),ea=da[0],fa=da[1],ga=v([]),ha=m(ga,2),ia=ha[0],ja=ha[1],ka=v([]),la=m(ka,2),ma=la[0],na=la[1],oa=v([]),pa=m(oa,2),qa=pa[0],ra=pa[1],sa=v({}),ta=m(sa,2),ua=ta[0],va=ta[1],wa=v({}),xa=m(wa,2),ya=xa[0],za=xa[1],Aa=v(!1),Ba=m(Aa,2),Ca=Ba[0],Da=Ba[1],Ea=v(!1),Fa=m(Ea,2),Ga=Fa[0],Ha=Fa[1],Ia=v(!1),Ja=m(Ia,2),Ka=Ja[0],La=Ja[1],Ma=v(!1),Na=m(Ma,2),Oa=Na[0],Pa=Na[1],Qa=v("html"),Ra=m(Qa,2),Sa=Ra[0],Ta=Ra[1],Ua=v({contentType:"",accept:"",parameterValues:{}}),Va=m(Ua,2),Wa=Va[0],Xa=Va[1],Ya=v({userCredentials:{username:null,password:null},httpDigestAuth:{digestUsername:null,digestRealm:"",digestNonce:"",digestOpaque:"",digestResponse:""},httpHobaAuth:{hobaKeyIdentifier:"",hobaChallenge:"",hobaNonce:"",hobaSignature:""},httpMutualAuth:{mutualVersion:"",mutualSid:"",mutualNonce:"",mutualVkc:""},httpNegotiateAuth:{negotiateGssapiData:""},httpOAuthAuth:{oauthRealm:"",oauthConsumerKey:"",oauthToken:"",oauthSignatureMethod:"",oauthSignature:"",oauthTimestamp:"",oauthNonce:"",oauthVersion:""},httpVapidAuth:{vapidJSONWebToken:"",vapidJSONWebKey:""},httpScramShaAuth:{scramSessionId:"",scramEncryptedCreds:""},identification:{clientID:null,clientSecret:"",redirectUri:null,externalApiKeys:{}},flags:{},scopes:[],authToken:{code:"",access_token:""}}),Za=m(Ya,2),$a=Za[0],_a=Za[1];x(function(){ja(d)},[d]),x(function(){if(r){var a={path:f,method:h},c=null===s||void 0===s?void 0:s.getEndpoints(r,a);c&&0===c.length&&(c=["https://undefined"]),na(c),ba(null===s||void 0===s?void 0:s.getType(r)),fa(null===s||void 0===s?void 0:s.getVersion(r));var d;if("undefined"==typeof d&&c&&0<c.length&&(d=c[0].url,ja(d),ra(c[0].variables)),U&&0===U.length){var j=null===s||void 0===s?void 0:s.getSchemes(r);V(j),j&&Z(j[0])}var k;d&&(k=null===s||void 0===s?void 0:s.getServerVariables(r,d,{path:f,method:h}),ja(d)),k&&Object.values(k).forEach(function(a){a.value||(a.value=a["default"])}),ra(k);var m={accept:null===s||void 0===s?void 0:s.getDefaultAcceptHeader(e,r),contentType:null===s||void 0===s?void 0:s.getDefaultContentTypeHeader(e,r)},n=null===s||void 0===s?void 0:s.getParameters(e,f,m.contentType,r);if(e.requestBody&&0 in Object.keys(e.requestBody.content)&&e.requestBody.content[Object.keys(e.requestBody.content)[0]].encoding&&("application/x-www-form-urlencoded"===Object.keys(e.requestBody.content)[0]||Object.keys(e.requestBody.content)[0].startsWith("multipart/")))var o=e.requestBody.content[Object.keys(e.requestBody.content)[0]].encoding;if(n){for(var p in n)o&&("formData"===n[p]["in"]||"body"===n[p]["in"])&&o[p]&&(n[p].encoding=o[p]),n[p].value=n[p]["enum"]&&n[p].required?n[p]["enum"][0]:!("boolean"===n[p].type&&n[p].required)&&void 0;m.parameterValues=n}else m.parameterValues={};if(i.showMTLSHeader&&r["x-ibm-configuration"]&&r["x-ibm-configuration"]["application-authentication"]&&!0===r["x-ibm-configuration"]["application-authentication"].certificate){var q={};q.name="X-Client-Certificate",q["in"]="header",q.required=!0,q.type="string",q.description="x_client_certficate_header",q.value="",m.parameterValues["X-Client-Certificate"]=q}Xa(m);var t=function(){var a=l(b().m(function a(){var c,d,e,j,k;return b().w(function(a){for(;1;)switch(a.n){case 0:return c=JSON.parse(JSON.stringify(m)),d=Object.keys(m.parameterValues),e=d.filter(function(a){var b,c=m.parameterValues[a];return void 0===c.value&&"boolean"!==c.type&&"boolean"!==(null===(b=c.schema)||void 0===b?void 0:b.type)&&"date"!==c.format}),j=e.map(function(){var a=l(b().m(function c(a){var d,e,j,k;return b().w(function(b){for(;1;)switch(b.p=b.n){case 0:return d=m.parameterValues[a],b.p=1,b.n=2,Q.generateExampleParameter({api:r,pathName:f,verb:h,parameter:g(g({},d),{},{testTool:!0}),contentTypeHeader:m.contentType,skipBeautify:!1,maxDepth:i.apiMaxDepth||9,numItems:i.exampleArrayItems||3});case 2:if(e=b.v,e.hasMultipleExamples?j=e.example[Object.keys(e.example)[0]]:e.example&&(j=e.example),void 0===j){b.n=3;break}return b.a(2,{paramName:a,exampleValue:j});case 3:b.n=5;break;case 4:b.p=4,k=b.v,console.warn("Failed to generate example for ".concat(a),k);case 5:return b.a(2,null)}},c,null,[[1,4]])}));return function(b){return a.apply(this,arguments)}}()),a.n=1,Promise.all(j);case 1:k=a.v,k.forEach(function(a){a&&(c.parameterValues[a.paramName].value=a.exampleValue)}),Xa(c);case 2:return a.a(2)}},a)}));return function b(){return a.apply(this,arguments)}}();t(),Ha(!1)}},[r,s,e,h,f,i.showMTLSHeader,U]);var ab=function b(a){var c=null===s||void 0===s?void 0:s.getOperationPath(r,f),d=R.sanitize(a.target.value,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]}),e=null===s||void 0===s?void 0:s.getServerVariables(r,d,{path:c,method:h});ya&&(0===ya.readyState||1===ya.readyState)&&ya.close(),e&&Object.values(e).forEach(function(a){a.value=a["default"]}),ja(d),ra(e),n(a)},bb=function b(a){if(a.target&&a.target.name&&a.target.value!==void 0){var c=g({},qa),d=R.sanitize(a.target.value,{ALLOWED_TAGS:[],ALLOWED_ATTR:[]});c[a.target.name].value=d,ra(c)}},cb=function b(a){var c=Object.assign($a,a);_a(c)},db=function b(a){var c=g(g({},Wa),a);Xa(c)},eb=function b(a){return(Array.isArray(a)&&0===a.length)},fb=function b(a){return(!a||"boolean"!==a.type&&(!a.required||Array.isArray(a.required)&&0<a.required.length))},gb=function b(a){var c=!1;return O(a).map(function(a){return a.value.required&&(!Wa.parameterValues||!Wa.parameterValues[a.key]||(!Wa.parameterValues[a.key].value||eb(Wa.parameterValues[a.key].value))&&"boolean"!==Wa.parameterValues[a.key].type&&fb(Wa.parameterValues[a.key].schema))&&(c=!0),null}),c},hb=function a(){var b=null===s||void 0===s?void 0:s.getOperationPath(r,f),c=null===s||void 0===s?void 0:s.isSOAP(r),d=ia;/(wss?|https?):\/\//.test(ia)||(Y?d="".concat(Y,"://").concat(ia):d="https://".concat(ia));var g={verb:h,operationPath:b,endpoint:d,variables:qa,type:aa,version:ea,scheme:Y,contentTypeHeader:Wa.contentType,acceptHeader:Wa.accept,username:$a.userCredentials.username,password:$a.userCredentials.password,clientId:$a.identification.clientID,clientSecret:$a.identification.clientSecret,parameterValues:Wa.parameterValues,apiKeys:$a.identification.externalApiKeys,authToken:$a.authToken,httpBearerToken:$a.httpBearerToken,httpDigestAuth:$a.httpDigestAuth,httpHobaAuth:$a.httpHobaAuth,httpMutualAuth:$a.httpMutualAuth,httpNegotiateAuth:$a.httpNegotiateAuth,httpOAuthAuth:$a.httpOAuthAuth,httpVapidAuth:$a.httpVapidAuth,httpScramShaAuth:$a.httpScramShaAuth,proxyUrl:null};if(i&&i.proxyUrl&&(g.proxyUrl=i.proxyUrl),g.parameterValues){if(g.parameterValues["X-Client-Certificate"]){var j=g.parameterValues["X-Client-Certificate"].value;null!=j&&i&&i.certificateStripPrefix&&(j=j.replace(/-----BEGIN CERTIFICATE-----|-----END CERTIFICATE-----/,"")),null!=j&&i&&i.certificateStripNewlines&&(j=j.replace(/\s+/g,""),j=j.replace("BEGINCERTIFICATE","BEGIN CERTIFICATE"),j=j.replace("ENDCERTIFICATE","END CERTIFICATE")),g.parameterValues["X-Client-Certificate"].value=j}for(var k in g.parameterValues)g.parameterValues[k].schema&&g.parameterValues[k].schema.$ref&&(g.parameterValues[k].schema=null===s||void 0===s?void 0:s.getLocalReference(g.parameterValues[k].schema.$ref,r))}return c&&e["x-ibm-soap"]&&e["x-ibm-soap"]["soap-action"]&&(g.soapAction=e["x-ibm-soap"]["soap-action"]),g},ib=function a(){var b=hb(),c=t.invokeWebsocket(b,$a.flags);za(c),Da(!0),Ha(!1)},jb=function(){var a=l(b().m(function d(c){var e,g,h,i,j,k,l,m,n,o,p;return b().w(function(a){for(;1;)switch(a.n){case 0:if(c.responseDataString&&0!=1*c.statusCode){if(e="html",g=c.responseDataString,c&&c.headers&&c.headers["content-type"]){if(0===c.headers["content-type"].indexOf("text/plain"))e="markdown";else if(0===c.headers["content-type"].indexOf("application/json")){e="json";try{g=F.json(c.responseDataString)}catch(a){e="markdown"}}else if(0===c.headers["content-type"].indexOf("application/xml")){e="xml";try{g=F.xml(c.responseDataString)}catch(a){e="markdown"}}else c.isFileDownload&&(i="",j=null===(h=c.headers["content-disposition"])||void 0===h?void 0:h.match(/filename\*?="?(.+)"?/),j&&1<j.length?i=j[1]:(c.request.url||f)&&(i=null!==(k=null===(l=c.request)||void 0===l?void 0:l.url)&&void 0!==k?k:f,m=c.request.url.split("/"),i=m[m.length-1]),n=URL.createObjectURL(c.responseDataString),o=document.createElement("a"),o.href=n,o.download=i,o.style.display="none",document.body.appendChild(o),o.click(),URL.revokeObjectURL(n),document.body.removeChild(o));g||(g=c.responseDataString)}p=g,La(p),Ta(e)}va(c),Pa(!1);case 1:return a.a(2)}},d)}));return function c(b){return a.apply(this,arguments)}}(),kb=function(){var a=l(b().m(function a(){var c,d,e;return b().w(function(a){for(;1;)switch(a.p=a.n){case 0:return Pa(!0),va({}),Ha(!0),Da(!1),c=hb(),a.p=1,a.n=2,t.invoke(c,$a.flags);case 2:d=a.v,jb(d),a.n=4;break;case 3:a.p=3,e=a.v,jb(e);case 4:return a.a(2)}},a,null,[[1,3]])}));return function b(){return a.apply(this,arguments)}}(),lb=function a(){var b=qa;b&&(Object.values(b).forEach(function(a){a.value=a["default"]}),ra(b)),ya&&(0===ya.readyState||1===ya.readyState)&&ya.close(),za(null),Da(!1);var c={accept:null===s||void 0===s?void 0:s.getDefaultAcceptHeader(e,r),contentType:null===s||void 0===s?void 0:s.getDefaultContentTypeHeader(e,r)},d=JSON.parse(JSON.stringify(null===s||void 0===s?void 0:s.getParameters(e,f,c.contentType,r)));if(d=null===s||void 0===s?void 0:s.removeReservedParameters(d),d){for(var g in d)d[g].value=d[g]["enum"]&&d[g].required?d[g]["enum"][0]:!("boolean"===d[g].type&&d[g].required)&&void 0;c.parameterValues=d}else c.parameterValues={};Xa(c),Ha(!1)},mb=null!==(c=Wa.contentType)&&void 0!==c?c:null===s||void 0===s?void 0:s.getDefaultContentTypeHeader(e,r),nb=null===s||void 0===s?void 0:s.getParameters(e,f,mb,r);nb=null===s||void 0===s?void 0:s.removeReservedParameters(nb);var ob=null===s||void 0===s?void 0:s.isSOAP(r),pb=null===s||void 0===s?void 0:s.getSecurityConfig(r,e,null,ia),qb=null===s||void 0===s?void 0:s.isEnforced(),rb=!nb||gb(nb),sb=null===s||void 0===s?void 0:s.getOperationPath(r,f),tb=/(wss?):\/\//.test(ia),ub=tb?null:null===s||void 0===s?void 0:s.getAccepts(e,r),vb=tb?null:null===s||void 0===s?void 0:s.getContentTypes(e,r),wb="string"==typeof ia&&((null===ia||void 0===ia?void 0:ia.startsWith("http://"))||(null===ia||void 0===ia?void 0:ia.startsWith("ws://"))),xb=!0===H(r,"['x-ibm-configuration']['application-authentication']['certificate']"),yb=e.requestBody&&(mb.startsWith("multipart/")||"application/x-www-form-urlencoded"===mb)&&0<(null===s||void 0===s?void 0:s.getFormDataParameters(e,f,mb,r).length)?null:null===s||void 0===s?void 0:s.getBodyParameter(e,f,mb,r);if(i.showMTLSHeader&&xb&&nb){var zb={};zb.name="X-Client-Certificate",zb["in"]="header",zb.required=!0,zb.type="string",zb.description=p("x_client_certficate_header"),nb["X-Client-Certificate"]=zb}return u.createElement("section",{className:E("tab-content","testTool"),"aria-label":"test-tool"},pb&&pb.securityFlows&&!qb&&u.createElement(D,{kind:"info",className:"testTool__information",title:p("request_security_credentials"),hideCloseButton:!0,lowContrast:!0}),wb&&"https:"===window.location.protocol&&u.createElement(D,{kind:"warning",className:"testTool__information",title:p("APIs with insecure protocols cannot be invoked in a secure context."),hideCloseButton:!0,lowContrast:!0}),u.createElement(y,{className:"testForm"},u.createElement("div",{className:"testToolSection testToolEndpoints"},u.createElement("div",{className:E("labelText",{method:!ob},h)},!ob&&h,ob&&p("endpoint")),u.createElement("div",{className:"valueText"},u.createElement(I,{id:"testtool-endpoint-select",endpoints:ma,opPath:sb,onChange:ab,endpoint:ia}))),qa&&u.createElement("div",{className:"testToolSection"},u.createElement("div",{className:"labelText"},p("server_variables")),u.createElement("div",null,Object.entries(qa).map(function(a){var b=a[0],c=a[1];return c["enum"]?u.createElement("div",{key:b,className:E("parameterOuter","server-variable-".concat(b))},u.createElement("div",{className:"serverVariableName"},b),u.createElement(A,{"data-testid":"server-variable-".concat(b),id:b,hideLabel:!0,className:"cds--select__input",required:!0,name:b,labelText:b,value:c.value,onChange:bb},c["enum"].map(function(a){return u.createElement(B,{key:a,value:a,text:a+""})}))):u.createElement("div",{key:b,className:E("parameterOuter","server-variable-".concat(b))},u.createElement("div",{className:"serverVariableName"},b),u.createElement(C,{"data-testid":"server-variable-".concat(b),id:b,className:"variable-input",onChange:bb,labelText:b,hideLabel:!0,required:!0,value:R.sanitize(c.value),name:b}))}))),pb&&pb.securityFlows&&u.createElement(J,{config:pb,options:i,apps:j,onChange:cb,t:p,endpoint:ia,isEnforced:qb}),nb&&0<Object.keys(nb).length&&u.createElement(K,{parameters:nb,accepts:ub,contentTypes:vb,body:yb,api:r,operationPath:f,operationMethod:h,t:p,onChange:db,parameterState:Wa,options:i}),u.createElement("div",{className:"testToolFormButtons"},u.createElement(z,{kind:"secondary",className:"testToolReset",onClick:lb},p("reset")),!tb&&u.createElement(z,{className:"testToolSend",disabled:Oa||rb,onClick:kb},p("send")),tb&&(!ya||1!==ya.readyState)&&u.createElement(z,{className:"testToolConnect",disabled:ya&&0===ya.readyState||rb,onClick:ib},p("connect")),tb&&ya&&1===ya.readyState&&u.createElement(z,{className:"testToolDisconnect",onClick:function a(){ya.close()}},p("disconnect")))),Ca&&u.createElement(L,{websocket:ya}),Ga&&u.createElement(M,{security:$a,invokeResponse:ua,isInvoking:Oa,responseBody:Ka,contentFormat:Sa,mtlsEnabled:xb,t:p}))}export default S;