@wisemen/wise-invoicing-web 0.0.4 → 0.0.6

package/dist/{CreditNotePdfViewDataProvider-DNUvFVDj.js → CreditNotePdfViewDataProvider-C2QqCdQ7.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./DataProvider-CfHLB3rH.js";
-import { t } from "./InvoicePdfView-Bygb-9z6.js";
-import { t as n } from "./creditNoteDetail.query-BZqgZRSu.js";
+import { t as e } from "./DataProvider-Dj34ljUX.js";
+import { t } from "./InvoicePdfView-BpIaYdZX.js";
+import { t as n } from "./creditNoteDetail.query-DHP69UiB.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-DDQq-975.js → CustomFieldValueText-ne5yy02J.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-CeaFddr1.js";
+import { I as e, t } from "./api.util-BCSgCfpS.js";
+import { h as n, m as r, s as i } from "./documentTitle.composable-4ApFl9TZ.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/DataProvider-Dj34ljUX.js

@@ -0,0 +1,75 @@
+import { useRouter as e } from "vue-router";
+import { useI18n as t } from "vue-i18n";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, unref as u } from "vue";
+import { ApiErrorUtil as d } from "@wisemen/vue-core-api-utils";
+import { UIEmptyState as f } from "@wisemen/vue-core-design-system";
+//#endregion
+//#region src/ui/data-provider/DataProviderErrorState.vue
+var p = /* @__PURE__ */ s({
+	__name: "DataProviderErrorState",
+	props: { error: {} },
+	setup(i) {
+		let a = i, o = t(), s = e(), l = n(() => d.isExpectedApiError(a.error) ? a.error.errors[0] ?? null : null), p = n(() => l.value?.status === "404"), m = n(() => p.value ? o.t("wise_invoicing.common.not_found.title") : l.value?.status ?? o.t("wise_invoicing.common.error")), h = n(() => p.value ? o.t("wise_invoicing.common.not_found.description") : l.value === null ? d.isExpectedApiError(a.error) ? o.t("wise_invoicing.common.error") : a.error.message : l.value.detail);
+		function g() {
+			s.back();
+		}
+		function _() {
+			s.push({ name: "invoicing-invoice-overview" });
+		}
+		return (e, t) => (c(), r(u(f), {
+			description: h.value,
+			illustration: p.value ? "cloud-search" : null,
+			"primary-action": p.value ? {
+				label: u(o).t("wise_invoicing.common.not_found.invoice_overview"),
+				onClick: _,
+				type: "button"
+			} : null,
+			"secondary-action": p.value ? {
+				label: u(o).t("wise_invoicing.common.back"),
+				onClick: g,
+				type: "button"
+			} : null,
+			title: m.value
+		}, null, 8, [
+			"description",
+			"illustration",
+			"primary-action",
+			"secondary-action",
+			"title"
+		]));
+	}
+}), m = {
+	key: 1,
+	class: "flex h-full items-center justify-center"
+}, h = /* @__PURE__ */ s({
+	__name: "DataProvider",
+	props: { queries: {} },
+	setup(e) {
+		let t = e, r = n(() => {
+			for (let e in t.queries) if (t.queries[e].isLoading.value) return !0;
+			return !1;
+		}), s = n(() => {
+			for (let e in t.queries) {
+				let n = t.queries[e].result.value;
+				if (n != null && n.isErr()) return n.getError();
+			}
+			return null;
+		}), u = n(() => {
+			for (let e in t.queries) {
+				let n = t.queries[e].result.value;
+				if (n == null || n.isErr()) return !1;
+			}
+			return !0;
+		}), d = n(() => {
+			let e = {};
+			for (let n in t.queries) {
+				let r = n, i = t.queries[r].result.value;
+				i == null || !i.isOk() || (e[r] = i.getValue());
+			}
+			return e;
+		});
+		return (e, t) => r.value ? l(e.$slots, "loading", {}, void 0, void 0, 0) : s.value === null ? u.value ? l(e.$slots, "default", { data: d.value }, void 0, void 0, 2) : i("", !0) : (c(), a("div", m, [o(p, { error: s.value }, null, 8, ["error"])]));
+	}
+});
+//#endregion
+export { h as t };

