OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	08/07/2024 04:34:05 AM	rwxr-xr-x
📄 api-key-auth.jsx	2.45 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 auth-item.jsx	1.81 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorization-popup.jsx	1.98 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorize-btn.jsx	964 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 authorize-operation-btn.jsx	976 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 auths.jsx	3.73 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 basic-auth.jsx	3.05 KB	08/07/2024 04:34:04 AM	rw-r--r--
📄 error.jsx	482 bytes	08/07/2024 04:34:04 AM	rw-r--r--
📄 oauth2.jsx	10.71 KB	08/07/2024 04:34:04 AM	rw-r--r--

Editing: auth-item.jsx

import React from "react"
import PropTypes from "prop-types"
import ImPropTypes from "react-immutable-proptypes"

export default class Auths extends React.Component {
  static propTypes = {
    authorized: ImPropTypes.orderedMap.isRequired,
    schema: ImPropTypes.orderedMap.isRequired,
    name: PropTypes.string.isRequired,
    getComponent: PropTypes.func.isRequired,
    onAuthChange: PropTypes.func.isRequired,
    errSelectors: PropTypes.object.isRequired,
  }

render() {
    let {
      schema,
      name,
      getComponent,
      onAuthChange,
      authorized,
      errSelectors
    } = this.props
    const ApiKeyAuth = getComponent("apiKeyAuth")
    const BasicAuth = getComponent("basicAuth")

let authEl

const type = schema.get("type")

switch(type) {
      case "apiKey": authEl = <ApiKeyAuth key={ name }
                                        schema={ schema }
                                        name={ name }
                                        errSelectors={ errSelectors }
                                        authorized={ authorized }
                                        getComponent={ getComponent }
                                        onChange={ onAuthChange } />
        break
      case "basic": authEl = <BasicAuth key={ name }
                                      schema={ schema }
                                      name={ name }
                                      errSelectors={ errSelectors }
                                      authorized={ authorized }
                                      getComponent={ getComponent }
                                      onChange={ onAuthChange } />
        break
      default: authEl = <div key={ name }>Unknown security definition type { type }</div>
    }

return (<div key={`${name}-jump`}>
      { authEl }
    </div>)
  }

}