ESIGN SDK Development Example

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.