package/dist/{DunningCaseDetailViewDataProvider-0WV-7-vg.js → DunningCaseDetailViewDataProvider-jsh-LlGx.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import "./api.util-Dm_TQedZ.js";
-import { t, y as n } from "./documentTitle.composable-CeaFddr1.js";
+import "./api.util-BCSgCfpS.js";
+import { b as t, t as n } from "./documentTitle.composable-4ApFl9TZ.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 i } from "./invoicingConfig.composable-Kad_HHx_.js";
+import { n as a } from "./reminderConfig.query-hmDNKreg.js";
+import { Q as o, R as ee, U as s, q as te, tt as c, x as l } from "./dist-D9lp7NDv.js";
+import { a as u, i as ne, n as re, r as ie, t as ae } from "./DunningCaseSendDialog-D7jAZ8yT.js";
 import { n as oe } from "./dist-YTXTCfo1.js";
-import { t as d } from "./DataProvider-CfHLB3rH.js";
+import { t as d } from "./DataProvider-Dj34ljUX.js";
 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";
@@ -27,42 +27,42 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 }, 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"
-}, 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 = [
+}, 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: "flex items-start gap-md" }, ct = [
 	"aria-expanded",
 	"aria-label",
 	"onClick"
-], ut = {
+], lt = {
 	key: 1,
 	class: "size-(--spacing-xl) shrink-0"
-}, dt = { class: "min-w-0" }, ft = {
+}, N = { class: "min-w-0" }, ut = {
 	key: 0,
 	class: "mt-xxs truncate text-xs text-secondary"
-}, pt = { class: "px-xl py-md font-mono text-xs" }, mt = { class: "px-xl py-md" }, ht = {
+}, dt = { class: "px-xl py-md font-mono text-xs" }, ft = { class: "px-xl py-md" }, pt = {
 	key: 1,
 	class: "flex items-center gap-xs text-xs text-primary"
-}, N = { class: "px-xl py-md" }, gt = { class: "flex flex-col items-start gap-xs" }, _t = {
+}, mt = { class: "px-xl py-md" }, ht = { class: "flex flex-col items-start gap-xs" }, gt = {
 	key: 0,
 	class: "text-xs text-secondary"
-}, vt = { class: "px-xl py-md text-right font-mono text-xs text-primary tabular-nums" }, yt = { class: "font-medium" }, bt = {
+}, _t = { class: "px-xl py-md text-right font-mono text-xs text-secondary tabular-nums" }, vt = { class: "font-medium" }, yt = {
 	key: 0,
 	class: "mt-xxs text-tertiary"
-}, xt = ["aria-hidden"], St = {
+}, bt = ["aria-hidden"], xt = {
 	class: "p-none",
 	colspan: "5"
-}, 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 = {
+}, St = { class: "overflow-hidden" }, Ct = { 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" }, wt = {
 	key: 1,
 	class: "flex flex-col items-center justify-center gap-md px-xl py-2xl"
-}, Et = { class: "flex size-(--spacing-3xl) items-center justify-center rounded-md border border-secondary" }, Dt = { class: "text-sm font-semibold text-secondary" }, Ot = {
+}, Tt = { class: "flex size-(--spacing-3xl) items-center justify-center rounded-md border border-secondary" }, Et = { class: "text-sm font-semibold text-secondary" }, Dt = {
 	key: 0,
 	class: "ml-auto flex w-full max-w-140 flex-col px-xl"
-}, 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 = {
+}, Ot = { class: "flex items-center justify-between gap-3xl border-b border-secondary py-lg text-sm text-primary" }, kt = { class: "shrink-0 font-mono text-2xl font-semibold tabular-nums" }, At = { class: "flex items-center justify-between gap-3xl py-lg text-sm text-primary" }, jt = { class: "shrink-0 font-mono text-sm font-medium tabular-nums" }, Mt = { class: "h-full rounded-md border border-secondary bg-primary p-xl shadow-sm" }, Nt = { class: "text-xl font-semibold text-primary" }, Pt = { class: "mt-2xl flex flex-col" }, Ft = { class: "flex w-(--spacing-3xl) shrink-0 flex-col items-center" }, It = {
 	key: 0,
 	class: "min-h-(--spacing-xl) w-px flex-1 bg-tertiary"
-}, Rt = { class: "text-sm font-semibold text-primary" }, zt = { class: "mt-xxs text-sm text-secondary" }, P = /* @__PURE__ */ x({
+}, Lt = { class: "text-sm font-semibold text-primary" }, Rt = { class: "mt-xxs text-sm text-secondary" }, P = /* @__PURE__ */ x({
 	__name: "DunningCaseDetailView",
 	props: { dunningCase: {} },
 	setup(e) {
-		let u = e, d = f(), x = ve(), j = r(), P = oe(), F = t(), I = i(), L = le(), R = w("overdue");
+		let u = e, d = f(), x = ve(), j = r(), P = oe(), F = n(), I = i(), L = le(), R = w("overdue");
 		function z(e) {
 			return e.payments.length > 0 || e.creditNotes.length > 0;
 		}
@@ -89,7 +89,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 				sequence: e.sequence,
 				type: "credit-note"
 			}))]);
