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"
      [host]="'https://app.kivosign.com.br'"
      [name]="'João Silva'"
      [email]="'joao@exemplo.com'"
      [lockEmail]="true"
      [externalId]="'pedido-12345'"
      (documentReady)="onReady()"
      (documentCompleted)="onCompleted($event)"
      (documentError)="onError()"
    />
  `,
})
export class SigningComponent {
  token = 'token-do-seu-modelo';

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

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

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

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"
      [host]="'https://app.kivosign.com.br'"
      (documentCompleted)="onCompleted($event)"
    />
  `,
})
export class SigningComponent {
  @Input() token = '';

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