@design.estate/dees-document 3.1.2 → 3.3.0

package/ts_web/elements/letterheader.ts

@@ -24,6 +24,7 @@ const documentNumberLabels: Record<
   plugins.shared.translation.TranslationKey
 > = {
   invoice: "letterhead@@invoice.number",
+  "corrected-invoice": "letterhead@@correctedInvoice.number",
   creditnote: "letterhead@@creditnote.number",
   debitnote: "letterhead@@debitnote.number",
   "self-billed-invoice": "letterhead@@selfBilledInvoice.number",
@@ -125,6 +126,9 @@ export class DeLetterHeader extends DeesElement {
 
   /** The number row, under the label of the document type. */
   private renderDocumentNumber(): TemplateResult | null {
+    if (plugins.shared.isPaymentReminder(this.letterData)) {
+      return this.renderPaymentReminderNumber(this.letterData);
+    }
     const accountingDoc = this.accountingDoc;
     if (!accountingDoc?.id) return null;
     return html`<div class="label">
@@ -138,6 +142,30 @@ export class DeLetterHeader extends DeesElement {
       ${accountingDoc.id}`;
   }
 
+  /** A reminder's number and, when the issuer counts its reminders, its level. */
+  private renderPaymentReminderNumber(
+    reminderArg: plugins.tsclass.finance.TPaymentReminder
+  ): TemplateResult {
+    return html`${reminderArg.id
+      ? html`<div class="label">
+            ${plugins.shared.translation.translate(
+              this.documentSettings.languageCode,
+              "letterhead@@paymentReminder.number"
+            )}
+          </div>
+          ${reminderArg.id}`
+      : null}
+    ${reminderArg.reminderLevel !== undefined
+      ? html`<div class="label">
+            ${plugins.shared.translation.translate(
+              this.documentSettings.languageCode,
+              "letterhead@@paymentReminder.level"
+            )}
+          </div>
+          ${reminderArg.reminderLevel}`
+      : null}`;
+  }
+
   /** The period of performance row, gated like the number row. */
   private renderPeriodOfPerformance(): TemplateResult | null {
     const periodOfPerformance = this.accountingDoc?.periodOfPerformance;

package/ts_web/elements/paymentcode.ts

@@ -53,25 +53,34 @@ export class DedocumentPaymentCode extends DeesElement {
   @property()
   accessor reference!: string;
 
+  /** The EPC QR code content, or null when the payment has no valid code (see buildEpcQrPayload). */
+  private get payload(): string | null {
+    if (
+      typeof this.name !== "string" ||
+      typeof this.iban !== "string" ||
+      typeof this.currency !== "string" ||
+      typeof this.totalGross !== "number" ||
+      typeof this.reference !== "string"
+    ) {
+      return null;
+    }
+    return plugins.shared.buildEpcQrPayload({
+      bic: typeof this.bic === "string" ? this.bic : undefined,
+      name: this.name,
+      iban: this.iban,
+      currency: this.currency,
+      amount: this.totalGross,
+      remittanceInformation: this.reference,
+    });
+  }
+
   private updateQRCode(): void {
-    if (!this.canvasEl) return;
+    const payload = this.payload;
+    if (!this.canvasEl || payload === null) return;
 
-    plugins.qrcode.toCanvas(
-      this.canvasEl,
-      `BCD
-001
-1
-SCT
-${this.bic}
-${this.name}
-${this.iban}
-${this.currency}${this.totalGross?.toFixed?.(2)}
-      
-${this.reference}`,
-      (error) => {
-        if (error) console.error(error);
-      }
-    );
+    plugins.qrcode.toCanvas(this.canvasEl, payload, (error) => {
+      if (error) console.error(error);
+    });
   }
 
   public override update(
@@ -82,14 +91,6 @@ ${this.reference}`,
   }
 
   public render(): TemplateResult | null {
-    const allDataAvailable =
-      typeof this.bic === "string" &&
-      typeof this.name === "string" &&
-      typeof this.iban === "string" &&
-      typeof this.currency === "string" &&
-      typeof this.totalGross === "number" &&
-      typeof this.reference === "string";
-
-    return allDataAvailable ? html`<canvas></canvas>` : null;
+    return this.payload === null ? null : html`<canvas></canvas>`;
   }
 }