-			return !u.dunningCase.isClosed && u.dunningCase.nextReminderOn !== null && k.PlainDate.compare(u.dunningCase.nextReminderOn, k.Now.plainDateISO()) <= 0 && e.push({
+			return u.dunningCase.nextReminderOn !== null && k.PlainDate.compare(u.dunningCase.nextReminderOn, k.Now.plainDateISO()) <= 0 && e.push({
 				sortDate: k.Now.plainDateISO().toString(),
 				date: u.dunningCase.nextReminderOn,
 				key: `due-${u.dunningCase.nextReminderOn.toString()}`,
@@ -105,13 +105,16 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { 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))), 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) => ({
+		}), 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))), zt = 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 : zt.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(() => re(K.value, u.dunningCase.outstandingBalance));
+		})), J = m(() => re(K.value, u.dunningCase.outstandingBalance)), Bt = m(() => J.value.map((e, t) => ({
+			amount: e,
+			level: t
+		})));
 		function Vt(e) {
 			return q.value.amount === 0 ? 0 : e / q.value.amount * 100;
 		}
@@ -151,8 +154,8 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 		}
 		function Kt(e) {
 			if (e.type === "reminder-due") return d.t("module.dunning_case.detail.today");
-			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;
+			let n = Wt(e);
+			return e.type === "payment" && e.settlementStatus === t.PARTIALLY_PAID ? d.t("module.dunning_case.detail.payment_partially_paid", { date: n }) : n;
 		}
 		function Q(e) {
 			return e.dueOn.until(k.Now.plainDateISO(), { largestUnit: "days" }).days;
@@ -166,12 +169,12 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 		}
 		function Jt(e) {
 			switch (e) {
-				case n.PARTIALLY_PAID: return "warning";
-				case n.CREDITED:
-				case n.OVERPAID:
-				case n.PAID:
-				case n.SETTLED: return "success";
-				case n.UNPAID: return "error";
+				case t.PARTIALLY_PAID: return "warning";
+				case t.CREDITED:
+				case t.OVERPAID:
+				case t.PAID:
+				case t.SETTLED: return "success";
+				case t.UNPAID: return "error";
 			}
 		}
 		function Yt() {
@@ -194,7 +197,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 								type: "button",
 								onClick: Ut
 							}, E(u.dunningCase.customer.name), 1))]),
-							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)]),
+							v("span", we, [b(a, { level: u.dunningCase.level }, null, 8, ["level"]), y(" " + E($(u.dunningCase.level)), 1)]),
 							b(ne, {
 								"blocked-reason": null,
 								status: G.value
@@ -202,7 +205,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 						]),
 						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), {
+					]), u.dunningCase.canSendReminder ? (C(), h(D(de), {
 						key: 0,
 						"icon-right": D(c),
 						"is-loading": G.value === "sending",
@@ -235,24 +238,24 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 								style: ue({ width: `${Vt(e.amount)}%` })
 							}, null, 6))), 128))])
 						]),
