Basic Implementation
<esign-component
session-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
dev-mode
id="basic-example"
></esign-component>
<script>
document
.getElementById('basic-example')
.addEventListener('signing-complete', (event) => {
alert(`Signing completed: ${event.detail.status}`);
// Handle successful signing...
});
</script>
Note: Using default service URL
(https://api.esign.com/v1)
Custom Service URL with Advanced Event Handling
<esign-component
session-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
service-url="https://your-domain.com/api/esign"
dev-mode
id="advanced-example"
></esign-component>
<script>
const handleSigningComplete = (event) => {
const result = event.detail;
console.log('Signing completed:', result);
// Show success message
const message = document.createElement('div');
message.className = 'success-message';
message.textContent = `Document ${result.documentId} signed
successfully!`;
event.target.parentNode.appendChild(message);
// Additional actions...
if (result.status === 'SUCCESS') {
// Redirect or update UI
}
};
const handleSigningError = (event) => {
console.error('Signing error:', event.detail.error);
// Show error message
const message = document.createElement('div');
message.className = 'error-message';
message.textContent = `Error: ${event.detail.error}`;
event.target.parentNode.appendChild(message);
};
document
.getElementById('advanced-example')
.addEventListener('signing-complete', handleSigningComplete);
document
.getElementById('advanced-example')
.addEventListener('signing-error', handleSigningError);
</script>
Live Testing
curl -X POST \
https://api.dev.joinworth.com/electronic-consent/api/v1/session/create \
-H "Content-Type: application/json" \
-H "Authorization: Bearer
YOUR_API_KEY" \
-d '{
"documentId": "DOC-123456789",
"templateId": "TEMPLATE-IRS8821",
"signer": {
"id": "USER-123",
"email": "signer@example.com",
"fullName": "Jane Smith"
},
"documentFields": {
"legalName": "Acme Corporation",
"taxId": "12-3456789",
"addressLine1": "123 Business
Ave",
"city": "San Francisco",
"state": "CA",
"zip": "94105"
}
}'
Note: Enter your API key and service URL to update the
curl example. Use the generated session token to initialize the
component.