React-duo-web NPM

react-duo-web

react-duo-web is a React component wrapper for the the two-factor authentication UI flow provided by the Duo Web SDK.

Your client-side React app need not have a <script> tag referencing the web SDK Javascript. Instead, simply introduce Duo into your existing app as you would any other component:

import Duo from 'react-duo-web';
import React from 'react';

export default MyComponent extends React.Component {
  handle2FAComplete(sigResponse) {
    // Make a request to a server-side endpoint to validate the sig response
    ...
  }

  render() {
    return (
      <Duo
        host={'api-xxxxxxx.duosecurity.com'}
        sigRequest={'...long sig request string...'}
        sigResponseCallback={this.handle2FAComplete.bind(this)}
      />
    );
  }
}

API

Duo is the React component class exported by react-duo-web that you can include in your existing components in the standard way.

Duo accepts the following props (all other props are proxied to the wrapped iframe):

Prop	Description	Required
`host`	The API host used by Duo for 2FA validation. You can find this in your admin control panel.	`true`
`sigRequest`	The server-side signed request token passed back to the client after the initial authentication request completes.	`true`
`sigResponseCallback`	A callback function invoked after the entire 2FA flow is complete, called with the sig response string as the single parameter.	`false`

@infinitebrahmanuniverse/nolb-react-du @everything-registry/sub-chunk-2552 @zalastax/nolb-react-du

1.0.1

10 months ago

1.0.0

7 years ago

0.0.1

7 years ago