Workflow Manager – v1.11.0
Introduction Operation guide
Integration guide
API reference

# Introduction

# Commonly used terms

  • Business application: application that calls the Workflow Manager API.

  • Consent page: set of parameters used to configure the consent screens seen by a workflow recipient and the security policy applied to the signature/approval.

  • Recipient: signer or approver who is part of a workflow step.

  • Signature profile: set of parameters used to configure the signature format applied to a certain type of document.

  • Workflow: sequence of workflow steps that apply to a list of workflow documents.

  • Workflow document: document that is part of a workflow. A workflow document can be either a document to sign/approve or an attachment.

  • Workflow step: list of recipients who are requested to sign or approve a workflow at the same time, in parallel.

# Integration steps

Lex Persona Workflow Manager can integrate with your business application in just two steps:

  1. Create a workflow using the Workflow Manager REST API and transfer the documents you want to be signed.

  2. Collect the signed documents once the workflow is finished.

# Prerequisites

Your business application needs an access token to communicate with the Workflow Manager REST API. You can create one from the Workflow Manager portal if your user account has the developer role.

Please contact an administrator if you don’t have the proper authorization.

# Create a workflow

A workflow can be created by making the following calls to the REST API of the Workflow Manager in backend, passing the access token in the authorization header:

BusinessapplicationBusinessapplicationWorkflowmanagerWorkflowmanager1.Create workflowaccessTokenWorkflow Manager generates workflow ID2.workflowIdloop[for each document]3.Upload documentaccessTokenworkflowIdWorkflow Manager generates document ID4.documentId5.Start workflowaccessTokenworkflowIdWorkflow Manager sets workflow status tostarted6.ok

  • Create a workflow and obtain a workflow ID,

  • Upload the documents you want to attach to the workflow,

  • Set the workflow status to started.

Remember to always make these calls from the backend of your business application. The access token you use in theses calls must be stored and kept secret in the business application.

# Create the workflow

Here is how the business application initiates a workflow with a approval step and a signature step:

$ curl 'https://workflow-manager/api/users/usr_Kv5ERczjdYRUDfWmkwT3L3UZ/workflows' -i -X POST \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z' \
    -H 'Content-Type: application/json' \
    -d '{
  "name" : "Durable Silk Computer",
  "steps" : [ {
    "stepType" : "approval",
    "recipients" : [ {
      "consentPageId" : "cop_G3WKxThpi8YbFEFkN1FEPsj5",
      "userId" : "usr_Kv5ERczjdYRUDfWmkwT3L3UZ",
      "preferredLocale" : "fr",
      "organizationId" : "org_4LFpgM9urYgrPDHfoVxWKbtK"
    } ],
    "maxInvites" : 5
  }, {
    "stepType" : "signature",
    "recipients" : [ {
      "consentPageId" : "cop_4q5zRGPLtrDfJFVkVhnFPDTr",
      "email" : "jesse.turner7853@my-company.com",
      "phoneNumber" : "+33 6 12 34 56 78",
      "firstName" : "Krysta",
      "lastName" : "Gusikowski",
      "country" : "FR",
      "preferredLocale" : "fr"
    } ],
    "maxInvites" : 5
  } ]
}'

Notice how we can specify recipients with or without user identifiers. That’s because the Workflow Manager allows for any external user — a contact who is not part of the system — to sign just like a regular user.

A workflow object is returned, including a workflow ID:

