feat: migrate to new tsclass schema

2025-03-26 14:51:14 +00:00
parent 256cf74a45
commit bfa223a0f0
13 changed files with 2516 additions and 2617 deletions
--- a/ts_web/elements/contentinvoice.ts
+++ b/ts_web/elements/contentinvoice.ts
@ -41,7 +41,7 @@ export class DeContentInvoice extends DeesElement {
    type: Object,
    reflect: true,
  })
-  public letterData: plugins.tsclass.business.ILetter;
+  public letterData: plugins.tsclass.finance.TInvoice;

  @property({
    type: Object,
@ -178,7 +178,7 @@ export class DeContentInvoice extends DeesElement {
      return totalNet;
    }

-    for (const item of this.letterData.content.invoiceData.items) {
+    for (const item of this.letterData.items) {
      totalNet += item.unitNetPrice * item.unitQuantity;
    }
    return totalNet;
@ -200,7 +200,7 @@ export class DeContentInvoice extends DeesElement {
  public getVatGroups = () => {
    const vatGroups: {
      vatPercentage: number;
-      items: plugins.tsclass.finance.IInvoice["items"];
+      items: plugins.tsclass.finance.TInvoice["items"];
      vatAmountSum: number;
    }[] = [];

@ -209,14 +209,14 @@ export class DeContentInvoice extends DeesElement {
    }

    const taxAmounts: number[] = [];
-    for (const item of this.letterData.content.invoiceData.items) {
+    for (const item of this.letterData.items) {
      taxAmounts.includes(item.vatPercentage)
        ? null
        : taxAmounts.push(item.vatPercentage);
    }

    for (const taxAmount of taxAmounts) {
-      const matchingItems = this.letterData.content.invoiceData.items.filter(
+      const matchingItems = this.letterData.items.filter(
        (itemArg) => itemArg.vatPercentage === taxAmount
      );
      let sum = 0;
@ -324,7 +324,7 @@ export class DeContentInvoice extends DeesElement {
            }).format(
              new Date(this.letterData.date).setDate(
                new Date(this.letterData.date).getDate() +
-                  this.letterData?.content.invoiceData.dueInDays
+                  this.letterData?.dueInDays
              )
            )}
          </span>
@ -334,14 +334,12 @@ export class DeContentInvoice extends DeesElement {
  }

  private renderPaymentInfo(): TemplateResult {
-    const bic =
-      this.letterData?.content.invoiceData.billedBy.sepaConnection.bic;
-    const name = this.letterData?.content.invoiceData.billedBy.name;
-    const iban =
-      this.letterData?.content.invoiceData.billedBy.sepaConnection.iban;
-    const currency = this.letterData?.content.invoiceData.currency;
+    const bic = this.letterData?.from.sepaConnection.bic;
+    const name = this.letterData?.from.name;
+    const iban = this.letterData?.from.sepaConnection.iban;
+    const currency = this.letterData?.currency;
    const totalGross = this.getTotalGross();
-    const reference = this.letterData?.content.invoiceData.id;
+    const reference = this.letterData?.id;

    return html`<div class="infoBox">
      <div>
@ -362,22 +360,23 @@ export class DeContentInvoice extends DeesElement {
  }

  private renderReferencedContract(): TemplateResult {
-    return this.documentSettings.enableInvoiceContractRefSection &&
-      this.letterData?.content?.contractData?.contractDate
-      ? html`
-          <div class="infoBox">
-            <div class="label">
-              ${this.translateKey("invoice@@referencedContract")}
-            </div>
-            ${this.translateKey("invoice@@referencedContract.text")}
-            ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
-              dateStyle: this.documentSettings.dateStyle,
-            }).format(
-              new Date(this.letterData?.content.contractData.contractDate)
-            )}.
-          </div>
-        `
-      : null;
+    return null;
+    // return this.documentSettings.enableInvoiceContractRefSection &&
+    //   this.invoiceData?.content?.contractData?.contractDate
+    //   ? html`
+    //       <div class="infoBox">
+    //         <div class="label">
+    //           ${this.translateKey("invoice@@referencedContract")}
+    //         </div>
+    //         ${this.translateKey("invoice@@referencedContract.text")}
+    //         ${new Intl.DateTimeFormat(this.documentSettings.languageCode, {
+    //           dateStyle: this.documentSettings.dateStyle,
+    //         }).format(
+    //           new Date(this.invoiceData?.content.contractData.contractDate)
+    //         )}.
+    //       </div>
+    //     `
+    //   : null;
  }

  public async attachInvoiceDom() {
@ -406,7 +405,7 @@ export class DeContentInvoice extends DeesElement {
            ${this.translateKey("invoice@@price.total.net")}
          </div>
        </div>
-        ${this.letterData?.content.invoiceData?.items?.map(
+        ${this.letterData?.items?.map(
          (invoiceItem, index) => html`
            <div class="grid needsDataHeader">
              <div class="lineItem rightAlign">${index + 1}</div>
@ -438,10 +437,7 @@ export class DeContentInvoice extends DeesElement {
          </div>
          ${this.getVatGroups().map((vatGroupArg) => {
            let itemNumbers = vatGroupArg.items
-              .map(
-                (item) =>
-                  this.letterData.content.invoiceData.items.indexOf(item) + 1
-              )
+              .map((item) => this.letterData.items.indexOf(item) + 1)
              .join(", ");
            return html`
              <div class="sumline">
@ -472,7 +468,7 @@ export class DeContentInvoice extends DeesElement {
        </div>
        <div class="divider"></div>

-        ${this.letterData?.content.invoiceData.reverseCharge
+        ${this.letterData?.reverseCharge
          ? html`<div class="taxNote">
              ${this.translateKey("invoice@@vat.reverseCharge.note")}
            </div>`
--- a/ts_web/elements/document.ts
+++ b/ts_web/elements/document.ts
@ -26,6 +26,7 @@ import { DeContentInvoice } from "./contentinvoice.js";

 import { demoFunc } from "./document.demo.js";
 import { dedocumentSharedStyle } from "../style.js";
+import type { TInvoice } from "@tsclass/tsclass/dist_ts/finance/invoice.js";

 declare global {
  interface HTMLElementTagNameMap {
@ -72,7 +73,7 @@ export class DeDocument extends DeesElement {
      }
    },
  })
-  public letterData: plugins.tsclass.business.ILetter;
+  public letterData: plugins.tsclass.business.TLetter;

  @property({
    type: Object,
@ -136,7 +137,7 @@ export class DeDocument extends DeesElement {

  public latestDocumentSettings: plugins.shared.interfaces.IDocumentSettings =
    null;
-  public latestRenderedLetterData: plugins.tsclass.business.ILetter = null;
+  public latestRenderedLetterData: plugins.tsclass.business.TLetter = null;
  public cleanupStore: any[] = [];

  public async renderDocument() {
@ -158,7 +159,7 @@ export class DeDocument extends DeesElement {
    // lets append the content
    const content: DeContentInvoice = new DeContentInvoice();
    cleanUpStoreCurrentRender.push(content);
-    content.letterData = this.letterData;
+    content.letterData = this.letterData as unknown as TInvoice;
    content.documentSettings = this.documentSettings;
    document.body.appendChild(content);

--- a/ts_web/elements/letterheader.ts
+++ b/ts_web/elements/letterheader.ts
@ -31,7 +31,7 @@ export class DeLetterHeader extends DeesElement {
    type: Object,
    reflect: true,
  })
-  public letterData: plugins.tsclass.business.ILetter;
+  public letterData: plugins.tsclass.finance.TInvoice;

  @property({
    type: Number,
@ -171,7 +171,7 @@ export class DeLetterHeader extends DeesElement {
            "letterhead@@vat.yourId"
          )}
        </div>
-        ${this.letterData.to.vatId || "not provided"}
+        ${this.letterData.to.registrationDetails.vatId || "not provided"}

        <!-- TODO: Make use of components -->
        ${this.letterData.type === "invoice"
@ -181,15 +181,11 @@ export class DeLetterHeader extends DeesElement {
                  "letterhead@@invoice.number"
                )}
              </div>
-              ${this.letterData.content.invoiceData.id || "not registered"}`
+              ${this.letterData.id || "not registered"}`
          : null}
        ${this.renderDeliveryDate(
-          new Date(
-            this.letterData.content?.invoiceData?.periodOfPerformance?.from
-          ),
-          new Date(
-            this.letterData.content?.invoiceData?.periodOfPerformance?.to
-          )
+          new Date(this.letterData.periodOfPerformance?.from),
+          new Date(this.letterData.periodOfPerformance?.to)
        )}
      </div>
    `;
--- a/ts_web/elements/page.ts
+++ b/ts_web/elements/page.ts
@ -53,7 +53,7 @@ export class DePage extends DeesElement {
  @property({
    type: Object,
  })
-  public letterData: tsclass.business.ILetter = null;
+  public letterData: tsclass.business.TLetter = null;

  @property({
    type: Boolean,
--- a/ts_web/elements/pagecontent.ts
+++ b/ts_web/elements/pagecontent.ts
@ -28,7 +28,7 @@ export class DePageContent extends DeesElement {
  @property({
    type: Number,
  })
-  public letterData: plugins.tsclass.business.ILetter;
+  public letterData: plugins.tsclass.business.TLetter;

  @property({
    type: Number,
--- a/ts_web/elements/pagefooter.ts
+++ b/ts_web/elements/pagefooter.ts
@ -27,7 +27,7 @@ export class DePageFooter extends DeesElement {
  @property({
    type: Object,
  })
-  letterData: plugins.tsclass.business.ILetter;
+  letterData: plugins.tsclass.business.TLetter;

  @property({
    type: Object,
@ -119,17 +119,20 @@ export class DePageFooter extends DeesElement {
          ${this.letterData.from.address.city}<br />
          ${this.letterData.from.address.country}
        </div>
-        <div>
-          <strong
-            >${plugins.shared.translation.translate(
-              this.documentSettings.languageCode,
-              "footer@@registration.label"
-            )}:</strong
-          ><br />
-          Amtsgericht Bremen<br />
-          <i>reg-#:</i> HRB 35230 HB<br />
-          <i>vat-id:</i> ${this.letterData.from.vatId}
-        </div>
+        ${this.letterData.from.registrationDetails
+          ? html` <div>
+              <strong
+                >${plugins.shared.translation.translate(
+                  this.documentSettings.languageCode,
+                  "footer@@registration.label"
+                )}:</strong
+              ><br />
+              ${this.letterData.from.registrationDetails.registrationName}<br />
+              <i>reg-#:</i> ${this.letterData.from.registrationDetails
+                .registrationId}<br />
+              <i>vat-id:</i> ${this.letterData.from.registrationDetails.vatId}
+            </div>`
+          : null}
        <div>
          <strong
            >${plugins.shared.translation.translate(
--- a/ts_web/elements/pageheader.ts
+++ b/ts_web/elements/pageheader.ts
@ -28,7 +28,7 @@ export class DePageHeader extends DeesElement {
  @property({
    type: Object,
  })
-  public letterData: plugins.tsclass.business.ILetter = null;
+  public letterData: plugins.tsclass.business.TLetter = null;

  @property({
    type: Object,
--- a/ts_web/elements/viewer.ts
+++ b/ts_web/elements/viewer.ts
@ -26,7 +26,7 @@ export class DeDocumentViewer extends DeesElement {
    type: Object,
    reflect: true,
  })
-  public letterData: plugins.tsclass.business.ILetter = null;
+  public letterData: plugins.tsclass.business.TLetter = null;

  @property({
    type: Object,