@wisemen/wise-invoicing-web 0.0.3 → 0.0.4

package/dist/{BillingDocumentPdf-GWCCjE6F.js → BillingDocumentPdf-Dg5JlQE1.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./invoicingConfig.composable-AjojW4qE.js";
 import "./api.util-Dm_TQedZ.js";
-import { h as t, m as n } from "./documentTitle.composable-D7XA-8iJ.js";
+import { h as e, m as t } from "./documentTitle.composable-CeaFddr1.js";
+import { n } from "./invoicingConfig.composable-c6w_aMm1.js";
 import { r } from "./address.transformer-B8C0pwT1.js";
 import { Q as i } from "./dist-DP8KNFVD.js";
 import { useI18n as a } from "vue-i18n";
@@ -268,8 +268,8 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		invoice: {},
 		pageType: {}
 	},
-	setup(n) {
-		let r = n, d = a(), f = e(), m = s(() => d.locale.value || "en-US"), h = s(() => r.invoice.type === t.CREDIT_NOTE), v = s(() => h.value ? r.invoice.sequence === null ? d.t("wise_invoicing.credit_note.detail.fallback_title") : `${d.t("wise_invoicing.invoice.type.credit_note")} ${r.invoice.sequence}` : r.invoice.sequence ?? d.t("wise_invoicing.invoice.detail.fallback_title")), y = s(() => {
+	setup(t) {
+		let r = t, d = a(), f = n(), m = s(() => d.locale.value || "en-US"), h = s(() => r.invoice.type === e.CREDIT_NOTE), v = s(() => h.value ? r.invoice.sequence === null ? d.t("wise_invoicing.credit_note.detail.fallback_title") : `${d.t("wise_invoicing.invoice.type.credit_note")} ${r.invoice.sequence}` : r.invoice.sequence ?? d.t("wise_invoicing.invoice.detail.fallback_title")), y = s(() => {
 			let e = r.invoice.originalInvoice?.sequence;
 			return !h.value || r.pageType !== "first" || e === null ? null : `${d.t("wise_invoicing.invoice.type.standard")} ${e}`;
 		}), T = s(() => (r.invoice.issuer.name ?? d.t("wise_invoicing.common.not_available")).split(" ").filter((e) => e !== "").slice(0, 2).map((e) => e.toUpperCase())), E = s(() => I.getAddressLines(r.invoice.customer.address)), D = s(() => {
@@ -560,8 +560,8 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		hasLines: { type: Boolean },
 		invoice: {}
 	},
-	setup(e) {
-		let n = e, r = a(), i = s(() => r.locale.value || "en-US"), c = s(() => n.invoice.type === t.CREDIT_NOTE);
+	setup(t) {
+		let n = t, r = a(), i = s(() => r.locale.value || "en-US"), c = s(() => n.invoice.type === e.CREDIT_NOTE);
 		function f(e) {
 			return {
 				...e,
@@ -689,8 +689,8 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 }), se = { class: "absolute right-9 bottom-9 text-xs leading-none font-medium text-tertiary" }, ce = /* @__PURE__ */ m({
 	__name: "BillingDocumentPdf",
 	props: { billingDocument: {} },
-	setup(e) {
-		let r = e, i = s(() => r.billingDocument.status === n.DRAFT || r.billingDocument.status === n.READY), a = s(() => r.billingDocument.type === t.CREDIT_NOTE), f = s(() => I.buildRows(r.billingDocument, { isCreditNote: a.value })), m = s(() => {
+	setup(n) {
+		let r = n, i = s(() => r.billingDocument.status === t.DRAFT || r.billingDocument.status === t.READY), a = s(() => r.billingDocument.type === e.CREDIT_NOTE), f = s(() => I.buildRows(r.billingDocument, { isCreditNote: a.value })), m = s(() => {
 			let e = I.paginateRows(f.value, { hasRemarks: r.billingDocument.externalRemarks !== null && r.billingDocument.externalRemarks.trim() !== "" });
 			return e.map((t, n) => ({
 				isLastPage: n === e.length - 1,

package/dist/{CreditNoteDetailViewDataProvider-CaucKK9o.js → CreditNoteDetailViewDataProvider-C-A0jyVr.js}

@@ -1,14 +1,14 @@
-import { r as e } from "./invoicingConfig.composable-AjojW4qE.js";
+import { t as e } from "./i18n.lib-DUbAMBRb.js";
 import "./api.util-Dm_TQedZ.js";
-import { m as t, r as n } from "./documentTitle.composable-D7XA-8iJ.js";
+import { m as t, r as n } from "./documentTitle.composable-CeaFddr1.js";
 import { t as r } from "./download.util-PjaUQR6r.js";
 import { r as i } from "./address.transformer-B8C0pwT1.js";
 import { D as a, K as o, L as s, M as c, O as l, g as u, h as d, i as f, l as p, nt as m, w as h, z as g } from "./dist-DP8KNFVD.js";
 import { n as _, t as v } from "./dist-YTXTCfo1.js";
-import { i as ee, r as y } from "./CustomFieldValueText-CC9spLWf.js";
+import { i as ee, r as y } from "./CustomFieldValueText-DDQq-975.js";
 import { t as b } from "./formango.util-D5c2ql--.js";
-import { n as x, r as S, t as C } from "./creditNoteDetail.query-BM2saU0n.js";
-import { C as te, S as ne, T as w, _ as T, a as E, b as D, c as re, d as O, f as k, g as ie, h as ae, i as oe, m as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, v as me, w as he, x as ge, y as _e } from "./BillingDocumentDetailViewDataProvider-CwonTh2r.js";
+import { n as x, r as S, t as C } from "./creditNoteDetail.query-BZqgZRSu.js";
+import { C as te, S as ne, T as w, _ as T, a as E, b as D, c as re, d as O, f as k, g as ie, h as ae, i as oe, m as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, v as me, w as he, x as ge, y as _e } from "./BillingDocumentDetailViewDataProvider-pePmiXWb.js";
 import { useRouter as ve } from "vue-router";
 import ye, { z as A } from "zod";
 import { useI18n as j } from "vue-i18n";

package/dist/{CreditNotePdfViewDataProvider-CDkvm-3m.js → CreditNotePdfViewDataProvider-DNUvFVDj.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./DataProvider-CfHLB3rH.js";
-import { t } from "./InvoicePdfView-CrWU8Xa-.js";
-import { t as n } from "./creditNoteDetail.query-BM2saU0n.js";
+import { t } from "./InvoicePdfView-Bygb-9z6.js";
+import { t as n } from "./creditNoteDetail.query-BZqgZRSu.js";
 import { useI18n as r } from "vue-i18n";
 import { computed as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, unref as u, withCtx as d } from "vue";
 import { UIText as f } from "@wisemen/vue-core-design-system";

package/dist/{CustomFieldValueText-CC9spLWf.js → CustomFieldValueText-DDQq-975.js}

@@ -1,5 +1,5 @@
 import { I as e, t } from "./api.util-Dm_TQedZ.js";
-import { m as n, p as r, s as i } from "./documentTitle.composable-D7XA-8iJ.js";
+import { m as n, p as r, s as i } from "./documentTitle.composable-CeaFddr1.js";
 import { r as a } from "./useCurrencyFormat.composable-MtZaqKnO.js";
 import { n as o } from "./dist-YTXTCfo1.js";
 import { useI18n as s } from "vue-i18n";

package/dist/{DunningCaseDetailViewDataProvider-1Ui9yqUb.js → DunningCaseDetailViewDataProvider-0WV-7-vg.js}

@@ -1,73 +1,73 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { n as t } from "./invoicingConfig.composable-AjojW4qE.js";
 import "./api.util-Dm_TQedZ.js";
-import { b as n, t as r, v as i } from "./documentTitle.composable-D7XA-8iJ.js";
-import { r as ee } from "./useCurrencyFormat.composable-MtZaqKnO.js";
-import { n as a } from "./reminderConfig.query-C7I3M2pu.js";
-import { $ as o, J as te, W as s, nt as c, x as l, z as ne } from "./dist-DP8KNFVD.js";
-import { a as re, i as ie, n as ae, o as u, r as oe, t as se } from "./PermissionGuard-DDw-lDGL.js";
-import { n as ce } from "./dist-YTXTCfo1.js";
+import { t, y as n } from "./documentTitle.composable-CeaFddr1.js";
+import { r } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { n as i } from "./invoicingConfig.composable-c6w_aMm1.js";
+import { n as a } from "./reminderConfig.query-DzTN2AvU.js";
+import { $ as o, J as ee, W as s, nt as c, x as l, z as te } from "./dist-DP8KNFVD.js";
+import { a as u, i as ne, n as re, r as ie, t as ae } from "./DunningCaseSendDialog-DBtwr2ue.js";
+import { n as oe } from "./dist-YTXTCfo1.js";
 import { t as d } from "./DataProvider-CfHLB3rH.js";
-import { useViewModels as le } from "@wisemen/vue-core-actions";
-import { RouterLink as ue, useRouter as de } from "vue-router";
+import { useViewModels as se } from "@wisemen/vue-core-actions";
+import { RouterLink as ce, useRouter as le } from "vue-router";
 import { useI18n as f } from "vue-i18n";
-import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, normalizeStyle as fe, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as D, withCtx as O } from "vue";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, normalizeStyle as ue, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as D, withCtx as O } from "vue";
 import { Temporal as k } from "temporal-polyfill";
-import { UIBadge as A, UIButton as pe, UIDashboardPage as me, UIDashboardPageContent as he, UIDashboardPageLoadingState as j, UITabs as ge, UITabsItem as M, UITabsList as _e, UITooltip as ve, UITooltipContent as ye, useOverlay as be } from "@wisemen/vue-core-design-system";
+import { UIBadge as A, UIButton as de, UIDashboardPage as fe, UIDashboardPageContent as pe, UIDashboardPageLoadingState as j, UITabs as me, UITabsItem as M, UITabsList as he, UITooltip as ge, UITooltipContent as _e, useOverlay as ve } from "@wisemen/vue-core-design-system";
 //#region src/modules/dunning-case/use-cases/detail/views/DunningCaseDetailView.vue?vue&type=script&setup=true&lang.ts
-var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg lg:flex-row lg:items-start lg:justify-between" }, Ce = { class: "flex flex-wrap items-center gap-sm" }, we = { class: "text-lg font-semibold text-primary" }, Te = { key: 1 }, Ee = { class: "inline-flex items-center gap-xs rounded-sm border border-secondary px-sm py-px text-xs text-primary" }, De = {
+var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg lg:flex-row lg:items-start lg:justify-between" }, xe = { class: "flex flex-wrap items-center gap-sm" }, Se = { class: "text-lg font-semibold text-primary" }, Ce = { key: 1 }, we = { class: "inline-flex items-center gap-xs rounded-sm border border-secondary px-sm py-px text-xs text-primary" }, Te = {
 	key: 0,
 	class: "mt-xs text-xs text-secondary"
-}, Oe = { class: "mt-xxs text-xs text-secondary" }, ke = { class: "grid grid-cols-1 gap-3xl md:grid-cols-2 xl:grid-cols-[minmax(20rem,1.45fr)_minmax(10rem,0.7fr)_repeat(2,minmax(8rem,0.8fr))]" }, Ae = { class: "min-w-0 xl:col-start-1 xl:row-start-1 2xl:col-start-1 2xl:row-start-1" }, je = { class: "text-xs font-medium text-secondary" }, Me = { class: "mt-xs font-mono text-4xl font-semibold text-primary tabular-nums xl:text-5xl" }, Ne = { class: "mt-xs text-xs text-secondary" }, Pe = {
+}, Ee = { class: "mt-xxs text-xs text-secondary" }, De = { class: "grid grid-cols-1 gap-3xl md:grid-cols-2 xl:grid-cols-[minmax(20rem,1.45fr)_minmax(10rem,0.7fr)_repeat(2,minmax(8rem,0.8fr))]" }, Oe = { class: "min-w-0 xl:col-start-1 xl:row-start-1 2xl:col-start-1 2xl:row-start-1" }, ke = { class: "text-xs font-medium text-secondary" }, Ae = { class: "mt-xs font-mono text-4xl font-semibold text-primary tabular-nums xl:text-5xl" }, je = { class: "mt-xs text-xs text-secondary" }, Me = {
 	key: 0,
 	class: "mt-xxs text-xs text-secondary"
-}, Fe = { class: "mt-xl flex h-(--spacing-md) overflow-hidden rounded-full bg-tertiary" }, Ie = { class: "flex flex-col justify-end gap-md xl:col-start-2 xl:row-start-1 xl:pb-xs" }, Le = ["aria-label"], Re = { class: "flex min-w-0 items-center gap-sm" }, ze = { class: "truncate text-xs text-secondary" }, Be = { class: "shrink-0 font-mono text-xs font-medium text-primary" }, Ve = { class: "flex min-w-0 items-center gap-md xl:col-start-3 xl:row-start-1" }, He = { class: "flex size-(--spacing-5xl) shrink-0 items-center justify-center rounded-full bg-brand-100" }, Ue = { class: "min-w-0" }, We = { class: "text-xs text-secondary" }, Ge = { class: "mt-xs font-mono text-xl font-semibold whitespace-nowrap text-primary xl:text-2xl" }, Ke = { class: "flex min-w-0 items-center gap-md xl:col-start-4 xl:row-start-1" }, qe = { class: "flex size-(--spacing-5xl) shrink-0 items-center justify-center rounded-full bg-brand-100" }, Je = { class: "text-xs text-secondary" }, Ye = { class: "mt-xs font-mono text-2xl font-semibold text-primary" }, Xe = {
+}, Ne = { class: "mt-xl flex h-(--spacing-md) overflow-hidden rounded-full bg-tertiary" }, Pe = { class: "flex flex-col justify-end gap-md xl:col-start-2 xl:row-start-1 xl:pb-xs" }, Fe = ["aria-label"], Ie = { class: "flex min-w-0 items-center gap-sm" }, Le = { class: "truncate text-xs text-secondary" }, Re = { class: "shrink-0 font-mono text-xs font-medium text-primary" }, ze = { class: "flex min-w-0 items-center gap-md xl:col-start-3 xl:row-start-1" }, Be = { class: "flex size-(--spacing-5xl) shrink-0 items-center justify-center rounded-full bg-brand-100" }, Ve = { class: "min-w-0" }, He = { class: "text-xs text-secondary" }, Ue = { class: "mt-xs font-mono text-xl font-semibold whitespace-nowrap text-primary xl:text-2xl" }, We = { class: "flex min-w-0 items-center gap-md xl:col-start-4 xl:row-start-1" }, Ge = { class: "flex size-(--spacing-5xl) shrink-0 items-center justify-center rounded-full bg-brand-100" }, Ke = { class: "text-xs text-secondary" }, qe = { class: "mt-xs font-mono text-2xl font-semibold text-primary" }, Je = {
 	key: 0,
 	class: "mt-xs text-xs text-secondary"
-}, Ze = { class: "grid gap-3xl xl:grid-cols-[minmax(0,2fr)_25.5rem]" }, Qe = { class: "min-w-0" }, $e = { class: "overflow-hidden rounded-md border border-secondary bg-primary shadow-sm" }, et = { class: "border-b border-secondary px-xl pt-lg" }, N = { class: "overflow-x-auto" }, tt = {
+}, Ye = { class: "grid gap-3xl xl:grid-cols-[minmax(0,2fr)_25.5rem]" }, Xe = { class: "min-w-0" }, Ze = { class: "overflow-hidden rounded-md border border-secondary bg-primary shadow-sm" }, Qe = { class: "border-b border-secondary px-xl pt-lg" }, $e = { class: "overflow-x-auto" }, et = {
 	key: 0,
 	class: "w-full min-w-200 table-fixed border-collapse text-left"
-}, nt = { class: "border-b border-secondary bg-secondary" }, rt = { class: "w-[20%] px-xl py-md text-xs font-medium text-secondary" }, it = { class: "w-[26%] px-xl py-md text-xs font-medium text-secondary" }, at = { class: "w-[14%] px-xl py-md text-xs font-medium text-secondary" }, ot = { class: "w-[20%] px-xl py-md text-xs font-medium text-secondary" }, st = { class: "w-[20%] px-xl py-md text-right text-xs font-medium text-secondary" }, ct = { class: "border-b border-secondary" }, lt = { class: "flex items-start gap-md" }, ut = [
+}, tt = { class: "border-b border-secondary bg-secondary" }, nt = { class: "w-[20%] px-xl py-md text-xs font-medium text-secondary" }, rt = { class: "w-[26%] px-xl py-md text-xs font-medium text-secondary" }, it = { class: "w-[14%] px-xl py-md text-xs font-medium text-secondary" }, at = { class: "w-[20%] px-xl py-md text-xs font-medium text-secondary" }, ot = { class: "w-[20%] px-xl py-md text-right text-xs font-medium text-secondary" }, st = { class: "border-b border-secondary" }, ct = { class: "flex items-start gap-md" }, lt = [
 	"aria-expanded",
 	"aria-label",
 	"onClick"
-], dt = {
+], ut = {
 	key: 1,
 	class: "size-(--spacing-xl) shrink-0"
-}, ft = { class: "min-w-0" }, pt = {
+}, dt = { class: "min-w-0" }, ft = {
 	key: 0,
 	class: "mt-xxs truncate text-xs text-secondary"
-}, mt = { class: "px-xl py-md font-mono text-xs" }, ht = { class: "px-xl py-md" }, gt = {
+}, pt = { class: "px-xl py-md font-mono text-xs" }, mt = { class: "px-xl py-md" }, ht = {
 	key: 1,
 	class: "flex items-center gap-xs text-xs text-primary"
-}, _t = { class: "px-xl py-md" }, vt = { class: "flex flex-col items-start gap-xs" }, yt = {
+}, N = { class: "px-xl py-md" }, gt = { class: "flex flex-col items-start gap-xs" }, _t = {
 	key: 0,
 	class: "text-xs text-secondary"
-}, bt = { class: "px-xl py-md text-right font-mono text-xs text-primary tabular-nums" }, xt = { class: "font-medium" }, St = {
+}, vt = { class: "px-xl py-md text-right font-mono text-xs text-primary tabular-nums" }, yt = { class: "font-medium" }, bt = {
 	key: 0,
 	class: "mt-xxs text-tertiary"
-}, Ct = ["aria-hidden"], wt = {
+}, xt = ["aria-hidden"], St = {
 	class: "p-none",
 	colspan: "5"
-}, Tt = { class: "overflow-hidden" }, Et = { class: "relative flex flex-col items-start gap-xs px-5xl py-md text-xs before:absolute before:inset-y-0 before:left-0 before:w-(--spacing-xxs) before:bg-brand-500" }, Dt = {
+}, Ct = { class: "overflow-hidden" }, wt = { class: "relative flex flex-col items-start gap-xs px-5xl py-md text-xs before:absolute before:inset-y-0 before:left-0 before:w-(--spacing-xxs) before:bg-brand-500" }, Tt = {
 	key: 1,
 	class: "flex flex-col items-center justify-center gap-md px-xl py-2xl"
-}, Ot = { class: "flex size-(--spacing-3xl) items-center justify-center rounded-md border border-secondary" }, kt = { class: "text-sm font-semibold text-secondary" }, At = {
+}, Et = { class: "flex size-(--spacing-3xl) items-center justify-center rounded-md border border-secondary" }, Dt = { class: "text-sm font-semibold text-secondary" }, Ot = {
 	key: 0,
 	class: "ml-auto flex w-full max-w-140 flex-col px-xl"
-}, jt = { class: "flex items-center justify-between gap-3xl border-b border-secondary py-lg text-sm text-primary" }, Mt = { class: "shrink-0 font-mono text-2xl font-semibold tabular-nums" }, Nt = { class: "flex items-center justify-between gap-3xl py-lg text-sm text-primary" }, Pt = { class: "shrink-0 font-mono text-sm font-medium tabular-nums" }, Ft = { class: "h-full rounded-md border border-secondary bg-primary p-xl shadow-sm" }, It = { class: "text-xl font-semibold text-primary" }, Lt = { class: "mt-2xl flex flex-col" }, Rt = { class: "flex w-(--spacing-3xl) shrink-0 flex-col items-center" }, zt = {
+}, kt = { class: "flex items-center justify-between gap-3xl border-b border-secondary py-lg text-sm text-primary" }, At = { class: "shrink-0 font-mono text-2xl font-semibold tabular-nums" }, jt = { class: "flex items-center justify-between gap-3xl py-lg text-sm text-primary" }, Mt = { class: "shrink-0 font-mono text-sm font-medium tabular-nums" }, Nt = { class: "h-full rounded-md border border-secondary bg-primary p-xl shadow-sm" }, Pt = { class: "text-xl font-semibold text-primary" }, Ft = { class: "mt-2xl flex flex-col" }, It = { class: "flex w-(--spacing-3xl) shrink-0 flex-col items-center" }, Lt = {
 	key: 0,
 	class: "min-h-(--spacing-xl) w-px flex-1 bg-tertiary"
-}, Bt = { class: "text-sm font-semibold text-primary" }, Vt = { class: "mt-xxs text-sm text-secondary" }, P = /* @__PURE__ */ x({
+}, Rt = { class: "text-sm font-semibold text-primary" }, zt = { class: "mt-xxs text-sm text-secondary" }, P = /* @__PURE__ */ x({
 	__name: "DunningCaseDetailView",
 	props: { dunningCase: {} },
 	setup(e) {
-		let u = e, d = f(), x = be(), j = ee(), P = ce(), F = r(), I = t(), L = de(), R = w("overdue");
+		let u = e, d = f(), x = ve(), j = r(), P = oe(), F = t(), I = i(), L = le(), R = w("overdue");
 		function z(e) {
 			return e.payments.length > 0 || e.creditNotes.length > 0;
 		}
 		let B = w(u.dunningCase.invoices.find(z)?.uuid ?? null);
-		F.set(() => u.dunningCase.customer.name), le(m(() => [{
+		F.set(() => u.dunningCase.customer.name), se(m(() => [{
 			key: u.dunningCase.uuid,
 			modelName: "DunningCase",
 			...u.dunningCase
@@ -105,21 +105,21 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 				key: `closed-${u.dunningCase.closedAt.toString()}`,
 				type: "case-closed"
 			}), e.toSorted((e, t) => t.sortDate.localeCompare(e.sortDate));
-		}), H = m(() => u.dunningCase.invoices.filter((e) => k.PlainDate.compare(e.dueOn, k.Now.plainDateISO()) < 0).toSorted((e, t) => k.PlainDate.compare(e.dueOn, t.dueOn))), Ht = m(() => u.dunningCase.invoices.filter((e) => k.PlainDate.compare(e.dueOn, k.Now.plainDateISO()) >= 0).toSorted((e, t) => k.PlainDate.compare(e.dueOn, t.dueOn))), U = m(() => R.value === "overdue" ? H.value : Ht.value), W = m(() => u.dunningCase.invoices.filter((e) => e.isDisputed).length), G = m(() => ie(u.dunningCase.latestCreatedReminder)), K = m(() => H.value.filter((e) => !e.isDisputed)), q = m(() => K.value.reduce((e, t) => ({
+		}), H = m(() => u.dunningCase.invoices.filter((e) => k.PlainDate.compare(e.dueOn, k.Now.plainDateISO()) < 0).toSorted((e, t) => k.PlainDate.compare(e.dueOn, t.dueOn))), Bt = m(() => u.dunningCase.invoices.filter((e) => k.PlainDate.compare(e.dueOn, k.Now.plainDateISO()) >= 0).toSorted((e, t) => k.PlainDate.compare(e.dueOn, t.dueOn))), U = m(() => R.value === "overdue" ? H.value : Bt.value), W = m(() => u.dunningCase.invoices.filter((e) => e.isDisputed).length), G = m(() => ie(u.dunningCase.latestCreatedReminder)), K = m(() => H.value.filter((e) => !e.isDisputed)), q = m(() => K.value.reduce((e, t) => ({
 			...e,
 			amount: e.amount + t.balanceDueAmount.amount
 		}), {
 			...u.dunningCase.outstandingBalance,
 			amount: 0
-		})), J = m(() => oe(K.value, u.dunningCase.outstandingBalance));
-		function Ut(e) {
+		})), J = m(() => re(K.value, u.dunningCase.outstandingBalance));
+		function Vt(e) {
 			return q.value.amount === 0 ? 0 : e / q.value.amount * 100;
 		}
-		let Y = m(() => I.getCustomerDetailRoute(u.dunningCase.customer.uuid)), Wt = m(() => [{
+		let Y = m(() => I.getCustomerDetailRoute(u.dunningCase.customer.uuid)), Ht = m(() => [{
 			label: d.t("module.dunning_case.title"),
 			to: { name: "dunning-case-overview" }
 		}, { label: u.dunningCase.customer.name }]);
-		function Gt() {
+		function Ut() {
 			Y.value !== null && L.push(Y.value);
 		}
 		function X(e) {
@@ -131,10 +131,10 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 				label: X(e)
 			});
 		}
-		function Kt(e) {
+		function Wt(e) {
 			return e.type === "credit-note" || e.type === "payment" || e.type === "reminder-due" ? P.formatPlainDate(e.date) : P.toDateTime(e.date);
 		}
-		function qt(e) {
+		function Gt(e) {
 			switch (e.type) {
 				case "case-closed": return d.t("module.dunning_case.detail.case_closed");
 				case "credit-note": return d.t("module.dunning_case.detail.credit_note_activity", {
@@ -149,22 +149,22 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 				case "reminder-sent": return d.t("module.dunning_case.detail.reminder_sent");
 			}
 		}
-		function Jt(e) {
+		function Kt(e) {
 			if (e.type === "reminder-due") return d.t("module.dunning_case.detail.today");
-			let t = Kt(e);
+			let t = Wt(e);
 			return e.type === "payment" && e.settlementStatus === n.PARTIALLY_PAID ? d.t("module.dunning_case.detail.payment_partially_paid", { date: t }) : t;
 		}
 		function Q(e) {
 			return e.dueOn.until(k.Now.plainDateISO(), { largestUnit: "days" }).days;
 		}
-		function Yt(e) {
+		function qt(e) {
 			let t = Q(e);
 			return t > 0 ? d.t("module.dunning_case.detail.days_ago", { count: t }) : t === 0 ? d.t("module.dunning_case.overview.due_today") : d.t("module.dunning_case.overview.due_in_days", { count: Math.abs(t) });
 		}
 		function $(e) {
 			return e === 0 ? d.t("module.dunning_case.level.none") : d.t("module.dunning_case.level.reminder", { level: e });
 		}
-		function Xt(e) {
+		function Jt(e) {
 			switch (e) {
 				case n.PARTIALLY_PAID: return "warning";
 				case n.CREDITED:
@@ -174,60 +174,57 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 				case n.UNPAID: return "error";
 			}
 		}
-		function Zt() {
+		function Yt() {
 			x.create(ae, { props: { dunningCaseUuid: u.dunningCase.uuid } }).open();
 		}
-		function Qt(e) {
+		function Xt(e) {
 			B.value = B.value === e ? null : e;
 		}
-		return (e, t) => (C(), h(D(me), {
-			breadcrumbs: Wt.value,
+		return (e, t) => (C(), h(D(fe), {
+			breadcrumbs: Ht.value,
 			title: u.dunningCase.customer.name
 		}, {
-			default: O(() => [b(D(he), null, {
-				default: O(() => [v("div", xe, [
-					v("div", Se, [v("div", null, [
-						v("div", Ce, [
-							v("h2", we, [Y.value === null ? (C(), _("span", Te, E(u.dunningCase.customer.name), 1)) : (C(), _("button", {
+			default: O(() => [b(D(pe), null, {
+				default: O(() => [v("div", ye, [
+					v("div", be, [v("div", null, [
+						v("div", xe, [
+							v("h2", Se, [Y.value === null ? (C(), _("span", Ce, E(u.dunningCase.customer.name), 1)) : (C(), _("button", {
 								key: 0,
 								class: "hover:underline",
 								type: "button",
-								onClick: Gt
+								onClick: Ut
 							}, E(u.dunningCase.customer.name), 1))]),
-							v("span", Ee, [b(a, { level: u.dunningCase.level }, null, 8, ["level"]), y(" " + E(u.dunningCase.isClosed ? D(d).t("module.dunning_case.detail.closed") : $(u.dunningCase.level)), 1)]),
-							b(re, {
+							v("span", we, [b(a, { level: u.dunningCase.level }, null, 8, ["level"]), y(" " + E(u.dunningCase.isClosed ? D(d).t("module.dunning_case.detail.closed") : $(u.dunningCase.level)), 1)]),
+							b(ne, {
 								"blocked-reason": null,
 								status: G.value
 							}, null, 8, ["status"])
 						]),
-						u.dunningCase.customer.vatNumber || u.dunningCase.customer.email ? (C(), _("p", De, E([u.dunningCase.customer.vatNumber, u.dunningCase.customer.email].filter(Boolean).join(" · ")), 1)) : g("", !0),
-						v("p", Oe, E(D(d).t("module.dunning_case.detail.last_synced", { date: D(P).toDateTime(u.dunningCase.updatedAt) })), 1)
-					]), b(se, { permission: D(i).DUNNING_CASE_SEND }, {
-						default: O(() => [!u.dunningCase.isClosed && u.dunningCase.canSendReminder ? (C(), h(D(pe), {
-							key: 0,
-							"icon-right": D(c),
-							"is-loading": G.value === "sending",
-							label: D(d).t("module.dunning_case.detail.send"),
-							class: "w-fit self-start lg:ml-auto",
-							size: "sm",
-							onClick: Zt
-						}, null, 8, [
-							"icon-right",
-							"is-loading",
-							"label"
-						])) : g("", !0)]),
-						_: 1
-					}, 8, ["permission"])]),
-					v("div", ke, [
-						v("div", Ae, [
-							v("p", je, E(D(d).t("module.dunning_case.detail.outstanding")), 1),
-							v("p", Me, E(D(j).formatMonetary(u.dunningCase.outstandingBalance)), 1),
-							v("p", Ne, E(D(d).t("module.dunning_case.detail.collected_summary", {
+						u.dunningCase.customer.vatNumber || u.dunningCase.customer.email ? (C(), _("p", Te, E([u.dunningCase.customer.vatNumber, u.dunningCase.customer.email].filter(Boolean).join(" · ")), 1)) : g("", !0),
+						v("p", Ee, E(D(d).t("module.dunning_case.detail.last_synced", { date: D(P).toDateTime(u.dunningCase.updatedAt) })), 1)
+					]), !u.dunningCase.isClosed && u.dunningCase.canSendReminder ? (C(), h(D(de), {
+						key: 0,
+						"icon-right": D(c),
+						"is-loading": G.value === "sending",
+						label: D(d).t("module.dunning_case.detail.send"),
+						class: "w-fit self-start lg:ml-auto",
+						size: "sm",
+						onClick: Yt
+					}, null, 8, [
+						"icon-right",
+						"is-loading",
+						"label"
+					])) : g("", !0)]),
+					v("div", De, [
+						v("div", Oe, [
+							v("p", ke, E(D(d).t("module.dunning_case.detail.outstanding")), 1),
+							v("p", Ae, E(D(j).formatMonetary(u.dunningCase.outstandingBalance)), 1),
+							v("p", je, E(D(d).t("module.dunning_case.detail.collected_summary", {
 								billed: D(j).formatMonetary(u.dunningCase.totalInvoiced),
 								collected: D(j).formatMonetary(u.dunningCase.totalPaid)
 							})), 1),
-							u.dunningCase.totalCredited.amount > 0 ? (C(), _("p", Pe, E(D(d).t("module.dunning_case.detail.credited_summary", { credited: D(j).formatMonetary(u.dunningCase.totalCredited) })), 1)) : g("", !0),
-							v("div", Fe, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), _("span", {
+							u.dunningCase.totalCredited.amount > 0 ? (C(), _("p", Me, E(D(d).t("module.dunning_case.detail.credited_summary", { credited: D(j).formatMonetary(u.dunningCase.totalCredited) })), 1)) : g("", !0),
+							v("div", Ne, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), _("span", {
 								key: t,
 								class: S([{
 									"bg-quaternary": t === 0,
@@ -235,10 +232,10 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 									"bg-error-solid": t === 3,
 									"bg-warning-solid": t === 2
 								}, "h-full"]),
-								style: fe({ width: `${Ut(e.amount)}%` })
+								style: ue({ width: `${Vt(e.amount)}%` })
 							}, null, 6))), 128))])
 						]),
-						v("div", Ie, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), h(D(ve), {
+						v("div", Pe, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), h(D(ge), {
 							key: t,
 							"popover-side-offset": 8,
 							"popover-align": "start",
@@ -248,33 +245,33 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 								"aria-label": Z(t, e),
 								class: "flex min-w-0 items-center justify-between gap-lg rounded-sm border-none bg-transparent p-none text-left hover:bg-secondary focus-visible:outline-2 focus-visible:outline-brand-500 xl:flex-row xl:items-center xl:gap-lg",
 								type: "button"
-							}, [v("span", Re, [v("span", { class: S([{
+							}, [v("span", Ie, [v("span", { class: S([{
 								"bg-quaternary": t === 0,
 								"bg-brand-500": t === 1,
 								"bg-error-solid": t === 3,
 								"bg-warning-solid": t === 2
-							}, "size-(--spacing-sm) shrink-0 rounded-full"]) }, null, 2), v("span", ze, E(X(t)), 1)]), v("span", Be, E(D(j).formatMonetary(e)), 1)], 8, Le)]),
-							content: O(() => [b(D(ye), { class: "max-w-80! text-sm!" }, {
+							}, "size-(--spacing-sm) shrink-0 rounded-full"]) }, null, 2), v("span", Le, E(X(t)), 1)]), v("span", Re, E(D(j).formatMonetary(e)), 1)], 8, Fe)]),
+							content: O(() => [b(D(_e), { class: "max-w-80! text-sm!" }, {
 								default: O(() => [y(E(Z(t, e)), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
 						}, 1024))), 128))]),
-						v("div", Ve, [v("span", He, [b(D(l), { class: "size-(--spacing-xl) text-brand-700" })]), v("div", Ue, [v("p", We, E(D(d).t("module.dunning_case.detail.next_reminder")), 1), v("p", Ge, E(u.dunningCase.nextReminderOn === null ? D(d).t("module.dunning_case.overview.not_scheduled") : D(P).formatPlainDate(u.dunningCase.nextReminderOn)), 1)])]),
-						v("div", Ke, [v("span", qe, [b(D(s), { class: "size-(--spacing-xl) text-brand-700" })]), v("div", null, [
-							v("p", Je, E(D(d).t("module.dunning_case.detail.invoices")), 1),
-							v("p", Ye, E(u.dunningCase.invoices.length), 1),
-							W.value > 0 ? (C(), _("p", Xe, E(D(d).t("module.dunning_case.detail.protested_count", { count: W.value })), 1)) : g("", !0)
+						v("div", ze, [v("span", Be, [b(D(l), { class: "size-(--spacing-xl) text-brand-700" })]), v("div", Ve, [v("p", He, E(D(d).t("module.dunning_case.detail.next_reminder")), 1), v("p", Ue, E(u.dunningCase.nextReminderOn === null ? D(d).t("module.dunning_case.overview.not_scheduled") : D(P).formatPlainDate(u.dunningCase.nextReminderOn)), 1)])]),
+						v("div", We, [v("span", Ge, [b(D(s), { class: "size-(--spacing-xl) text-brand-700" })]), v("div", null, [
+							v("p", Ke, E(D(d).t("module.dunning_case.detail.invoices")), 1),
+							v("p", qe, E(u.dunningCase.invoices.length), 1),
+							W.value > 0 ? (C(), _("p", Je, E(D(d).t("module.dunning_case.detail.protested_count", { count: W.value })), 1)) : g("", !0)
 						])])
 					]),
-					v("div", Ze, [v("main", Qe, [v("div", $e, [
-						v("div", et, [b(D(ge), {
+					v("div", Ye, [v("main", Xe, [v("div", Ze, [
+						v("div", Qe, [b(D(me), {
 							modelValue: R.value,
 							"onUpdate:modelValue": t[0] ||= (e) => R.value = e,
 							"aria-label": D(d).t("module.dunning_case.detail.invoice_tabs"),
 							variant: "underline"
 						}, {
-							default: O(() => [b(D(_e), null, {
+							default: O(() => [b(D(he), null, {
 								default: O(() => [b(D(M), {
 									label: D(d).t("module.dunning_case.detail.overdue_invoices"),
 									value: "overdue"
@@ -286,24 +283,24 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 							})]),
 							_: 1
 						}, 8, ["modelValue", "aria-label"])]),
-						v("div", N, [U.value.length > 0 ? (C(), _("table", tt, [v("thead", null, [v("tr", nt, [
-							v("th", rt, E(D(d).t("module.dunning_case.detail.table.invoice")), 1),
-							v("th", it, E(D(d).t("module.dunning_case.detail.table.due_date")), 1),
-							v("th", at, E(D(d).t("module.dunning_case.detail.table.level")), 1),
-							v("th", ot, E(D(d).t("module.dunning_case.detail.table.status")), 1),
-							v("th", st, E(D(d).t("module.dunning_case.detail.table.remaining")), 1)
-						])]), v("tbody", null, [(C(!0), _(p, null, T(U.value, (e) => (C(), _(p, { key: e.uuid }, [v("tr", ct, [
+						v("div", $e, [U.value.length > 0 ? (C(), _("table", et, [v("thead", null, [v("tr", tt, [
+							v("th", nt, E(D(d).t("module.dunning_case.detail.table.invoice")), 1),
+							v("th", rt, E(D(d).t("module.dunning_case.detail.table.due_date")), 1),
+							v("th", it, E(D(d).t("module.dunning_case.detail.table.level")), 1),
+							v("th", at, E(D(d).t("module.dunning_case.detail.table.status")), 1),
+							v("th", ot, E(D(d).t("module.dunning_case.detail.table.remaining")), 1)
+						])]), v("tbody", null, [(C(!0), _(p, null, T(U.value, (e) => (C(), _(p, { key: e.uuid }, [v("tr", st, [
 							v("td", { class: S([{
 								"before:opacity-0": B.value !== e.uuid,
 								"before:opacity-100": B.value === e.uuid
-							}, "relative px-xl py-md before:absolute before:inset-y-0 before:left-0 before:w-(--spacing-xxs) before:bg-brand-500"]) }, [v("div", lt, [z(e) ? (C(), _("button", {
+							}, "relative px-xl py-md before:absolute before:inset-y-0 before:left-0 before:w-(--spacing-xxs) before:bg-brand-500"]) }, [v("div", ct, [z(e) ? (C(), _("button", {
 								key: 0,
 								"aria-expanded": B.value === e.uuid,
 								"aria-label": D(d).t(B.value === e.uuid ? "module.dunning_case.detail.collapse_updates" : "module.dunning_case.detail.expand_updates", { invoice: e.sequence }),
 								class: "mt-xxs flex size-(--spacing-xl) shrink-0 items-center justify-center text-secondary hover:text-primary",
 								type: "button",
-								onClick: (t) => Qt(e.uuid)
-							}, [b(D(ne), { class: S([{ "rotate-180": B.value === e.uuid }, "size-(--spacing-xl) transition-transform duration-200 ease-out motion-reduce:transition-none"]) }, null, 8, ["class"])], 8, ut)) : (C(), _("span", dt)), v("div", ft, [b(D(ue), {
+								onClick: (t) => Xt(e.uuid)
+							}, [b(D(te), { class: S([{ "rotate-180": B.value === e.uuid }, "size-(--spacing-xl) transition-transform duration-200 ease-out motion-reduce:transition-none"]) }, null, 8, ["class"])], 8, lt)) : (C(), _("span", ut)), v("div", dt, [b(D(ce), {
 								to: {
 									name: "invoicing-invoice-detail",
 									params: { invoiceUuid: e.uuid }
@@ -312,31 +309,31 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 							}, {
 								default: O(() => [y(E(e.sequence), 1)]),
 								_: 2
-							}, 1032, ["to"]), e.subject === null ? g("", !0) : (C(), _("p", pt, E(e.subject), 1))])])], 2),
-							v("td", mt, [v("span", { class: S([Q(e) > 0 ? "text-error-primary" : "text-primary", "inline-flex items-center gap-xs whitespace-nowrap"]) }, [y(E(D(P).formatPlainDate(e.dueOn)) + " ", 1), v("span", { class: S([Q(e) > 0 ? "\n                                  border-error bg-error-primary\n                                  text-error-primary\n                                " : "border-secondary bg-secondary text-secondary", "rounded-sm border px-sm py-px font-sans text-xs"]) }, E(Yt(e)), 3)], 2)]),
-							v("td", ht, [e.isDisputed && R.value === "overdue" ? (C(), h(D(A), {
+							}, 1032, ["to"]), e.subject === null ? g("", !0) : (C(), _("p", ft, E(e.subject), 1))])])], 2),
+							v("td", pt, [v("span", { class: S([Q(e) > 0 ? "text-error-primary" : "text-primary", "inline-flex items-center gap-xs whitespace-nowrap"]) }, [y(E(D(P).formatPlainDate(e.dueOn)) + " ", 1), v("span", { class: S([Q(e) > 0 ? "\n                                  border-error bg-error-primary\n                                  text-error-primary\n                                " : "border-secondary bg-secondary text-secondary", "rounded-sm border px-sm py-px font-sans text-xs"]) }, E(qt(e)), 3)], 2)]),
+							v("td", mt, [e.isDisputed && R.value === "overdue" ? (C(), h(D(A), {
 								key: 0,
 								label: D(d).t("module.dunning_case.detail.protested"),
 								color: "error",
 								size: "sm",
 								variant: "translucent"
-							}, null, 8, ["label"])) : R.value === "overdue" ? (C(), _("span", gt, [b(a, {
+							}, null, 8, ["label"])) : R.value === "overdue" ? (C(), _("span", ht, [b(a, {
 								level: e.level,
 								size: "sm"
 							}, null, 8, ["level"]), y(" " + E(e.level), 1)])) : g("", !0)]),
-							v("td", _t, [v("div", vt, [e.isDisputed ? (C(), _("p", yt, E(D(d).t("module.dunning_case.detail.excluded")), 1)) : (C(), h(D(A), {
+							v("td", N, [v("div", gt, [e.isDisputed ? (C(), _("p", _t, E(D(d).t("module.dunning_case.detail.excluded")), 1)) : (C(), h(D(A), {
 								key: 1,
 								label: D(d).t(`module.dunning_case.settlement_status.${e.settlementStatus}`),
-								color: Xt(e.settlementStatus),
+								color: Jt(e.settlementStatus),
 								size: "sm",
 								variant: "translucent"
 							}, null, 8, ["label", "color"]))])]),
-							v("td", bt, [v("p", xt, E(D(j).formatMonetary(e.balanceDueAmount)), 1), e.balanceDueAmount.amount === e.grossAmount.amount ? g("", !0) : (C(), _("p", St, " /" + E(D(j).formatMonetary(e.grossAmount)), 1))])
+							v("td", vt, [v("p", yt, E(D(j).formatMonetary(e.balanceDueAmount)), 1), e.balanceDueAmount.amount === e.grossAmount.amount ? g("", !0) : (C(), _("p", bt, " /" + E(D(j).formatMonetary(e.grossAmount)), 1))])
 						]), z(e) ? (C(), _("tr", {
 							key: `${e.uuid}-updates`,
 							class: S({ "border-b border-secondary": B.value === e.uuid }),
 							"aria-hidden": B.value !== e.uuid
-						}, [v("td", wt, [v("div", { class: S([B.value === e.uuid ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0", "grid transition-[grid-template-rows,opacity] duration-200 ease-out motion-reduce:transition-none"]) }, [v("div", Tt, [v("div", Et, [(C(!0), _(p, null, T(e.payments, (e) => (C(), _("span", {
+						}, [v("td", St, [v("div", { class: S([B.value === e.uuid ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0", "grid transition-[grid-template-rows,opacity] duration-200 ease-out motion-reduce:transition-none"]) }, [v("div", Ct, [v("div", wt, [(C(!0), _(p, null, T(e.payments, (e) => (C(), _("span", {
 							key: e.uuid,
 							class: "inline-flex items-center gap-sm rounded-sm bg-success-primary px-md py-sm text-success-primary"
 						}, [t[1] ||= v("span", { class: "size-(--spacing-sm) shrink-0 rounded-full bg-success-solid" }, null, -1), y(" " + E(D(d).t("module.dunning_case.detail.payment_line", {
@@ -349,12 +346,12 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 							amount: D(j).formatMonetary(e.grossAmount),
 							date: D(P).formatPlainDate(e.finalizedOn),
 							sequence: e.sequence
-						})), 1)]))), 128))])])], 2)])], 10, Ct)) : g("", !0)], 64))), 128))])])) : (C(), _("div", Dt, [v("span", Ot, [b(D(o), { class: "size-(--spacing-xl) text-primary" })]), v("p", kt, E(D(d).t(R.value === "overdue" ? "module.dunning_case.detail.empty_overdue" : "module.dunning_case.detail.empty_outstanding")), 1)]))]),
-						R.value === "overdue" ? (C(), _("div", At, [v("div", jt, [v("span", null, E(D(d).t("module.dunning_case.detail.total_outstanding")), 1), v("span", Mt, E(D(j).formatMonetary(u.dunningCase.outstandingBalance)), 1)]), v("div", Nt, [v("span", null, E(u.dunningCase.level === 0 ? D(d).t("module.dunning_case.detail.reminder_fee") : D(d).t("module.dunning_case.detail.fee", { level: u.dunningCase.level })), 1), v("span", Pt, E(D(j).formatMonetary(u.dunningCase.totalFee)), 1)])])) : g("", !0)
-					])]), v("aside", Ft, [v("h2", It, E(D(d).t("module.dunning_case.detail.activity")), 1), v("ol", Lt, [(C(!0), _(p, null, T(V.value, (e, t) => (C(), _("li", {
+						})), 1)]))), 128))])])], 2)])], 10, xt)) : g("", !0)], 64))), 128))])])) : (C(), _("div", Tt, [v("span", Et, [b(D(o), { class: "size-(--spacing-xl) text-primary" })]), v("p", Dt, E(D(d).t(R.value === "overdue" ? "module.dunning_case.detail.empty_overdue" : "module.dunning_case.detail.empty_outstanding")), 1)]))]),
+						R.value === "overdue" ? (C(), _("div", Ot, [v("div", kt, [v("span", null, E(D(d).t("module.dunning_case.detail.total_outstanding")), 1), v("span", At, E(D(j).formatMonetary(u.dunningCase.outstandingBalance)), 1)]), v("div", jt, [v("span", null, E(u.dunningCase.level === 0 ? D(d).t("module.dunning_case.detail.reminder_fee") : D(d).t("module.dunning_case.detail.fee", { level: u.dunningCase.level })), 1), v("span", Mt, E(D(j).formatMonetary(u.dunningCase.totalFee)), 1)])])) : g("", !0)
+					])]), v("aside", Nt, [v("h2", Pt, E(D(d).t("module.dunning_case.detail.activity")), 1), v("ol", Ft, [(C(!0), _(p, null, T(V.value, (e, t) => (C(), _("li", {
 						key: e.key,
 						class: "flex gap-md"
-					}, [v("div", Rt, [v("span", { class: S([{
+					}, [v("div", It, [v("span", { class: S([{
 						"bg-brand-100": e.type === "reminder-sent",
 						"bg-error-secondary": e.type === "reminder-due",
 						"bg-success-secondary": e.type === "payment" || e.type === "case-closed",
@@ -362,7 +359,7 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 					}, "flex size-(--spacing-3xl) shrink-0 items-center justify-center rounded-full"]) }, [e.type === "reminder-due" ? (C(), h(D(l), {
 						key: 0,
 						class: "size-(--spacing-lg) text-error-primary"
-					})) : e.type === "payment" ? (C(), h(D(te), {
+					})) : e.type === "payment" ? (C(), h(D(ee), {
 						key: 1,
 						class: "size-(--spacing-lg) text-success-primary"
 					})) : e.type === "credit-note" ? (C(), h(D(s), {
@@ -374,7 +371,7 @@ var xe = { class: "flex flex-col gap-4xl" }, Se = { class: "flex flex-col gap-lg
 					})) : e.type === "case-closed" ? (C(), h(D(o), {
 						key: 4,
 						class: "size-(--spacing-lg) text-success-primary"
-					})) : g("", !0)], 2), t < V.value.length - 1 ? (C(), _("span", zt)) : g("", !0)]), v("div", { class: S([{ "pb-xl": t < V.value.length - 1 }, "pt-xs"]) }, [v("p", Bt, E(qt(e)), 1), v("p", Vt, E(Jt(e)), 1)], 2)]))), 128))])])])
+					})) : g("", !0)], 2), t < V.value.length - 1 ? (C(), _("span", Lt)) : g("", !0)]), v("div", { class: S([{ "pb-xl": t < V.value.length - 1 }, "pt-xs"]) }, [v("p", Rt, E(Gt(e)), 1), v("p", zt, E(Kt(e)), 1)], 2)]))), 128))])])])
 				])]),
 				_: 1
 			})]),