{
  "allowedCoManagerUsers" : [ ],
  "coManagerNotifiedEvents" : [ ],
  "created" : 1712674600009,
  "currentRecipientEmails" : [ ],
  "currentRecipientUsers" : [ ],
  "email" : "shela.roob103@my-company.com",
  "firstName" : "Edward",
  "groupId" : "grp_FDcXq39S3sAjCEdMwgkvfu8M",
  "id" : "wfl_DSNxe83KZWFgw7wt1XqcdcPS",
  "lastName" : "Dickinson",
  "logs" : [ ],
  "name" : "Durable Silk Computer",
  "notifiedEvents" : [ "recipientRefused", "recipientFinished", "workflowStopped", "workflowFinished" ],
  "pictureResourceId" : "res_KSGz6LKbQofojbM5qFPcGhs3",
  "progress" : 0,
  "steps" : [ {
    "allowComments" : true,
    "hideAttachments" : false,
    "hideWorkflowRecipients" : false,
    "id" : "stp_PTmoEZ6ZiKHUoseqQ2FsQus2",
    "invitePeriod" : 86400000,
    "isFinished" : false,
    "isStarted" : false,
    "logs" : [ ],
    "maxInvites" : 5,
    "recipients" : [ {
      "consentPageId" : "cop_G3WKxThpi8YbFEFkN1FEPsj5",
      "country" : "FR",
      "email" : "shela.roob103@my-company.com",
      "firstName" : "Edward",
      "lastName" : "Dickinson",
      "phoneNumber" : "+33 6 12 34 56 78",
      "pictureResourceId" : "res_KSGz6LKbQofojbM5qFPcGhs3",
      "preferredLocale" : "fr",
      "userId" : "usr_Kv5ERczjdYRUDfWmkwT3L3UZ"
    } ],
    "requiredRecipients" : 1,
    "sendDownloadLink" : true,
    "stepType" : "approval",
    "validityPeriod" : 86400000
  }, {
    "allowComments" : true,
    "hideAttachments" : false,
    "hideWorkflowRecipients" : false,
    "id" : "stp_8g6Hb8wbxirdyLyM1GZSKnNF",
    "invitePeriod" : 86400000,
    "isFinished" : false,
    "isStarted" : false,
    "logs" : [ ],
    "maxInvites" : 5,
    "recipients" : [ {
      "consentPageId" : "cop_4q5zRGPLtrDfJFVkVhnFPDTr",
      "country" : "FR",
      "email" : "jesse.turner7853@my-company.com",
      "firstName" : "Krysta",
      "lastName" : "Gusikowski",
      "phoneNumber" : "+33 6 12 34 56 78",
      "preferredLocale" : "fr"
    } ],
    "requiredRecipients" : 1,
    "sendDownloadLink" : true,
    "stepType" : "signature",
    "validityPeriod" : 86400000
  } ],
  "tenantId" : "ten_7CjFWVSusj5X2U1EpgEVBtPd",
  "updated" : 1712674600009,
  "userId" : "usr_Kv5ERczjdYRUDfWmkwT3L3UZ",
  "viewAuthorizedGroups" : [ "grp_DYzg2UhqPb22qTfV8WgKYR6S", "grp_FDcXq39S3sAjCEdMwgkvfu8M" ],
  "viewAuthorizedUsers" : [ ],
  "watchers" : [ ],
  "workflowStatus" : "draft"
}

See the API reference for more info about the workflow API.

# Upload the documents

For each document to be signed, the business application uploads the content of the document, passing the workflow ID in the URL:

$ curl 'https://workflow-manager/api/workflows/wfl_DSNxe83KZWFgw7wt1XqcdcPS/parts?createDocuments=true&signatureProfileId=sip_9iz6HQg1g3GJySu5kDUXBCEu' -i -X POST \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z' \
    -H 'Content-Type: multipart/form-data;boundary=uauTPngx4nhSmqmgBMRrxKAqNjFOYh' \
    -F 'document=@document.pdf;type=application/pdf' \
    -d '--uauTPngx4nhSmqmgBMRrxKAqNjFOYh
Content-Type: application/pdf
Content-Disposition: form-data; name="document"; filename="document.pdf"
Content-Length: 12341

%PDF-1.3
%���������
4 0 obj
<< /Length 5 0 R /Filter /FlateDecode >>
stream
xUϱ�0����G�kk9X5�č��D@0����Nb:��^�庢�
��X��c
...
'

A document object is returned:

{
  "documents" : [ {
    "created" : 1712674600089,
    "displayedParts" : [ {
      "contentType" : "application/pdf",
      "filename" : "document.pdf",
      "hash" : "9bbsyfeTdDjXRU0RBkKnPPIhNlQmp47w/Vdhat/7yfE=",
      "isOriginal" : true,
      "policyUri" : "https://sites.banque-france.fr/igc/signature/ps/ps_1_2_250_1_115_200_300_4.pdf",
      "size" : 18540
    } ],
    "groupId" : "grp_FDcXq39S3sAjCEdMwgkvfu8M",
    "id" : "doc_4SZppgArz1EjvsSNCoeErUu4",
    "parts" : [ {
      "contentType" : "application/pdf",
      "filename" : "document.pdf",
      "hash" : "9bbsyfeTdDjXRU0RBkKnPPIhNlQmp47w/Vdhat/7yfE=",
      "isOriginal" : true,
      "policyUri" : "https://sites.banque-france.fr/igc/signature/ps/ps_1_2_250_1_115_200_300_4.pdf",
      "size" : 18540
    } ],
    "signatureProfileId" : "sip_9iz6HQg1g3GJySu5kDUXBCEu",
    "tenantId" : "ten_7CjFWVSusj5X2U1EpgEVBtPd",
    "updated" : 1712674600089,
    "userId" : "usr_Kv5ERczjdYRUDfWmkwT3L3UZ",
    "viewAuthorizedGroups" : [ "grp_DYzg2UhqPb22qTfV8WgKYR6S", "grp_FDcXq39S3sAjCEdMwgkvfu8M" ],
    "viewAuthorizedUsers" : [ ],
    "workflowId" : "wfl_DSNxe83KZWFgw7wt1XqcdcPS",
    "workflowName" : "Durable Silk Computer"
  } ],
  "ignoredAttachments" : 0,
  "parts" : [ {
    "contentType" : "application/pdf",
    "filename" : "document.pdf",
    "hash" : "9bbsyfeTdDjXRU0RBkKnPPIhNlQmp47w/Vdhat/7yfE=",
    "isOriginal" : true,
    "policyUri" : "https://sites.banque-france.fr/igc/signature/ps/ps_1_2_250_1_115_200_300_4.pdf",
    "size" : 18540
  } ]
}

