E-sign application integration is a web-based integration that supports all types of web technology. We provide all the essential features, components, and gateway for integrating the SDK with web applications. Following this quick start guide, you can install and initialize e-sign SDK seamlessly.

SDK Integration Steps

 

Steps to Integrate Web Application with JavaScript SDK:

 

Include JS and CSS file in the header section.

<head>
<title>E- Sign portal SDK</title>
<!-- E- Sign portal SDK-->
<script type='text/javascript' src='isuSDK.min.js'></script>
<link rel="stylesheet" href='isuSDK.min.css'>
</head>

 

Client Ref Id, apiusername, pagename, isreceipt, cd_amount, token variables,pass_key and callbackurl are to be initialized.

var apiusername = ?; // This is the API user name, e.g.-isutest 
var username = ?; // This is the retailer/agent user name.
var clientrefid = ?;// This is a unique alphanumeric string having max length<=20 
var token = ?// Encrypted token
var pass_key = ?//pass key already shared with you.

Note:

  1. token should be an encrypted string.
  2. pass_key is the encrypted string that is shared with you.

 

Enable location on your browser.

watchLocation();
function watchLocation(){ if (navigator.geolocation) { 
navigator.geolocation.getCurrentPosition( (position)=>{ this.positionNew=position.coords;
},
error=>{ if(error.code===1){ 
this.locationAlerts(false,error.message);
} elseif(error.code===2){
}
}
);
}
else{ this.locationAlerts(true,'');}
}
function locationAlerts(type,msg){ let alertHtml = type; 
if (alertHtml){
} else{ alert(msg); 
window.location.href="error.html";
}
}

 

Finally, initialize SDK.

isuSDK("e-sign").open({ 
closeButton: true,
title: "<img src='logo.png' width='' height='' alt='e-sign'>", 
className: "zoom-and-spin",
clientRefId: clientrefid, 
inputParam: apiusername, 
token: token,
pass_key: pass_key, 
username: username, 
paramA: "",
paramB: "",
paramC: ""
});

 

This should be added to the page in order to redirect to the initial page after a process and perform different tasks according to your requirements.

window.addEventListener("message", function (event) {
if (event.data === "processCompleted") {
const ele = document.getElementsByClassName('isuSDK-overlay'); 
const ele2 = document.getElementsByClassName('zoom-and-spin');
// const ele3 = document.getElementsByClassName('isuSDK-open'); 
const ele4 = document.getElementsByClassName('isuSDK-modal'); 
ele[0].remove();
ele2[0].remove();
// ele3[0].remove();
ele4[0].remove();
}
});