-						v("div", Pe, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), h(D(ge), {
-							key: t,
+						v("div", Pe, [(C(!0), _(p, null, T(Bt.value, (e) => (C(), h(D(ge), {
+							key: e.level,
 							"popover-side-offset": 8,
 							"popover-align": "start",
 							"popover-side": "top"
 						}, {
 							trigger: O(() => [v("button", {
-								"aria-label": Z(t, e),
+								"aria-label": Z(e.level, e.amount),
 								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", 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", Le, E(X(t)), 1)]), v("span", Re, E(D(j).formatMonetary(e)), 1)], 8, Fe)]),
+								"bg-quaternary": e.level === 0,
+								"bg-brand-500": e.level === 1,
+								"bg-error-solid": e.level === 3,
+								"bg-warning-solid": e.level === 2
+							}, "size-(--spacing-sm) shrink-0 rounded-full"]) }, null, 2), v("span", Le, E(X(e.level)), 1)]), v("span", Re, E(D(j).formatMonetary(e.amount)), 1)], 8, Fe)]),
 							content: O(() => [b(D(_e), { class: "max-w-80! text-sm!" }, {
-								default: O(() => [y(E(Z(t, e)), 1)]),
+								default: O(() => [y(E(Z(e.level, e.amount)), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -289,18 +292,18 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 							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("tbody", null, [(C(!0), _(p, null, T(U.value, (e) => (C(), _(p, { key: e.uuid }, [v("tr", { class: S([{ "opacity-60": e.isDisputed }, "border-b border-secondary"]) }, [
 							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", ct, [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", st, [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) => 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), {
+							}, [b(D(ee), { 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, ct)) : (C(), _("span", lt)), v("div", N, [b(D(ce), {
 								to: {
 									name: "invoicing-invoice-detail",
 									params: { invoiceUuid: e.uuid }
@@ -309,31 +312,37 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 							}, {
 								default: O(() => [y(E(e.sequence), 1)]),
 								_: 2
-							}, 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), {
+							}, 1032, ["to"]), e.subject === null ? g("", !0) : (C(), _("p", ut, E(e.subject), 1))])])], 2),
+							v("td", dt, [v("span", { class: S([e.isDisputed ? "text-secondary" : 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([!e.isDisputed && 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", ft, [e.isDisputed ? (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", ht, [b(a, {
+							}, null, 8, ["label"])) : R.value === "overdue" ? (C(), _("span", pt, [b(a, {
 								level: e.level,
 								size: "sm"
-							}, null, 8, ["level"]), y(" " + E(e.level), 1)])) : g("", !0)]),
-							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), {
+							}, null, 8, ["level"]), y(" " + E(e.level === 0 ? "–" : e.level), 1)])) : g("", !0)]),
+							v("td", mt, [v("div", ht, [e.isDisputed ? (C(), _("p", gt, E(D(d).t("module.dunning_case.detail.excluded")), 1)) : R.value === "outstanding" ? (C(), h(D(A), {
 								key: 1,
+								label: D(d).t("module.dunning_case.detail.not_yet_due"),
+								color: "gray",
+								size: "sm",
+								variant: "translucent"
+							}, null, 8, ["label"])) : (C(), h(D(A), {
+								key: 2,
 								label: D(d).t(`module.dunning_case.settlement_status.${e.settlementStatus}`),
 								color: Jt(e.settlementStatus),
 								size: "sm",
 								variant: "translucent"
 							}, null, 8, ["label", "color"]))])]),
-							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", {
+							v("td", _t, [v("p", vt, E(D(j).formatMonetary(e.balanceDueAmount)), 1), e.balanceDueAmount.amount === e.grossAmount.amount ? g("", !0) : (C(), _("p", yt, " /" + E(D(j).formatMonetary(e.grossAmount)), 1))])
+						], 2), 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", 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", {
+						}, [v("td", xt, [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", St, [v("div", Ct, [(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", {
@@ -346,12 +355,12 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { 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, 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", {
+						})), 1)]))), 128))])])], 2)])], 10, bt)) : g("", !0)], 64))), 128))])])) : (C(), _("div", wt, [v("span", Tt, [b(D(o), { class: "size-(--spacing-xl) text-primary" })]), v("p", Et, 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", Dt, [v("div", Ot, [v("span", null, E(D(d).t("module.dunning_case.detail.total_outstanding")), 1), v("span", kt, E(D(j).formatMonetary(q.value)), 1)]), v("div", At, [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", jt, E(D(j).formatMonetary(u.dunningCase.totalFee)), 1)])])) : g("", !0)
+					])]), v("aside", Mt, [v("h2", Nt, E(D(d).t("module.dunning_case.detail.activity")), 1), v("ol", Pt, [(C(!0), _(p, null, T(V.value, (e, t) => (C(), _("li", {
 						key: e.key,
 						class: "flex gap-md"
-					}, [v("div", It, [v("span", { class: S([{
+					}, [v("div", Ft, [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",
@@ -359,7 +368,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { 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(ee), {
+					})) : e.type === "payment" ? (C(), h(D(te), {
 						key: 1,
 						class: "size-(--spacing-lg) text-success-primary"
 					})) : e.type === "credit-note" ? (C(), h(D(s), {
@@ -371,7 +380,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { 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", 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))])])])
+					})) : g("", !0)], 2), t < V.value.length - 1 ? (C(), _("span", It)) : g("", !0)]), v("div", { class: S([{ "pb-xl": t < V.value.length - 1 }, "pt-xs"]) }, [v("p", Lt, E(Gt(e)), 1), v("p", Rt, E(Kt(e)), 1)], 2)]))), 128))])])])
 				])]),
 				_: 1
 			})]),