See the API reference for more info about the document API.

# Place the signature fields

The business application has the possibility to present the uploaded documents by showing a viewer to the user, typically to let him place the PDF signature fields corresponding to the multiple signers in the workflow.

To do so, the business application has to create a viewer URL by calling the Create document viewer API in backend, passing the workflow document ID in the URL and the access token in the authorization header:

$ curl 'https://workflow-manager/api/documents/doc_12SGF1D5hYSwG4cLKLDvoU25/viewer' -i -X POST \
    -H 'Authorization: Bearer act_KYDtfNY2b46CT5GeyKrj9oYb.3CCRLgTbN9aQQU8U3858DRU5MWhE98BTfYsk3fX9ZpidH5Ea1fx2ddTFykmEKbMU' \
    -H 'Content-Type: application/json' \
    -d '{
  "redirectUrl" : "https://block.name/callback",
  "expired" : 1712760711972
}'

The viewer URL is returned:

{
  "expired" : 1712760711972,
  "viewerUrl" : "https://kassulke.name/viewer#token=eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiJ2aWV3ZXIiLCJkb2N1bWVudElkIjoiZG9jXzEyU0dGMUQ1aFlTd0c0Y0xLTER2b1UyNSIsInJlZGlyZWN0V..."
}

iframe-manager.js makes it easy to launch the viewer as an iframe in your existing web site. To use iframe-manager.js in your web site, include the script in your HTML code and call a JavaScript method to open the iframe, passing the viewer URL as a parameter.

When used as an iframe, the viewer does not redirect the user back to your redirect URL once it has been closed. Instead, a callback can be passed to be informed once the iframe is closed:

<script src="iframe-manager.js"></script>
<script>
    iframeManager.open(viewerUrl, function (err) {
        // iframe is closed
        if (err) {
            // something went wrong
        } else {
            // success
        }
    });
</script>

If window.Promise is available in the browser environment, the open function returns a Promise object:

iframeManager.open(viewerUrl)
    .then(function () {
        // success
    }, function (err) {
        // something went wrong
    });

# Start the workflow

Once the documents to be signed have been uploaded, the business application sets the status of the workflow to started, passing the workflow ID in the URL:

$ curl 'https://workflow-manager/api/workflows/wfl_DSNxe83KZWFgw7wt1XqcdcPS' -i -X PATCH \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z' \
    -H 'Content-Type: application/json' \
    -d '{
  "workflowStatus" : "started"
}'

See the API reference for more info about the workflow API.

# Signature and approval

As soon as the workflow starts, the recipients of the first step in the workflow receive invitations by email to sign or approve the documents through the consent page.

# Create the invitation

If you prefer to send invitation emails from your business application, you can prevent the Workflow Manager from sending invitation emails by setting the step field maxInvites to 0 and you can use the workflow API to create invite links programmatically, for each recipient:

$ curl 'https://workflow-manager/api/workflows/wfl_DSNxe83KZWFgw7wt1XqcdcPS/invite' -i -X POST \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z' \
    -H 'Content-Type: application/json' \
    -d '{
  "recipientEmail" : "shela.roob103@my-company.com"
}'

An invite link is returned:

{
  "inviteUrl" : "https://kassulke.name/invite?token=eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiJpbnZpdGUiLCJ1c2VySWQiOiJ1c3JfS3Y1RVJjempkWVJVRGZXbWt3VDNMM1VaIiwiaWF0IjoxNzEyNjc0N..."
}

