@silexpert/core 1.2.0 → 1.2.1

package/dist/mjs/utils/commercialManagement/templates/common.js

@@ -7,10 +7,10 @@ export class CommercialDocumentCommonHTML {
     <span id="header-edging" style="position: absolute; top: 0; left: 0; width: 100vw; font-size: 10px !important; height: 15px; background-color: <%= settings && settings.edgingColor ? settings.edgingColor : '#333333' %>; margin-bottom: 20px;"></span>
   <% } %>`;
     footer = `<div style="font-size: 8px !important; color: #838384; text-align: center; padding: 0 40px; display: block; width: 100%;">
-    <% if (freeText) { %><%- freeText %><br/><br/><% } %><% if (accountingCategoryFormatted) {%><%= accountingCategoryFormatted %> | <%}%><% if(marginVats.length > 0) { %>Régime TVA sur marge - <% marginVats.forEach(function(v, index) { %><%= v %> - <% }) %>ART 297-A du CGI ou directive 2006-212 CE | <% } %><% if(penalties || compensation || discount) { %><%= penalties ? 'Pénalités en cas de retard : ' + penalties : ''%><%= penalties && compensation ? ' | ' : ''%><%= compensation ? 'Indemnité forfaitaire en cas de retard : ' + compensation + ' ' : '' %><%= (compensation || penalties) && discount ? ' | ' : '' %><%= discount ? discount + ' ' : '' %><%= shouldPayTaxAfterDebit ? "| Option pour le paiement de la taxe d'après les débits" : '' %><% if(name || legalForm || capital || siren || rcs) {%><br/><br/><% } %><% } %><%= name %><%= name && (legalForm || capital || siren || rcs) ? ', ' : ''%><%= legalForm %><%= capital ? ' au capital de ' + capitalFormatted + ' €' : '' %><%= siren ? ' immatriculée sous le SIREN ' + siren : ''%><%= rcs ? '| RCS ' + rcs : ''%><% if (vatCode || nafCode) {%><br/><% } %><%= vatCode ? 'N° TVA '+vatCode : ''%><% if(vatCode && nafCode){%>|<%}%><%= nafCode ? 'APE '+nafCode : '' %>
+    <% if (freeText) { %><%- freeText %><br/><br/><% } %><% if (accountingCategoryFormatted) {%><%= accountingCategoryFormatted %> | <%}%><% if(marginVats.length > 0) { %><%= languageTemplate.template.common.footer.marginVat %> - <% marginVats.forEach(function(v, index) { %><%= v %> - <% }) %><%= languageTemplate.template.common.footer.legalVatMention %> | <% } %><% if(penalties || compensation || discount) { %><%= penalties ? languageTemplate.template.common.footer.penalties + ' : ' + penalties : ''%><%= penalties && compensation ? ' | ' : ''%><%= compensation ? languageTemplate.template.common.footer.recoveryCosts + ' : ' + compensation + ' ' : '' %><%= (compensation || penalties) && discount ? ' | ' : '' %><%= discount ? discount + ' ' : '' %><%= shouldPayTaxAfterDebit ? "| " + languageTemplate.template.common.footer.shouldPayTaxAfterDebit : '' %><% if(name || legalForm || capital || siren || rcs) {%><br/><br/><% } %><% } %><%= name %><%= name && (legalForm || capital || siren || rcs) ? ', ' : ''%><%= legalForm %><%= capital ? ' ' + languageTemplate.template.common.footer.capital + ' ' + capitalFormatted + ' €' : '' %><%= siren ? ' ' + languageTemplate.template.common.footer.siren + ' ' + siren : ''%><%= rcs ? '| RCS ' + rcs : ''%><% if (vatCode || nafCode) {%><br/><% } %><%= vatCode ? languageTemplate.template.common.footer.vatCode + ' ' +vatCode : ''%><% if(vatCode && nafCode){%>|<%}%><%= nafCode ? 'APE '+nafCode : '' %>
     <% if (["Clementine", "Pourcentage", "Comptalib"].includes(brandName) && !shouldHideBrandName) { %>
     <div style="display: grid; place-items: center;"><div style="background-color: <%= brandColors.primary50 %>; color: <%= brandColors.primary500 %>; display: flex; gap: 3px; max-width: fit-content; border-radius: 4px; padding: 4px 8px; margin-top: 8px; align-items: center; font-size: 9px; line-height: 140%; font-family: 'circular std', sans serif; font-weight: 450;">
-        Généré par 
+        <%= languageTemplate.template.common.footer.generate %>
         <% if (brandName === "Clementine") { %>
           <svg width="86" height="13" viewBox="0 0 129 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.6584 11.6301C27.6584 13.1199 28.6143 13.9511 29.7364 13.9511C30.8586 13.9511 31.4405 13.2062 31.6067 12.5828L33.5601 13.2446C33.186 14.6129 31.8976 15.978 29.7364 15.978C27.3259 15.978 25.4141 14.1557 25.4141 11.6716C25.4141 9.18754 27.2843 7.36523 29.6533 7.36523C31.8976 7.36523 33.1445 8.73356 33.477 10.0987L31.5651 10.7189C31.3573 10.0571 30.8586 9.35059 29.7364 9.35059C28.6143 9.35059 27.6584 10.1786 27.6584 11.6301Z" fill="#FF7E3C"/><path d="M35.2227 15.728V3.7168H37.4254V15.728H35.2227Z" fill="#FF7E3C"/><path d="M47.1087 13.3684C46.6931 14.7751 45.4047 15.9356 43.3682 15.9356C41.1239 15.9356 39.1289 14.3211 39.1289 11.5876C39.1289 8.85419 41.0407 7.28125 43.1604 7.28125C45.6956 7.28125 47.1918 8.89575 47.1918 11.5045C47.1918 11.837 47.1502 12.1663 47.1502 12.1663H41.2901C41.3317 13.2437 42.246 14.0302 43.3682 14.0302C44.4072 14.0302 44.9475 13.5346 45.2384 12.7865L47.1087 13.3652V13.3684ZM45.0306 10.7181C44.9891 9.89002 44.4488 9.10356 43.2019 9.10356C42.0382 9.10356 41.4148 9.97315 41.3732 10.7181H45.0306Z" fill="#FF7E3C"/><path d="M48.9795 15.7317V7.56968H51.0991V8.56396C51.5563 7.77749 52.5953 7.32031 53.5097 7.32031C54.6318 7.32031 55.5046 7.81585 55.9202 8.68864C56.5852 7.69436 57.4164 7.32031 58.497 7.32031C59.9933 7.32031 61.4479 8.23147 61.4479 10.4278V15.7285H59.2867V10.8818C59.2867 10.0122 58.8711 9.35043 57.8321 9.35043C56.8762 9.35043 56.3359 10.0953 56.3359 10.9649V15.7285H54.1331V10.8818C54.1331 10.0122 53.6759 9.35043 52.6785 9.35043C51.681 9.35043 51.1407 10.0538 51.1407 10.9649V15.7285H48.9795V15.7317Z" fill="#FF7E3C"/><path d="M71.0501 13.3684C70.6345 14.7751 69.3461 15.9356 67.3096 15.9356C65.0653 15.9356 63.0703 14.3211 63.0703 11.5876C63.0703 8.85419 64.9821 7.28125 67.1018 7.28125C69.637 7.28125 71.1332 8.89575 71.1332 11.5045C71.1332 11.837 71.0917 12.1663 71.0917 12.1663H65.2315C65.2731 13.2437 66.1874 14.0302 67.3096 14.0302C68.3486 14.0302 68.8889 13.5346 69.1798 12.7865L71.0501 13.3652V13.3684ZM68.972 10.7181C68.9305 9.89002 68.3902 9.10356 67.1433 9.10356C65.9796 9.10356 65.3562 9.97315 65.3146 10.7181H68.972Z" fill="#FF7E3C"/><path d="M75.1217 15.7317H72.9189V7.56968H75.0801V8.56396C75.5789 7.73593 76.5763 7.32031 77.4491 7.32031C79.4856 7.32031 80.4 8.76857 80.4 10.5525V15.6901H78.1972V10.9681C78.1972 10.057 77.7401 9.35362 76.701 9.35362C75.7451 9.35362 75.1633 10.0985 75.1633 11.0512L75.1217 15.7317Z" fill="#FF7E3C"/><path d="M85.3474 7.56975H87.0099V9.51674H85.3474V12.9535C85.3474 13.6569 85.6799 13.9063 86.3033 13.9063C86.5527 13.9063 86.8852 13.8647 86.9683 13.8231V15.6454C86.7605 15.7286 86.3864 15.8532 85.7215 15.8532C84.1421 15.8532 83.1446 14.9005 83.1446 13.3276V9.51674H81.6484V7.56975H82.0641C82.9368 7.56975 83.3109 6.99109 83.3109 6.28454V5.12402H85.3058L85.3474 7.56655V7.56975Z" fill="#FF7E3C"/><path d="M89.9594 3.5127C90.7075 3.5127 91.3309 4.13292 91.3309 4.88102C91.3309 5.62913 90.7491 6.20779 89.9594 6.20779C89.2113 6.20779 88.5879 5.58757 88.5879 4.88102C88.5879 4.13612 89.2113 3.5127 89.9594 3.5127ZM88.8373 15.7317V7.56972H91.04V15.7285H88.8373V15.7317Z" fill="#FF7E3C"/><path d="M95.653 15.7317H93.4502V7.56968H95.6114V8.56396C96.1101 7.73593 97.1076 7.32031 97.9804 7.32031C100.017 7.32031 100.931 8.76857 100.931 10.5525V15.6901H98.7285V10.9681C98.7285 10.057 98.2713 9.35362 97.2323 9.35362C96.2764 9.35362 95.6945 10.0985 95.6945 11.0512L95.653 15.7317Z" fill="#FF7E3C"/><path d="M110.45 13.3684C110.034 14.7751 108.745 15.9356 106.709 15.9356C104.465 15.9356 102.47 14.3211 102.47 11.5876C102.47 8.85419 104.382 7.28125 106.501 7.28125C109.036 7.28125 110.533 8.89575 110.533 11.5045C110.533 11.837 110.491 12.1663 110.491 12.1663H104.714C104.756 13.2437 105.67 14.0302 106.792 14.0302C107.831 14.0302 108.371 13.5346 108.662 12.7865L110.45 13.3652V13.3684ZM108.413 10.7181C108.371 9.89002 107.831 9.10356 106.584 9.10356C105.421 9.10356 104.797 9.97315 104.756 10.7181H108.413Z" fill="#FF7E3C"/><path d="M0.0175781 7.32924C0.0175781 7.32924 1.95498 5.77229 3.73892 8.24039C3.73892 8.24039 1.80152 9.45526 0.0175781 7.32924Z" fill="#FF7E3C"/><path d="M20.0244 0.1875C11.8432 0.302593 10.5644 4.55464 10.3311 5.54252C11.0951 5.21323 12.6873 4.73367 14.4009 5.05018C19.2508 3.45486 20.0244 0.1875 20.0244 0.1875Z" fill="#FF7E3C"/><path d="M6.37695 12.2271C6.37695 8.46741 9.47807 5.38867 13.241 5.38867C17.0039 5.38867 20.0666 8.46421 20.105 12.2271C20.105 15.9868 17.0422 19.0656 13.241 19.0656C9.43971 19.0656 6.37695 15.99 6.37695 12.2271Z" fill="#FF7E3C"/><path d="M7.03483 8.50629C6.33787 9.53253 5.94784 10.8625 5.94784 12.2276C5.94784 14.1267 6.64479 15.8371 7.88524 17.0903C7.26501 17.394 6.48814 17.621 5.67609 17.621C3.07691 17.621 1.02441 15.5334 1.02441 12.9502C1.02441 10.367 3.0801 8.2793 5.67609 8.2793C6.14286 8.2793 6.60643 8.39439 7.03483 8.50629Z" fill="#FF7E3C"/><path d="M119.715 6.68358V7.57555H121.553V9.4618H119.715V15.7152H117.496V9.46499H116.141V7.57875H117.496V6.65161C117.496 4.81651 118.653 3.62402 120.457 3.62402C120.92 3.62402 121.368 3.70715 121.55 3.79027V5.64454C121.435 5.61257 121.218 5.56142 120.856 5.56142C120.361 5.56142 119.715 5.77562 119.715 6.68678V6.68358Z" fill="#FF7E3C"/><path d="M128.011 9.76243C127.761 9.71127 127.547 9.69529 127.349 9.69529C126.223 9.69529 125.248 10.242 125.248 11.994V15.7185H123.049V7.57886H125.184V8.78733C125.68 7.71313 126.805 7.51172 127.502 7.51172C127.685 7.51172 127.851 7.5277 128.017 7.54369V9.76243H128.011Z" fill="#FF7E3C"/><path d="M113.535 13.1543C114.283 13.1543 114.906 13.7745 114.906 14.5226C114.906 15.2707 114.324 15.8494 113.535 15.8494C112.787 15.8494 112.163 15.2292 112.163 14.5226C112.163 13.7777 112.787 13.1543 113.535 13.1543Z" fill="#FF7E3C"/></svg>
         <% } else if (brandName === "Comptalib") {%>
@@ -34,12 +34,12 @@ export class CommercialDocumentCommonHTML {
     products = `<table class="full-width commercial-table-preview">
   <thead>
     <tr>
-      <td>Article</td>
-      <td>Quantité</td>
-      <td>P.U <%= disableVat !== true ? 'HT' : ''%></td>
-      <% if (shouldDisplayDiscountColumn) { %><td>Remise</td><% } %>
-      <% if (disableVat !== true) { %><td>TVA</td><% } %>
-      <td>Montant <%= disableVat !== true ? 'HT' : ''%></td>
+      <td><%= languageTemplate.template.common.table.headers.product %></td>
+      <td><%= languageTemplate.template.common.table.headers.quantity %></td>
+      <td><%= disableVat !== true ? languageTemplate.template.common.table.headers.unitPrice : languageTemplate.template.common.table.headers.unitPriceWithoutVat %></td>
+      <% if (shouldDisplayDiscountColumn) { %><td><%= languageTemplate.template.common.table.headers.discount %></td><% } %>
+      <% if (disableVat !== true) { %><td><%= languageTemplate.template.common.table.headers.vat %></td><% } %>
+      <td><%= disableVat !== true ? languageTemplate.template.common.table.headers.amount : languageTemplate.template.common.table.headers.amountWithoutVat %></td>
     </tr>
   </thead>
   <% if (products) { %>
@@ -68,9 +68,9 @@ export class CommercialDocumentCommonHTML {
     vatRecapitulation = `<table style="width: 85%; page-break-inside: avoid !important;" class="commercial-table-preview">
   <thead>
     <tr>
-      <td>Base</td>
-      <td>Taux</td>
-      <td>Montant TVA</td>
+      <td><%= languageTemplate.template.common.table.headers.base %></td>
+      <td><%= languageTemplate.template.common.table.headers.rate %></td>
+      <td><%= languageTemplate.template.common.table.headers.vatAmount %></td>
     </tr>
   </thead>
   <% vats.forEach(function (vat) { %>
@@ -84,47 +84,47 @@ export class CommercialDocumentCommonHTML {
     amountRecapitulation = `<table class="summary-prices commercial-table-preview" style="width: 250px; padding-left: 10px; page-break-inside: avoid !important;">
   <thead>
     <tr>
-      <td colspan="2">Récapitulatif</td>
+      <td colspan="2"><%= languageTemplate.template.common.table.headers.recap %></td>
     </tr>
   </thead>
   <% if (disableVat !== true) { %>
     <tr>
-      <td>Total HT</td>
+      <td><%= languageTemplate.template.common.table.lines.totalHt %></td>
       <td><%= totalTaxExcludedFormatted %>€</td>
     </tr>
   <% } %>
   <% if (generalDiscountFormatted) { %>
     <tr>
-      <td>Remise</td>
+      <td><%= languageTemplate.template.common.table.headers.discount %></td>
       <td><%= generalDiscountFormatted %>€</td>
     </tr>
   <% } %>
   <% if (disableVat !== true) { %>
     <tr>
-      <td>TVA</td>
+      <td><%= languageTemplate.template.common.table.lines.vat %></td>
       <td><%= totalVatAmountFormatted %>€</td>
     </tr>
   <% } %>
   <% if (disableVat !== true || generalDiscountFormatted || depositFormatted) { %>
     <tr>
-      <td>Total <%= disableVat !== true ? 'TTC' : ''%></td>
+      <td><%= disableVat !== true ? languageTemplate.template.common.table.lines.totalTTC :  languageTemplate.template.common.table.lines.totalWithoutVat %></td>
       <td><%= totalTaxIncludedFormatted %>€</td>
     </tr>
   <% } else if (disableVat === true && ![${EstimateInvoiceType.FACTURE}, ${EstimateInvoiceType.RESTE}, ${EstimateInvoiceType.ACOMPTE}].includes(idEstimateInvoiceType)) { %>
     <tr>
-      <td>Total</td>
+      <td><%= languageTemplate.template.common.table.lines.totalWithoutVat %></td>
       <td><%= totalTaxIncludedFormatted %>€</td>
     </tr>
   <% } %>
   <% if (depositFormatted) { %>
     <tr>
-      <td>Acompte</td>
+      <td><%= languageTemplate.template.common.table.lines.deposit %></td>
       <td><%= depositFormatted %>€</td>
     </tr>
   <% } %>
   <% if ([${EstimateInvoiceType.FACTURE}, ${EstimateInvoiceType.RESTE}, ${EstimateInvoiceType.ACOMPTE}].includes(idEstimateInvoiceType)) { %>
     <tr>
-      <td><b><%= depositFormatted ? 'Reste à payer' : 'Net à payer' %></b></td>
+      <td><b><%= depositFormatted ? languageTemplate.template.common.table.lines.remainderToPay : languageTemplate.template.common.table.lines.netToPay %></b></td>
       <td><%= totalTaxAndDiscountIncludedFormatted %>€</td>
     </tr>
   <% } %>
@@ -233,7 +233,7 @@ export class CommercialDocumentCommonHTML {
   .pdf-content .logo-placeholder { width: 300px; max-height: 150px;text-align:  <%= settings && settings.logoAlignment === 'left' ? 'left' : 'right' %>; margin-bottom: <%= settings && settings.logoAlignment === 'left' ? '10px;' : '0px' %>}
   .pdf-content .logo-placeholder > svg, .pdf-content .logo-placeholder > img { max-width: 100%; max-height: 150px; }
   .pdf-content .document-reference { font-size: 20px !important; }
-  .pdf-content .customer-border { border: 2px solid #EAEAEA; border-radius: 6px; padding: 7px; }
+  .pdf-content .customer-border { border: <%= settings && settings.customerBlockBorderThickness ? settings.customerBlockBorderThickness + 'px' : '2px' %> solid <% settings && settings.customerBlockBorderColor ? settings.customerBlockBorderColor : '#EAEAEA' %>; border-radius: 6px; padding: 7px; }
 
   /* Body */
   .pdf-content table.commercial-table-preview { border-spacing: 1px; border-collapse: collapse; }
@@ -253,6 +253,23 @@ export class CommercialDocumentCommonHTML {
   .pdf-content table.commercial-table-preview .discount-percent { color: #838384; font-size: smaller }
   .pdf-content a.payment-button { margin-left: 40px; display: flex; align-items: center; background-color: #EBF1FF; border-radius: 10px; font-weight: 450; font-size: 12px !important; color: #1656FF; border: none; padding: 8px 14px; text-decoration: none; }
   .pdf-content a.payment-button svg { margin-left: 15px; }
+
+   <% if (settings && !settings.areLineSeparationHidden) { %> 
+    .pdf-content td { border-top: <%= settings && settings.lineSeparationThickness ? settings.lineSeparationThickness + 'px' : '2px' %> <%= settings && settings.lineSeparationType ? settings.lineSeparationType : 'solid' %> <%= settings && settings.lineSeparationColor ? settings.lineSeparationColor : '#EAEAEA' %> !important; border-bottom: <%= settings && settings.lineSeparationThickness ? settings.lineSeparationThickness + 'px' : '2px' %> <%= settings && settings.lineSeparationType ? settings.lineSeparationType : 'solid' %> <%= settings && settings.lineSeparationColor ? settings.lineSeparationColor : '#EAEAEA' %> !important; }
+  <% } %>
+
+  <% if (settings && !settings.areColumnsSeparationHidden) { %> 
+    .pdf-content td { border-left: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ?  settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; border-right: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ?  settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+  <% } %>
+
+  <% if (settings && !settings.areExternalBordersHidden) { %> 
+    .pdf-content table.commercial-table-preview { border: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+    .pdf-content table.commercial-table-preview tr:last-child td { border-bottom: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+    .pdf-content table.commercial-table-preview thead td { border-top: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+    .pdf-content table.commercial-table-preview td:first-child { border-left: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+    .pdf-content table.commercial-table-preview td:last-child { border-right: <%= settings && settings.columnSeparationThickness ? settings.columnSeparationThickness + 'px' : '2px' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : 'solid' %> <%= settings && settings.columnSeparationColor ? settings.columnSeparationColor : '#EAEAEA' %> !important; }
+  <% } %>
+  
   <% if (settings && settings.areLinesSeparationHidden) { %>
     .pdf-content td { border-top: none !important; border-bottom: none !important; }
   <% } %>
@@ -302,21 +319,21 @@ export class CommercialDocumentMailHTML {
   </style>
   <div style="background-color: <%= brandColors.primary50 %> !important; color: black; width: calc(100% - 48px); display: grid; border-radius: 16px; padding: 24px;">
     <div style="width: max-content; margin: auto; font-size: 16px; font-family: 'circular std', sans-serif; font-weight: 100; line-height: 140%; position: relative;">
-      <div style="color: black;"><span style="font-weight: 500;"><%- companyName %></span> vous adresse 
+      <div style="color: black;"><span style="font-weight: 500;"><%- companyName %></span> <%= languageMail.mail.common.send %> 
       <% if(idEstimateInvoiceType) { %>
         <% if ([${EstimateInvoiceType.FACTURE}, ${EstimateInvoiceType.RESTE}].includes(idEstimateInvoiceType)) { %>
-          cette facture
+          <%= languageMail.mail.invoice.title %>
           <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.DEVIS}) { %>
-            ce devis
+          <%= languageMail.mail.estimate.title %>
           <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.BON}) { %>
-            ce bon de commande
+             <%= languageMail.mail.orderForm.title %>
           <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.ACOMPTE}) { %>
-            cet acompte
+             <%= languageMail.mail.deposit.title %>
           <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.AVOIR}) { %>
-            cet avoir
+              <%= languageMail.mail.asset.title %>
           <% } %>
         <% } else { %> 
-          ce document
+           <%= languageMail.mail.default.title %>
         <% } %>
         :
       </div>
@@ -325,40 +342,40 @@ export class CommercialDocumentMailHTML {
           <div style="font-weight: 500; font-size: 24px; line-height: 120%;"> 
             <% if(idEstimateInvoiceType) { %>
               <% if ([${EstimateInvoiceType.FACTURE}, ${EstimateInvoiceType.RESTE}].includes(idEstimateInvoiceType)) { %>
-                Facture
+                <%= languageMail.mail.invoice.subTitle %>
               <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.DEVIS}) { %>
-                Devis
+                <%= languageMail.mail.estimate.subTitle %>
               <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.BON}) { %>
-                Bon de commande
+                <%= languageMail.mail.orderForm.subTitle %>
               <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.ACOMPTE}) { %>
-                Acompte
+                <%= languageMail.mail.deposit.subTitle %>
               <% } else if (idEstimateInvoiceType === ${EstimateInvoiceType.AVOIR}) { %>
-                Avoir
+                 <%= languageMail.mail.asset.subTitle %>
               <% } %>
             <% } else { %> 
-              Document
+              <%= languageMail.mail.default.subTitle %>
             <% } %>
             <%- reference %>
           </div>
           <div style="; color: <%= brandColors.primary500 %>; font-size: 14px;">
-            Echéance : <%- dueDateFormatted %>
+            <%= languageMail.mail.common.dueDate %> : <%- dueDateFormatted %>
           </div>
           <div style="margin: 16px 0; font-size: 14px;">
           <% if (hasVat) { %>
             <div style="display: flex; width: 240px; color: #838384; margin-bottom: 10px;">
-              Total HT <div style="margin-left: auto;"><%- totalTaxExcludedFormatted.integerValue %>,<span style="font-size: 12px;"><%- totalTaxExcludedFormatted.centValue %> €</span></div>
+              <%= languageMail.mail.common.totalHt %> <div style="margin-left: auto;"><%- totalTaxExcludedFormatted.integerValue %>,<span style="font-size: 12px;"><%- totalTaxExcludedFormatted.centValue %> €</span></div>
             </div>
             <div style="display: flex; width: 240px; color: #838384; margin-bottom: 10px;">
-              Total TVA <div style="margin-left: auto;"><%- totalVatFormatted.integerValue %>,<span style="font-size: 12px;"><%- totalVatFormatted.centValue %> €</span></div>
+              <%= languageMail.mail.common.totalVat %> <div style="margin-left: auto;"><%- totalVatFormatted.integerValue %>,<span style="font-size: 12px;"><%- totalVatFormatted.centValue %> €</span></div>
             </div>
             <div style="width: 240px; height: 2px; background-color: <%= brandColors.primary300 %>; margin-bottom: 10px;"></div>
             <% } %>
             <div style="display: flex; width: 240px; font-size: 16px; color: black;">
-              Total <% if (hasVat) { %>TTC<% } %> <div style="font-size: 20px; font-weight: 500; margin-left: auto;" ><%- totalTaxIncludedFormatted.integerValue %>,<span style="font-size: 16px;"><%- totalTaxIncludedFormatted.centValue %> €</span></div>
+              <%= languageMail.mail.common.totalTtc %> <div style="font-size: 20px; font-weight: 500; margin-left: auto;" ><%- totalTaxIncludedFormatted.integerValue %>,<span style="font-size: 16px;"><%- totalTaxIncludedFormatted.centValue %> €</span></div>
             </div>
           </div>
           <a <% if (fileUrl) { %>href="<%= fileUrl %>"<% } %> target="_blank" style="color: white; text-decoration: none; background-color: <%= brandColors.primary500 %>; <% if (fileUrl) { %> cursor: pointer; <% } else { %> cursor: default; pointer-events: none; <% } %> padding: 10px 45px; font-size: 16px; border-radius: 4px;">
-            Afficher le document
+            <%= languageMail.mail.common.displayDocument %>
           </a>
         </div>
         <div style="margin: auto;">
@@ -380,7 +397,7 @@ export class CommercialDocumentMailHTML {
       <% if (!shouldHideBrandName) { %>
       <div style="margin-top: 20px; margin-bottom: -8px; width: fit-content; white-space: nowrap; margin-left: auto; margin-right: auto; font-size: 14px;">
         <div class="brand-tag" style="display: flex; line-height: 18px; height: 14px;">
-          Généré par <% if (hostS3) { %><img src="<%= hostS3 %>config/logo-brand.png" alt="logo" style="max-height: 18px; margin-left: 5px;" /><% } %>
+          <%= languageMail.mail.common.generate %> <% if (hostS3) { %><img src="<%= hostS3 %>config/logo-brand.png" alt="logo" style="max-height: 18px; margin-left: 5px;" /><% } %>
         </div>
       </div>
       <% } %>