Angular

import { Component } from '@angular/core';
import { EmbedDirectTemplate } from '@documenso/embed-angular';

@Component({
  selector: 'app-signing',
  standalone: true,
  imports: [EmbedDirectTemplate],
  template: `
    <embed-direct-template
      [token]="token"
      [name]="'John Doe'"
      [email]="'john@example.com'"
      [lockEmail]="true"
      [externalId]="'order-12345'"
      (documentReady)="onReady()"
      (documentCompleted)="onCompleted($event)"
      (documentError)="onError()"
    />
  `,
})
export class SigningComponent {
  token = 'your-template-token';

  onReady() {
    console.log('Ready');
  }

  onCompleted(data: { documentId: number }) {
    console.log('Signed:', data.documentId);
  }

  onError() {
    console.error('Error');
  }
}

import { Component, Input } from '@angular/core';
import { EmbedSignDocument } from '@documenso/embed-angular';

@Component({
  selector: 'app-signing',
  standalone: true,
  imports: [EmbedSignDocument],
  template: `
    <embed-sign-document
      [token]="token"
      (documentCompleted)="onCompleted($event)"
    />
  `,
})
export class SigningComponent {
  @Input() token = '';

  onCompleted(data: { documentId: number }) {
    console.log('Signed:', data.documentId);
  }
}