Pular para o conteúdo principal

Preenchimento de modelos

O SDK Template Filling permite a geração dinâmica de documentos a partir de modelos predefinidos com campos editáveis. Essa ferramenta facilita a automação de conteúdos repetitivos, como contratos, formulários ou cartas, inserindo dados específicos.

Exemplos de integração​

aviso

Para a integração, é necessário ter um elemento <iframe id='iframeId'> onde o SDK será renderizado, e a função AucoSDK deve receber o ID desse elemento.

info

Acesse o link para ver a referência dos eventos necessários em uma integração do SDK: 👉🏻 Eventos

Integração básica, preenchimento de modelo regular​

import { AucoSDK } from 'auco-sdk-integration';

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Idiomas aceitos 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Chave pública da empresa
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID do modelo a preencher
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Integração com referência​

info

O preenchimento com referência padroniza a configuração da plataforma de validação e assinatura e permite que qualquer usuário crie o processo, que será atribuído à empresa proprietária da referência.

import { AucoSDK } from 'auco-sdk-integration';

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Idiomas aceitos 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Chave pública da empresa
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID do modelo a preencher
    reference: 'R3F3R3NC3', // Referência
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Edição de um documento​

info

A edição de um documento já criado só é possível se o documento ainda não tiver sido assinado.

import { AucoSDK } from 'auco-sdk-integration';

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Idiomas aceitos 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Chave pública da empresa
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID do modelo a preencher
    code: 'D0CC0D3', // Código do documento a editar
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Integração com preenchimento prévio​

info

Se o modelo a ser preenchido já tinha campos preenchidos previamente no momento da criação, é necessário especificar o código do documento criado e indicar que ele foi preenchido previamente.

import { AucoSDK } from 'auco-sdk-integration';

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Idiomas aceitos 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Chave pública da empresa
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID do modelo a preencher
    code: 'D0CC0D3', // Código do documento preenchido previamente
    preBuild: true, // Indica ao SDK que carregue a parte final do modelo
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});