Note that the generated link is valid as long as the workflow is accessible to the recipient. It becomes invalid once the recipient is no longer needed, or after the step expires.

# Wait for finished

Once the workflow is finished, the business application can be notified in two different ways:

  • Polling: the business application, via the workflow API, loops over retrieving the workflow status until its value is finished.

  • Webhook: the Workflow Manager notifies the business application by sending an HTTP request as soon as the workflow status changes to finished.

# Polling

When polling, the business application retrieves the workflow periodically until its status is finished:

$ curl 'https://workflow-manager/api/workflows/wfl_DSNxe83KZWFgw7wt1XqcdcPS' -i -X GET \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z'

See the API reference for more info about the workflow API.

# Webhooks

Webhooks allow a business application to listen to events from the Workflow Manager such as a change in a workflow. There are several things to consider when implementing webhooks in your business application:

  • The Workflow Manager will attempt to deliver your webhooks several times, until successful delivery, or until the event is 30 days old (after which it’s removed). To be considered successful, your webhook endpoint has to acknowledge the delivery by returning a 2xx status code immediately after receiving the event.

  • Webhook endpoints might occasionally receive the same event more than once. Therefore, you have to guard against duplicated event deliveries by making your event processing idempotent.

  • Events are not guaranteed to be delivered in the order in which they are generated.

  • Events you receive might be outdated, or even forged by an attacker if your webhook endpoint is public. Therefore, you have to verify the event by making a call to the Workflow Manager REST API and by checking its consistency with the corresponding event in the webhook event API.

  • You have to use an HTTPS URL for your webhook endpoint. The Workflow Manager will validate that the connection to your server is secure before sending webhook events. For this to work, your HTTPS server must be properly configured with an SSL certificate issued by a trusted authority.

Events are delivered to your endpoint as HTTP POST requests. Please consult the webhook event API for a description of the event fields sent in the request body.

To start receiving events, just create a webhook in the Workflow Manager portal by providing your webhook endpoint URL and the list of event types you want the webhook to receive.

You can define a user webhook to receive events about your own workflows, or a global webhook to receive events about all workflows in the tenant.

# Retrieve the signed documents

Once the workflow is finished, the business application can download in backend the signed documents all together (as a zip file if multiple documents were added to the workflow):

$ curl 'https://workflow-manager/api/workflows/wfl_DSNxe83KZWFgw7wt1XqcdcPS/downloadDocuments' -i -X GET \
    -H 'Authorization: Bearer act_CL191q9WDSs2dyM9S9HqXCw3.hqjiqGfZxA73ysrasniXU6yd723sZxo9vGzeB3uHTkKNHsYMJGJ99KvGjPsJfr5z'

The documents are returned in the response body:

%PDF-1.3
%����
1 0 obj
<</Subtype/XML/Type/Metadata/Length 3497>>stream
<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmp
...

See the API reference for more info about the document API.

# Email templates

Invitation emails and other email notifications can be customized by updating the tenant settings. Settings can contain templates translated into different languages. Each translation is composed of both the subject template and the content template:

PUT /api/tenants/ten_Mkuo4XUGLguaUggx7zFtBkPZ/settings HTTP/1.1
Authorization: Bearer act_8RaMjXens491yEzUZrxmQoan.2kbJAV4Sjrk8qDwhDN1v73sy6J62RWVyijc6qMAdXrJU33beZpoWn6eoo2xj6hwe
Content-Type: application/json
Content-Length: 131769

