<center> 

<h1> AXIOM VERIFY </h1>

[![version](https://img.shields.io/npm/v/axiom-verify?style=flat)](https://www.npmjs.com/package/axiom-verify)
[![downloads](https://img.shields.io/npm/dm/axiom-verify?style=flat)](https://www.npmjs.com/package/axiom-verify)
[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/axiom-verify/badge)](https://www.jsdelivr.com/package/npm/axiom-verify)
[![NPM](https://img.shields.io/npm/l/axiom-verify)](https://www.jsdelivr.com/package/npm/axiom-verify)

</center>

## Installation:

**AXIOM Verify** - _used to show the axiom protect 2.0 user login at the current page itself._

Use this script tag to get access to the widget.

**_`<script src="https://cdn.jsdelivr.net/npm/axiom-verify@1.0.0/dist/index.min.js"></script>`_**

## Implementation:

**Steps:-**

1. Create or open an html file.

2. Add a button with the id **`xxxx`**. It is used to call the widget by on click event.

```html
<button id="xxxx">Open</button>
```

3. Add a div tag with the id **`axiom-embedded-verify`** at the last or beginning of the body tag. It is used to display the axiom module with the help of this id.

```html
<div id="axiom-embedded-verify"></div>
```

4. Add a Script tag to the head tag or body tag. And use the latest version.

```html
<script src="https://cdn.jsdelivr.net/npm/axiom-verify@1.0.0/dist/index.min.js"></script>
```

5. Next, add the script tag at a necessary place. But add below the widget script.

```html
<script>
	const config = {
		baseurl: string, // the base url of the backend server
		showPage: boolean, // used to show the page or not
		changeToPopup: boolean, // widget shows by popup modal default is false
		operatorEmail: string, // axiom operator account details for token
		operatorPassword: string, // axiom operator account details for token
		appId: string, // app id can be taken from app available from your operator account
		userId: string, // user id can be taken from app assigned to user
		onResponse: function (data) {}, // callback function, when api response
		onError: function (data) {}, // callback function, when api error
		onClose: function (data) {} // callback function, when page close
	};
	// get the element used in the action button 
	var container = document.getElementById('xxxx');
	// on click of element widget works
	container.addEventListener('click', function () {
		axiom_verify.AXIOMVerify(config);
	});
</script>
```

_Here, the config variable is used to pass the data. And the container variable is to get the dom element of the id **`xxxx`** button and add it to the event listener. It checks if the button is clicked and sends the config object data to the **`axiom_verify`** module.
**`axiom_verify.AXIOMVerify(config)`**_

**Note:-**

- _**`baseurl`** should pass as a string value. It is used as the base URL for API calls._
- _**`showPage`** is used to pass a boolean value ( **`true`** or **`false`** ). To toggle the widget page open or close._
- _**`changeToPopup`** is used to pass a boolean value ( **`true`** or **`false`** ). To toggle the widget as a popup or inline page._
- _**`operatorEmail`** should pass as a string value. It is used to get the JWT token and to proceed with your operator account._
- _**`operatorPassword`** should pass as a string value. It is used to get the JWT token and to proceed with your operator account._
- _**`appId`** should pass as a string value. It is used to login with a specific app._
- _**`userId`** should pass as a string value. It is used to get the token type and verify user._
- _**`onResponse`** is a callback function. It is getting called when the API gives a successful response. Return data is an object with its API endpoint and result._
- _**`onError`** is a callback function. It is getting called when the API gives an error message or at any configuration error. Return data is an object with its API endpoint and result._
- _**`onClose`** is a callback function. It is getting called when the page/popup gets closed. Return data is an object with its action and result._
