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