Aller au contenu principal

Remplissage de modèles

Le SDK Template Filling permet la génération dynamique de documents à partir de modèles prédéfinis comportant des champs modifiables. Cet outil facilite l'automatisation de contenus répétitifs tels que les contrats, formulaires ou lettres en y insérant des données spécifiques.

Exemples d'intégration​

avertissement

Pour l'intégration, il est nécessaire de disposer d'un élément <iframe id='iframeId'> dans lequel le SDK sera affiché, et la fonction AucoSDK doit recevoir l'ID de cet élément.

info

Suivez le lien pour consulter la référence des événements requis dans une intégration du SDK : 👉🏻 Événements

Intégration de base, remplissage de modèle standard​

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

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Langues acceptées 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Clé publique de l'entreprise
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID du modèle à remplir
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Intégration avec référence​

info

Le remplissage avec une référence standardise la configuration de la plateforme de validation et de signature et permet à n'importe quel utilisateur de créer le processus, qui sera attribué à l'entreprise propriétaire de la référence.

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

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Langues acceptées 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Clé publique de l'entreprise
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID du modèle à remplir
    reference: 'R3F3R3NC3', // Référence
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Modification d'un document​

info

La modification d'un document déjà créé n'est possible que si le document n'a pas été signé.

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

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Langues acceptées 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Clé publique de l'entreprise
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID du modèle à remplir
    code: 'D0CC0D3', // Code du document à modifier
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});

Intégration avec préremplissage​

info

Si le modèle à remplir comportait déjà des champs préremplis lors de sa création, il est nécessaire de préciser le code du document créé et d'indiquer qu'il a été prérempli.

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

const unsubscribe = AucoSDK({
  iframeId: 'iframeId',
  sdkType: 'fill',
  language: 'es', // Langues acceptées 'es' | 'en'
  keyPublic: 'puk_xxxxx', // Clé publique de l'entreprise
  events: {
    onSDKReady,
    onSDKClose,
    onSDKToken,
  },
  sdkData: {
    document: '67e714c96b3509c4bf2b44dd', // ID du modèle à remplir
    code: 'D0CC0D3', // Code du document prérempli
    preBuild: true, // Indique au SDK de charger la partie finale du modèle
    uxOptions: {
      primaryColor: '#021c30',
      alternateColor: '#a557f2',
    },
  },
  env: process.env.PUBLIC_ENVIRONMENT == 'dev' ? 'DEV' : 'PROD',
});