{
  "preferredLocales" : [ "fr", "en" ],
  "approbationInviteEmail" : {
    "fr" : {
      "subject" : "Nouvelle demande de validation sur e-Parapheur.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Nouvelle demande de validation\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vous invite à valider le(s)\n                                  document(s) du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le(s) document(s)\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de valider ce(s) document(s), veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n\n        <!-- Fifth Row : page Footer-->\n        <tr>\n          <td valign=\"middle\" align=\"center\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"center\">\n                  <span\n                      style=\"font-family:Roboto-Regular,Helvetica,Arial,sans-serif;font-size:11px;padding-top:12px;text-align:center\">\n                    <br>\n                    <strong>ATTENTION : </strong>\n                    Cet email contient un lien sécurisé personnel valide pendant {{durationToDays duration=step.validityPeriod singular='jour' plural='jours' zero='moins de 24 heures'}} que vous ne devez en aucun cas partager avec d'autres personnes.\n                  </span>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "approbationUninviteEmail" : {
    "fr" : {
      "subject" : "Votre validation n'est plus requise.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Votre validation n'est plus requise\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Votre validation n'est plus requise sur le parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "approbationRefusedEmail" : {
    "fr" : {
      "subject" : "Un destinataire a refusé de valider.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un destinataire a refusé de valider\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} a refusé de valider le(s) document(s)\n                                  du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "approbationFinishedEmail" : {
    "fr" : {
      "subject" : "Un destinataire vient de valider.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un destinataire vient de valider\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vient de valider le(s) document(s)\n                                  du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "signatureInviteEmail" : {
    "fr" : {
      "subject" : "Nouvelle demande de signature sur e-Parapheur.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Nouvelle demande de signature\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vous invite à signer le(s)\n                                  document(s) du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le(s) document(s)\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de signer ce(s) document(s), veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n\n        <!-- Fifth Row : page Footer-->\n        <tr>\n          <td valign=\"middle\" align=\"center\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"center\">\n                  <span\n                      style=\"font-family:Roboto-Regular,Helvetica,Arial,sans-serif;font-size:11px;padding-top:12px;text-align:center\">\n                    <br>\n                    <strong>ATTENTION : </strong>\n                    Cet email contient un lien sécurisé personnel valide pendant {{durationToDays duration=step.validityPeriod singular='jour' plural='jours' zero='moins de 24 heures'}} que vous ne devez en aucun cas partager avec d'autres personnes.\n                  </span>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "signatureUninviteEmail" : {
    "fr" : {
      "subject" : "Votre signature n'est plus requise.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Votre signature n'est plus requise\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Votre signature n'est plus requise sur le parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "signatureRefusedEmail" : {
    "fr" : {
      "subject" : "Un destinataire a refusé de signer.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un destinataire a refusé de signer\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} a refusé de signer le(s) document(s)\n                                  du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                {{#if log.reason}}\n                                <p>La raison pour laquelle le signataire a refusé de signer est :\n                                  <strong>{{log.reason}}</strong></p>\n                                {{/if}}\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "signatureFinishedEmail" : {
    "fr" : {
      "subject" : "Un destinataire vient de signer.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un destinataire vient de signer\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vient de signer le(s) document(s)\n                                  du parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "workflowStartedEmail" : {
    "fr" : {
      "subject" : "Un parapheur vient d'être démarré.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un parapheur vient d'être démarré\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Le parapheur suivant vient d'être démarré :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "workflowStoppedEmail" : {
    "fr" : {
      "subject" : "Un parapheur vient d'être arrêté.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un parapheur vient d'être arrêté\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Le parapheur suivant vient d'être arrêté :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "workflowFinishedEmail" : {
    "fr" : {
      "subject" : "Un parapheur vient de se terminer avec succès.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un parapheur vient de se terminer avec succès\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Le parapheur suivant vient de se terminer avec succès :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.userId}}\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "anonymizedUsersInStepEmail" : {
    "fr" : {
      "subject" : "Un parapheur ne contient que des destinataires anonymisés",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\" style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\" style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\" align=\"center\">\n                        <img border=\"0\" src=\"https://www.lex-persona.com/email-logo.png\" style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\" width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\" style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\"> Une étape contient uniquement des destinataires anonymisés </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\" style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Une étape du parapheur suivant contient uniquement des destinataires anonymisés ce qui empêchera le parapheur de se terminer : <strong>{{notification.workflowName}}</strong>. </p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\" style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance. <br> À bientôt. <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>"
    }
  },
  "workflowFinishedDownloadLinkEmail" : {
    "fr" : {
      "subject" : "Un parapheur vient de se terminer avec succès.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un parapheur vient de se terminer avec succès\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>Le parapheur suivant vient de se terminer avec succès :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Télécharger le(s) document(s) signé(s)\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de télécharger le(s) document(s) signé(s), veuillez cliquer\n                                  sur le bouton ci-dessus ou copier l'adresse suivante et la coller\n                                  dans la barre d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n\n        <!-- Fifth Row : page Footer-->\n        <tr>\n          <td valign=\"middle\" align=\"center\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"center\">\n                  <span\n                      style=\"font-family:Roboto-Regular,Helvetica,Arial,sans-serif;font-size:11px;padding-top:12px;text-align:center\">\n                    <br>\n                    <strong>ATTENTION : </strong>\n                    Cet email contient un lien sécurisé personnel que vous ne devez en aucun cas partager avec d'autres personnes.\n                  </span>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "commentCreatedEmail" : {
    "fr" : {
      "subject" : "Un commentaire vient d'être laissé.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un commentaire vient d'être laissé\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vient de laisser un commentaire dans le parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  },
  "commentCreatedSecuredEmail" : {
    "fr" : {
      "subject" : "Un commentaire vient d'être laissé.",
      "content" : "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <meta name=\"format-detection\" content=\"telephone=no\">\n</head>\n<body\n    style=\"background-color:#f4f5f6;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 17px; color:#202124;\">\n<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#f4f5f6\"\n       style=\"background-color:#f4f5f6\">\n  <tbody>\n  <tr>\n    <td align=\"center\">\n      <table width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"width:600px;max-width:600px\">\n        <tbody>\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <!-- first Row with logo-->\n                    <tr>\n                      <td valign=\"top\" style=\"padding-top: 15px;padding-bottom: 15px;\"\n                          align=\"center\">\n                        <img border=\"0\"\n                             src=\"https://www.lex-persona.com/email-logo.png\"\n                             style=\"max-width: 260px;border-width:0;border-style:solid;padding: 15px 0;\"\n                             width=\"260\" alt=\"Lex Persona\" title=\"Lex Persona\">\n                      </td>\n                    </tr>\n                    <!-- Second Row -->\n                    <tr>\n                      <td align=\"center\"\n                          style=\"background-color:#104670; color: #ffffff; font-size: 22px; padding: 15px; font-weight: 500;\">\n                        Un commentaire vient d'être laissé\n                      </td>\n                    </tr>\n                    <!-- Third Row Body-->\n                    <tr>\n                      <td valign=\"top\" align=\"left\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr style=\"padding: 12px 0px 0px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <p>Bonjour,</p>\n                                <p>{{notification.creatorName}} vient de laisser un commentaire dans le parapheur suivant :\n                                  <strong>{{notification.workflowName}}</strong>.</p>\n                                <br>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{#if notification.linkUrl}}\n                          <tr>\n                            <td width=\"1\"></td>\n                            <td align=\"center\">\n                              <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                <tr>\n                                  <td style=\"padding: 12px 18px 12px 18px; border-radius:5px; background-color: #1f8cdf;\"\n                                      align=\"center\">\n                                    <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\"\n                                       style=\"font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; display: inline-block;\">\n                                      Visualiser le parapheur\n                                      &rarr;\n                                    </a>\n                                  </td>\n                                </tr>\n                              </table>\n                            </td>\n                          </tr>\n                          <tr style=\"padding: 0px 0px 12px;\">\n                            <td width=\"40\"></td>\n                            <td>\n                              <font size=\"2\" face=\"Arial, Helvetica, sans-serif\" color=\"#57585b\"\n                                    style=\"font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#57585b\">\n                                <br>\n                                <p>\n                                  Afin de visualiser ce parapheur, veuillez cliquer sur le bouton\n                                  ci-dessus ou copier l'adresse suivante et la coller dans la barre\n                                  d'adresse de votre navigateur :\n                                </p>\n                                <p>\n                                  <a href=\"{{{notification.linkUrl}}}\" target=\"_blank\" style=\"color: #489cdb;word-break: break-all\">{{notification.linkUrl}}</a>\n                                </p>\n                              </font>\n                            </td>\n                            <td width=\"40\"></td>\n                          </tr>\n                          {{/if}}\n                          <tr>\n                            <td valign=\"top\" align=\"left\">\n                              <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                                <tbody>\n                                <tr>\n                                  <td valign=\"top\" align=\"left\"></td>\n                                </tr>\n                                </tbody>\n                              </table>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n        <!-- Fourth Row Card Footer-->\n        <tr>\n          <td valign=\"top\" bgcolor=\"#ffffff\" align=\"center\" style=\"background-color:#fff\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" bgcolor=\"#ffffff\"\n                   style=\"background-color:#fff\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"left\">\n                  <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                    <tbody>\n                    <tr>\n                      <td valign=\"top\" align=\"center\">\n                        <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                          <tbody>\n                          <tr>\n                            <td>\n                              <div\n                                  style=\"border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;\">\n                                <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"\n                                       align=\"center\">\n                                  <tr style=\"background-color: #eaebec;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; font-size: 16px; color:#202124;\">\n                                    <td width=\"40\"></td>\n                                    <td>\n                                      <br> Merci pour votre confiance.\n                                      <br> À bientôt.\n                                      <br>\n                                      <br>\n                                    </td>\n                                    <td width=\"40\"></td>\n                                  </tr>\n                                </table>\n                              </div>\n                            </td>\n                          </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n\n        <!-- Fifth Row : page Footer-->\n        <tr>\n          <td valign=\"middle\" align=\"center\">\n            <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <tbody>\n              <tr>\n                <td valign=\"top\" align=\"center\">\n                  <span\n                      style=\"font-family:Roboto-Regular,Helvetica,Arial,sans-serif;font-size:11px;padding-top:12px;text-align:center\">\n                    <br>\n                    <strong>ATTENTION : </strong>\n                    Cet email contient un lien sécurisé personnel que vous ne devez en aucun cas partager avec d'autres personnes.\n                  </span>\n                </td>\n              </tr>\n              </tbody>\n            </table>\n          </td>\n        </tr>\n      </table>\n    </td>\n  </tr>\n</table>\n</body>\n</html>\n"
    }
  }
}

The following variables can be used in the templates, depending on the type of the notification:

  • notification: the notification the email is about. Always present.

  • workflow: the workflow the notification is about. Only present if the notification is about a particular workflow.

  • documents: the list of documents in the workflow the notification is about. Only present if the notification is about a particular workflow.

  • ownerUser: the user who owns the workflow the notification is about. Only present if the notification is about a particular workflow.

  • step: the step the notification is about. Only present if the notification is about a particular step in a workflow.

  • recipient: the recipient the notification is targeting. Only present if the notification is targeting a particular workflow recipient.

  • recipientUser: the recipient user the notification is targeting. Only present if the notification is targeting a particular workflow recipient user.

  • creatorUser: the user who initiated the notification. Only present if the notification was initiated by a particular user.

# Metadata

Metadata can be added to Lex Enterprise workflows. They are useful to index workflows or to exchange reference information between Lex Enterprise and client applications.

# Defining Metadata types

The metadata names, descriptions, types and default values are defined at the tenant level. A tenant can hold up to 16 distinct metadata types.

Here is an example of a metadata types definition API call:

curl --location --globoff --request PUT 'https://{{url}}/api/tenants/{{tenantId}}/dataMapping' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer {{accessToken}}' \
--data '{
  "data1" : {
    "name" : "Safe name",
    "description" : "The name of the safe storage.",
    "type" : "text"
  },
  "data2" : {
    "name" : "Code",
    "description" : "A code with 4 to 8 digits.",
    "type" : "text",
    "pattern" : "^\\d{4,8}$"
  },
  "data3" : {
    "name" : "Comment",
    "description" : "A multiline comment.",
    "type" : "textarea"
  },
  "data4" : {
    "name" : "Confirmed",
    "description" : "Whether or not it is confirmed.",
    "type" : "checkbox"
  },
  "data5" : {
    "name" : "Région",
    "description" : "Région de l'\''agence",
    "type" : "select",
    "options" : [ {
      "value" : "Île-de-France"
    }, {
      "value" : "Normandie"
    }, {
      "value" : "Bretagne"
    } ]
  },
  "data6" : {
    "name" : "Département",
    "description" : "Département de l'\''agence",
    "parent" : "data5",
    "type" : "select",
    "options" : [ {
      "parentValue" : "Île-de-France",
      "value" : "Paris"
    }, {
      "parentValue" : "Île-de-France",
      "value" : "Hauts-De-Seine"
    }, {
      "parentValue" : "Île-de-France",
      "value" : "Yvelines"
    }, {
      "parentValue" : "Normandie",
      "value" : "Manche"
    }, {
      "parentValue" : "Normandie",
      "value" : "Seine-Maritime"
    }, {
      "parentValue" : "Bretagne",
      "value" : "Finistère"
    } ]
  }
}'

You can consult the API reference for a detailed description of this API call and its payload.
In response, the API returns a dataMapping object:

{
  "data1" : {
    "description" : "The name of the safe storage.",
    "name" : "Safe name",
    "type" : "text"
  },
  "data2" : {
    "description" : "A code with 4 to 8 digits.",
    "name" : "Code",
    "pattern" : "^\\d{4,8}$",
    "type" : "text"
  },
  "data3" : {
    "description" : "A multiline comment.",
    "name" : "Comment",
    "type" : "textarea"
  },
  "data4" : {
    "description" : "Whether or not it is confirmed.",
    "name" : "Confirmed",
    "type" : "checkbox"
  },
  "data5" : {
    "description" : "Région de l'agence",
    "name" : "Région",
    "options" : [ {
      "value" : "Île-de-France"
    }, {
      "value" : "Normandie"
    }, {
      "value" : "Bretagne"
    } ],
    "type" : "select"
  },
  "data6" : {
    "description" : "Département de l'agence",
    "name" : "Département",
    "options" : [ {
      "parentValue" : "Île-de-France",
      "value" : "Paris"
    }, {
      "parentValue" : "Île-de-France",
      "value" : "Hauts-De-Seine"
    }, {
      "parentValue" : "Île-de-France",
      "value" : "Yvelines"
    }, {
      "parentValue" : "Normandie",
      "value" : "Manche"
    }, {
      "parentValue" : "Normandie",
      "value" : "Seine-Maritime"
    }, {
      "parentValue" : "Bretagne",
      "value" : "Finistère"
    } ],
    "parent" : "data5",
    "type" : "select"
  }
}

# Adding metadata to a workflow

Adding metadata to a workflow involves creating a workflow layout that defines what metadata types, among the 16 metadata types defined at the tenant level, are going to be added to the corresponding workflow. The workflow layout also defines some characteristics of each metadata in the workflow context (default value, optional metadata, read only metadata).

Here is an example of a workflow layout creation API call:

curl --location --request GET 'https://sgs-wm-test01.sunnystamp.com/api/tenants/ten_7H4TvNjQFfrLMXH22P2kCbH9/layouts' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer {{token}}' \
--data '{
  "isDisabled" : false,
  "name" : "Heavy Duty Aluminum Plate",
  "dataConfigurations" : [ {
    "slot" : "data1",
    "default" : "Safe #1",
    "optional" : true,
    "readonly" : false,
    "rememberLastValue" : false
  }, {
    "slot" : "data3",
    "optional" : true,
    "readonly" : false,
    "rememberLastValue" : false
  }, {
    "slot" : "data5",
    "default" : "Île-de-France",
    "optional" : false,
    "readonly" : false,
    "rememberLastValue" : false
  }, {
    "slot" : "data6",
    "optional" : false,
    "readonly" : false,
    "rememberLastValue" : false
  } ]
}'

In response, the API returns a workflow layout object:

{
  "created" : 1709116604487,
  "dataConfigurations" : [ {
    "default" : "Safe #1",
    "optional" : true,
    "readonly" : false,
    "rememberLastValue" : false,
    "slot" : "data1"
  }, {
    "optional" : true,
    "readonly" : false,
    "rememberLastValue" : false,
    "slot" : "data3"
  }, {
    "default" : "Île-de-France",
    "optional" : false,
    "readonly" : false,
    "rememberLastValue" : false,
    "slot" : "data5"
  }, {
    "optional" : false,
    "readonly" : false,
    "rememberLastValue" : false,
    "slot" : "data6"
  } ],
  "id" : "lay_B2rfMsaCsQC6UhLo6VHG7AQS",
  "isDisabled" : false,
  "name" : "Heavy Duty Aluminum Plate",
  "tenantId" : "ten_5mZChQv1pFza5MGYAz7PoR6Q",
  "updated" : 1709116604487i
}

Metadata are effectively added to the workflow at workflow creation time, by including the workflow layout id and the metadata values in the workflow creation API call payload (POST /api/users/{userId}/workflows):

{
"name" : "Test My Company Name",
"description": "My first workflow",
"steps" : [ {
"stepType" : "signature",
"recipients" : [ {
"consentPageId" : "cop_DBbAf6y9rJwmQKmnW9mcSGsG",
"userId" : "usr_CSnty4WBun8XMMFz32HPWRq8",
"phoneNumber" : "+33612345678",
"firstName" : "John",
"lastName" : "DOE",
"country" : "FR"
} ],
"requiredRecipients" : 1,
"validityPeriod" : 8553600000,
"invitePeriod" : 86400000,
"maxInvites" : 1,
"sendDownloadLink" : true
} ],
"notifiedEvents" : [ "recipientRefused", "recipientFinished", "workflowStarted", "workflowStopped", "workflowFinished" ],
"watchers" : [ {
"userId" : "usr_KQ1G9YcX8hGyT9EvejSBkjVx",
"notifiedEvents" : [ "recipientRefused", "recipientFinished", "workflowStarted", "workflowStopped", "workflowFinished", "workflowFinishedDownloadLink" ]
}, {
"email" : "john.doe@my-company.com",
"notifiedEvents" : [ "recipientRefused", "recipientFinished", "workflowStarted", "workflowStopped", "workflowFinished", "workflowFinishedDownloadLink" ]
} ],
"layoutId": "lay_BxxPQdVZQ4FkB5FD9Mtt2kpq",
"data1": "safe name",
"data2": 1234
}

It is also possible to add metadata to a workflow after its creation, with the workflow update API call (PATCH /api/workflows/{workflowId}, see API