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 • 6.86 kB
JavaScript
"use strict";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=k(require("react")),c=require("react-i18next"),d=require("@carbon/react"),f=require("lodash"),g=require("../utils/common"),h=j(require("./CredentialsSelector.tsx")),i=j(require("dompurify"));function j(a){return a&&a.__esModule?a:{default:a}}function k(b,c){if("function"==typeof WeakMap)var d=new WeakMap,g=new WeakMap;return(k=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 l(a,b){return q(a)||p(a,b)||n(a,b)||m()}function m(){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 n(b,c){if(b){if("string"==typeof b)return o(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)?o(b,c):void 0}}function o(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 p(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 q(a){if(Array.isArray(a))return a}function r(a){var e,j,k=a.flags,m=void 0===k?{}:k,n=a.isEnforced,o=a.onChange,p=void 0===o?function(){}:o,q=a.options,r=void 0===q?{}:q,s=a.externalApiKeys,u=a.apps,v=void 0===u?[]:u,w=a.onCopyClientIdCallback,x=void 0===w?function(){}:w,y=(0,b.useState)(null),z=l(y,2),A=z[0],B=z[1],C=(0,b.useState)(""),D=l(C,2),E=D[0],F=D[1],G=(0,b.useState)(!1),H=l(G,2),I=H[0],J=H[1],K=(0,c.useTranslation)(),L=K.t;(0,b.useEffect)(function(){if(null===A&&n&&(0,f.get)(v,"[0].credentials[0].client_id")){B(v[0].credentials[0].client_id);var a=v[0].redirectUri,b=[""];"string"==typeof a?b[0]=a:a&&0<a.length&&(b=a)}if(m&&m.externalApiKeys&&0<Object.keys(m.externalApiKeys).length&&0===Object.keys(s).length){var c=s;(0,g.objectToArray)(m.externalApiKeys).forEach(function(a){c[a.key]=a.value,c[a.key].value=""})}},[v,A,s,m,n]);var t=function(a){var b=null;return v.forEach(function(c){c.credentials.forEach(function(d){d.client_id===a&&(b=c)})}),b},M=function(a){var b=a.selectedCredential,c=a.isCustomCredential,d=i["default"].sanitize(b),e=t(d);if(e){var f=e.redirectUri,g=[""];"string"==typeof f?g[0]=f:f&&0<f.length&&(g=f);var h=g[0];B(d),p({clientID:d,redirectUri:h,redirectUris:g})}else d||(d=""),B(d),p({clientID:d,redirectUri:"",redirectUris:[]});J(!!c)},N=function(a){var b=i["default"].sanitize(a.target.value);F(b),p&&"function"==typeof p&&p({clientSecret:b})},O=function(a,b){var c=Object.assign(s),d=i["default"].sanitize(b.target.value);c[a].value=d,p&&"function"==typeof p&&p({externalApiKeys:c})},P=r&&r.loginLink&&!r.loggedIn,Q=v&&0<v.length,R=r&&r.isApicPortal&&1!==r.apicPortalUserid&&r.apicPortalNewAppLink;return b["default"].createElement(d.Accordion,{className:"testToolIdentification",align:"start"},b["default"].createElement(d.AccordionItem,{className:"testToolIdentificationInput",title:L("identification"),open:!0},P?b["default"].createElement(d.Link,{className:"loginLink",href:r.loginLink},L("login")):n?!Q&&R?b["default"].createElement(d.Link,{className:"appLink",href:r.apicPortalNewAppLink},L("register_app")):b["default"].createElement("div",{className:"clientCreds"},m&&m.requiresClientId&&!(r.fixedCredentials&&r.fixedCredentials.clientId)&&b["default"].createElement("div",{className:"clientID"},b["default"].createElement("div",{className:"clientCredsHeader"},b["default"].createElement("div",{className:"labelText"},L("client_id")),!I&&b["default"].createElement("button",{"data-testid":"copy-client-id-button",className:"copyClientIdButton",type:"button",tabIndex:"0",onClick:x},L("copy_client_id"))),b["default"].createElement(h["default"],{allowCustom:!0,onChange:M,className:"clientIdInput",onSelectorChange:function(){N({target:{value:""}})}}),b["default"].createElement("div",{className:"subText"},L("subscribed_creds_explanation"))),m&&m.requiresClientSecret&&!(r.fixedCredentials&&r.fixedCredentials.clientSecret)&&b["default"].createElement("div",{className:"clientSecret"},b["default"].createElement("div",{className:"labelText"},L("client_secret")),b["default"].createElement(d.TextInput,{required:!0,labelText:L("client_secret"),hideLabel:!0,"data-testid":"client_secret",value:null!==E&&void 0!==E?E:"",id:"clientSecret",name:"clientSecret",type:"password",onChange:N}))):Q?b["default"].createElement("div",{className:"clientCreds"},m&&m.requiresClientId&&!(r.fixedCredentials&&r.fixedCredentials.clientId)&&b["default"].createElement("div",{className:"clientID"},b["default"].createElement("div",{className:"labelText"},L("client_id")),b["default"].createElement(d.TextInput,{"data-testid":"clientID",required:!0,id:"client_id",name:"clientId",value:null!==(e=i["default"].sanitize(A))&&void 0!==e?e:"",labelText:L("client_id"),hideLabel:!0,onChange:function(a){M({selectedCredential:(0,f.get)(a,"target.value")})}})),m&&m.requiresClientSecret&&!(r.fixedCredentials&&r.fixedCredentials.clientSecret)&&b["default"].createElement("div",{className:"clientSecret"},b["default"].createElement("div",{className:"labelText"},L("client_secret")),b["default"].createElement(d.TextInput,{"data-testid":"client_secret",required:!0,labelText:L("client_secret"),hideLabel:!0,value:null!==(j=i["default"].sanitize(E))&&void 0!==j?j:"",id:"clientSecret",name:"clientSecret",type:"password",onChange:N}))):b["default"].createElement("div",null,L("request_security_credentials")),m&&m.externalApiKeys&&0<Object.keys(m.externalApiKeys).length&&(0,g.objectToArray)(m.externalApiKeys).map(function(a){var c=s[a.key]?s[a.key].value:"";return b["default"].createElement("div",{className:"externalApiKeyField",key:a.key},b["default"].createElement(d.TextInput,{id:a.key,name:a.key,type:"input",labelText:L("api key"),onChange:function(b){return O(a.key,b)},value:null!==c&&void 0!==c?c:""}))})))}var s=exports["default"]=(0,c.withTranslation)()(r);