<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  /**
   * Given a base URL and an API key, return a DirectWeb object that
   * allows the registration and authentication operation.
   *
   * DirectWeb constructor takes the following parameters:
   *   baseURL:String      the base URL where the credentials were created
   *   apiKey:String       the API key created at LoginID dashboard
   */
  const dw = new LoginID.directweb.default(
      "https://directweb.usw1.loginid.io", "fLari955o86zbedHVT...lcRKoZMoIQ=="
  );
  // ...
</script>

<!-- Import browser module from LoginID JS SDK -->
<script src="./src/vendor/loginid.browser.min.js"></script>
<script>
  /**
   * Method to check for browser Fido2 support, returns true or false.
   */
  const isFido2Supported = await LoginID.browser.default.isFido2Supported();
  // ...
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * Given a username, return a register object with username,
   * namespace and JWT. 
   *
   * Register method takes the following parameter:
   *   username:String     the username provided by the user
   */
  try {
    const result = await dw.register("john.doe");
  } catch(e) {
    // Exception/Error handling
  }
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * Given a username, return a login object with username,
   * namespace and JWT.
   *
   * Login method takes the following parameter:
   *   username:String     the username provided by the user
   */
  try {
    const result = await dw.login("john.doe");
  } catch(e) {
    // Exception/Error handling
  }
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * The callback method for the push authentication has the following signature:
   *   code:string          A six digit code promoted to the user that can be used 
   *                        as a fallback option on the pre-registered device
   *   devices:Array        An array with device level information 
   *                        to enable user authorization (ex: OS, browser)
   *   notification:Object  An object for the notification methods used for the
   *                        push authentication. This can be via email or in-app 
   *                        push notification. 
   *   expireAt:Number      The expiration timestamp of the current session 
   *                        (Unix timestamp in seconds)
   */
  const callback = function (code, devices, notification, expireAt) { 
    // code         - e.g. "123456"
    // devices      - e.g. [{os: "Windows", browser: "Chrome"}, ...]
    // notification - e.g. { email: true, push: false }
    // expireAt     - e.g. 1610050000000 
  }
  
  /**
   * Optional parameters that can be provided for the push authentication method:
   *   transient_email:string the email associated with the user which can
   *                          be provided to LoginID and is only used for 
   *                          communication purposes and not stored on 
   *                          LoginID system.   
   */
  const options = {
    transient_email: "john.doe@acme.com"
  }
  
  /**
   * Given a username and a callback method, return a registered 
   * object with username, namespace and JWT.
   *
   * Push authentication method takes the following parameter:
   *   username:String     the username provided by the user
   *   callback:Function   the callback provides information about 
   *                       the authentication process
   *   options:Object      optional parameters for the push authentication method 
   */
  try {
    const result = await dw.pushAuthentication("john.doe", callback, options);
  } catch(e) {
    // Exception/Error handling
  }
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * Optional parameters that can be provided for the login method to grant
   * authorization for the push authentication flow:
   *   remote_session:Object  the remote session object takes two optional 
   *                          parameters, code and session id. The code parameter
   *                          is a six digits string that is provided for the user
   *                          only on the requesting authorization device. The 
   *                          session id parameter is a UUID that can be obtained
   *                          via the email notification channel. Both parameters
   *                          can be used for granting authorization.
   */
  const options = {
    remote_session: {
      code:       "123456",
      session_id: "3883c7f2-4e2b-4373-9211-ef99962b6220"
    }
  }
  
  /**
   * Given a username and a callback method, return a registered 
   * object with username and namespace.
   *
   * Push authentication method takes the following parameter:
   *   username:String     the username provided by the user
   *   options:Object      optional parameters for the login method
   */
  try {
    const result = await dw.login("john.doe", options);
  } catch(e) {
    // Exception/Error handling
  }
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * The callback method for the add authenticator has the following signature:
   *   code:string          A six digit code promoted to the user that can be used 
   *                        as a fallback option on the pre-registered device
   *   devices:Array        An array with device level information 
   *                        to enable user authorization (ex: OS, browser)
   *   notification:Object  An object for the notification methods used for the
   *                        add authentictor. This can be via email or in-app 
   *                        push notification. 
   *   expireAt:Number      The expiration timestamp of the current session 
   *                        (Unix timestamp in seconds)
   */
  const callback = function (code, devices, notification, expireAt) { 
    // code         - e.g. "123456"
    // devices      - e.g. [{os: "Windows", browser: "Chrome"}, ...]
    // notification - e.g. { email: true, push: false }
    // expireAt     - e.g. 1610050000000 
  }
  
  /**
   * Optional parameters that can be provided for the add authenticator method:
   *   transient_email:string the email associated with the user which can
   *                          be provided to LoginID and is only used for 
   *                          communication purposes and not stored on 
   *                          LoginID system.   
   */
  const options = {
    transient_email: "john.doe@acme.com"
  }
  
  /**
   * Given a username and a callback method, return a registered 
   * object with username, namespace and JWT.
   *
   * Add authenticator method takes the following parameter:
   *   username:String     the username provided by the user
   *   callback:Function   the callback provides information about 
   *                       the authentication process
   *   options:Object      optional parameters for the add authenticator method 
   */
  try {
    const result = await dw.addAuthenticator("john.doe", callback, options);
  } catch(e) {
    // Exception/Error handling
  }
</script>

<!-- Import directweb module from LoginID JS SDK -->
<script src="./src/vendor/loginid.directweb.min.js"></script>
<script>
  // ... SDK configuration ...
  
  /**
   * Optional parameters that can be provided for the login method to grant
   * authorization for the add authenticator flow:
   *   remote_session:Object  the remote session object takes two optional 
   *                          parameters, code and session id. The code parameter
   *                          is a six digits string that is provided for the user
   *                          only on the requesting authorization device. The 
   *                          session id parameter is a UUID that can be obtained
   *                          via the email notification channel. Both parameters
   *                          can be used for granting authorization.
   */
  const options = {
    remote_session: {
      code:       "123456",
      session_id: "3883c7f2-4e2b-4373-9211-ef99962b6220"
    }
  }
  
  /**
   * Given a username and a callback method, return a registered 
   * object with username and namespace.
   *
   * Add authenticator method takes the following parameter:
   *   username:String     the username provided by the user
   *   options:Object      optional parameters for the login method
   */
  try {
    const result = await dw.login("john.doe", options);
  } catch(e) {
    // Exception/Error handling
  }
</script>