@wisemen/wise-invoicing-web 0.1.1 → 0.2.0

package/dist/{CreditNotePdfViewDataProvider-DI4eQkpM.js → CreditNotePdfViewDataProvider-bfeaya3P.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./DataProvider-Dj34ljUX.js";
-import { t } from "./InvoicePdfView-C-7m2g3b.js";
-import { t as n } from "./creditNoteDetail.query-BcPsB96h.js";
+import { t as e } from "./DataProvider-C3uEds9v.js";
+import { t } from "./InvoicePdfView-BJRTg_TH.js";
+import { t as n } from "./creditNoteDetail.query-DLR7L0Ep.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-BGbQwhON.js → CustomFieldValueText-CZQXGE5F.js}

@@ -1,14 +1,62 @@
-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 { J as e, t } from "./api.util-C_kMGlJN.js";
+import { l as n, v as r, y as i } from "./documentTitle.composable-DsBbzhXN.js";
 import { r as a } from "./useCurrencyFormat.composable-MtZaqKnO.js";
 import { n as o } from "./dist-boJIIxnT.js";
 import { useI18n as s } from "vue-i18n";
 import { computed as c, createBlock as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p } from "vue";
 import { useQuery as m } from "@wisemen/vue-core-api-utils";
 import { UIText as h } from "@wisemen/vue-core-design-system";
-//#region src/modules/invoice/models/invoice/invoiceStatus.util.ts
-var g = {
-	[n.CREDITED]: {
+//#region src/modules/custom-field/models/custom-field-definition/customFieldDefinition.transformer.ts
+var g = class {
+	static fromDto(e) {
+		return {
+			uuid: e.uuid,
+			isRequired: e.isRequired,
+			choices: e.choices?.map((e) => ({
+				label: e.label,
+				order: e.order,
+				value: e.value
+			})).toSorted((e, t) => e.order - t.order) ?? [],
+			description: e.description,
+			entityType: e.entityType,
+			key: e.key,
+			label: e.label,
+			rules: e.rules,
+			type: e.type
+		};
+	}
+}, _ = class {
+	static async getAll(n) {
+		return (await t.fromPromise(e({ query: n?.entityTypes === void 0 ? void 0 : { filter: { entityTypes: n.entityTypes } } }))).map((e) => e.data.map(g.fromDto));
+	}
+};
+//#endregion
+//#region src/modules/custom-field/api/queries/customFieldDefinitionIndex.query.ts
+function v(e) {
+	return m("customFieldDefinitionIndex", {
+		params: { queryParams: e },
+		queryFn: () => _.getAll(e?.value)
+	});
+}
+//#endregion
+//#region src/modules/custom-field/models/custom-field-definition/customFieldDefinition.util.ts
+var y = class {
+	static filterByEntityType(e, t) {
+		return e.filter((e) => e.entityType === t);
+	}
+	static getChoiceLabel(e, t, n) {
+		let r = e.choices.find((e) => e.value === t);
+		return r === void 0 ? t : this.getLocalizedValue(r.label, n) || t;
+	}
+	static getLabel(e, t) {
+		return this.getLocalizedValue(e.label, t) || e.key;
+	}
+	static getLocalizedValue(e, t) {
+		let n = t.toLowerCase(), r = n.split("-")[0], i = e.items.find((e) => e.locale.toLowerCase() === n), a = e.items.find((e) => e.locale.toLowerCase().split("-")[0] === r);
+		return i?.value ?? a?.value ?? e.items[0]?.value ?? "";
+	}
+}, b = {
+	[i.CREDITED]: {
 		isEditable: !1,
 		isRefreshable: !1,
 		isTerminal: !0,
@@ -16,7 +64,7 @@ var g = {
 		tone: "success",
 		translationKey: "wise_invoicing.invoice.status.credited"
 	},
-	[n.DRAFT]: {
+	[i.DRAFT]: {
 		isEditable: !0,
 		isRefreshable: !1,
 		isTerminal: !1,
@@ -24,7 +72,7 @@ var g = {
 		tone: "gray",
 		translationKey: "wise_invoicing.invoice.status.draft"
 	},
-	[n.FINALIZED]: {
+	[i.FINALIZED]: {
 		isEditable: !1,
 		isRefreshable: !0,
 		isTerminal: !1,
@@ -32,7 +80,7 @@ var g = {
 		tone: "brand",
 		translationKey: "wise_invoicing.invoice.status.finalized"
 	},
-	[n.OVERDUE]: {
+	[i.OVERDUE]: {
 		isEditable: !1,
 		isRefreshable: !0,
 		isTerminal: !1,
@@ -44,7 +92,7 @@ var g = {
 		tone: "error",
 		translationKey: "wise_invoicing.invoice.status.overdue"
 	},
-	[n.OVERPAID]: {
+	[i.OVERPAID]: {
 		isEditable: !1,
 		isRefreshable: !1,
 		isTerminal: !0,
@@ -52,7 +100,7 @@ var g = {
 		tone: "warning",
 		translationKey: "wise_invoicing.invoice.status.overpaid"
 	},
-	[n.PAID]: {
+	[i.PAID]: {
 		isEditable: !1,
 		isRefreshable: !1,
 		isTerminal: !0,
@@ -60,7 +108,7 @@ var g = {
 		tone: "success",
 		translationKey: "wise_invoicing.invoice.status.paid"
 	},
-	[n.PROTESTED]: {
+	[i.PROTESTED]: {
 		isEditable: !1,
 		isRefreshable: !0,
 		isTerminal: !1,
@@ -72,7 +120,7 @@ var g = {
 		tone: "warning",
 		translationKey: "wise_invoicing.invoice.status.protested"
 	},
-	[n.READY]: {
+	[i.READY]: {
 		isEditable: !0,
 		isRefreshable: !1,
 		isTerminal: !1,
@@ -80,7 +128,7 @@ var g = {
 		tone: "blue",
 		translationKey: "wise_invoicing.invoice.status.ready"
 	},
-	[n.SENT]: {
+	[i.SENT]: {
 		isEditable: !1,
 		isRefreshable: !0,
 		isTerminal: !1,
@@ -92,67 +140,19 @@ var g = {
 		tone: "purple",
 		translationKey: "wise_invoicing.invoice.status.sent"
 	}
-}, _ = {
-	[r.DRAFT]: g[n.DRAFT],
-	[r.FINALIZED]: g[n.FINALIZED],
-	[r.READY]: g[n.READY]
-}, v = class {
+}, x = {
+	[r.DRAFT]: b[i.DRAFT],
+	[r.FINALIZED]: b[i.FINALIZED],
+	[r.READY]: b[i.READY]
+}, S = class {
 	static getLifecycleMetadata(e) {
-		return _[e];
+		return x[e];
 	}
 	static getMetadata(e) {
-		return g[e];
+		return b[e];
 	}
 	static isEditable(e) {
-		return g[e].isEditable;
-	}
-}, y = class {
-	static fromDto(e) {
-		return {
-			uuid: e.uuid,
-			isRequired: e.isRequired,
-			choices: e.choices?.map((e) => ({
-				label: e.label,
-				order: e.order,
-				value: e.value
-			})).toSorted((e, t) => e.order - t.order) ?? [],
-			description: e.description,
-			entityType: e.entityType,
-			key: e.key,
-			label: e.label,
-			rules: e.rules,
-			type: e.type
-		};
-	}
-}, b = class {
-	static async getAll(n) {
-		return (await t.fromPromise(e({ query: n?.entityTypes === void 0 ? void 0 : { filter: { entityTypes: n.entityTypes } } }))).map((e) => e.data.map(y.fromDto));
-	}
-};
-//#endregion
-//#region src/modules/custom-field/api/queries/customFieldDefinitionIndex.query.ts
-function x(e) {
-	return m("customFieldDefinitionIndex", {
-		params: { queryParams: e },
-		queryFn: () => b.getAll(e?.value)
-	});
-}
-//#endregion
-//#region src/modules/custom-field/models/custom-field-definition/customFieldDefinition.util.ts
-var S = class {
-	static filterByEntityType(e, t) {
-		return e.filter((e) => e.entityType === t);
-	}
-	static getChoiceLabel(e, t, n) {
-		let r = e.choices.find((e) => e.value === t);
-		return r === void 0 ? t : this.getLocalizedValue(r.label, n) || t;
-	}
-	static getLabel(e, t) {
-		return this.getLocalizedValue(e.label, t) || e.key;
-	}
-	static getLocalizedValue(e, t) {
-		let n = t.toLowerCase(), r = n.split("-")[0], i = e.items.find((e) => e.locale.toLowerCase() === n), a = e.items.find((e) => e.locale.toLowerCase().split("-")[0] === r);
-		return i?.value ?? a?.value ?? e.items[0]?.value ?? "";
+		return b[e].isEditable;
 	}
 }, C = /* @__PURE__ */ u({
 	__name: "CustomFieldValueText",
@@ -162,22 +162,22 @@ var S = class {
 		value: {}
 	},
 	setup(e) {
-		let t = e, n = s(), r = a(), u = o(), m = c(() => {
+		let t = e, r = s(), i = a(), u = o(), m = c(() => {
 			switch (t.value.type) {
-				case i.BOOLEAN: return t.value.value ? n.t("wise_invoicing.common.yes") : n.t("wise_invoicing.common.no");
-				case i.DATE: return t.value.value === "infinity" ? n.t("wise_invoicing.custom_field.date.infinity") : t.value.value === "-infinity" ? n.t("wise_invoicing.custom_field.date.negative_infinity") : u.formatPlainDate(t.value.value);
-				case i.MONETARY: return r.formatMonetary(t.value.value);
-				case i.MULTI_SELECT: return t.value.value.map((e) => _(e)).join(", ");
-				case i.NUMBER: return new Intl.NumberFormat(n.locale.value, { maximumFractionDigits: 20 }).format(t.value.value);
-				case i.SINGLE_SELECT: return _(t.value.value);
-				case i.TEXT: return t.value.value;
-				case i.TEXT_ARRAY: return t.value.value.join(", ");
-				case i.TIMESTAMP: return u.toDateTime(t.value.value);
+				case n.BOOLEAN: return t.value.value ? r.t("wise_invoicing.common.yes") : r.t("wise_invoicing.common.no");
+				case n.DATE: return t.value.value === "infinity" ? r.t("wise_invoicing.custom_field.date.infinity") : t.value.value === "-infinity" ? r.t("wise_invoicing.custom_field.date.negative_infinity") : u.formatPlainDate(t.value.value);
+				case n.MONETARY: return i.formatMonetary(t.value.value);
+				case n.MULTI_SELECT: return t.value.value.map((e) => _(e)).join(", ");
+				case n.NUMBER: return new Intl.NumberFormat(r.locale.value, { maximumFractionDigits: 20 }).format(t.value.value);
+				case n.SINGLE_SELECT: return _(t.value.value);
+				case n.TEXT: return t.value.value;
+				case n.TEXT_ARRAY: return t.value.value.join(", ");
+				case n.TIMESTAMP: return u.toDateTime(t.value.value);
 				default: throw TypeError("Unsupported custom field value type");
 			}
 		}), g = c(() => t.size === "md" ? "min-w-0 text-sm/5 text-primary" : "min-w-0 text-xs text-primary");
 		function _(e) {
-			return t.definition === void 0 ? e : S.getChoiceLabel(t.definition, e, n.locale.value);
+			return t.definition === void 0 ? e : y.getChoiceLabel(t.definition, e, r.locale.value);
 		}
 		return (e, t) => (f(), l(p(h), {
 			text: m.value || "-",
@@ -186,4 +186,4 @@ var S = class {
 	}
 });
 //#endregion
-export { v as i, S as n, x as r, C as t };
+export { v as i, S as n, y as r, C as t };

package/dist/DataProvider-C3uEds9v.js

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

package/dist/{DunningCaseDetailViewDataProvider-DKuuysqS.js → DunningCaseDetailViewDataProvider-DC-ziMoO.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import "./api.util-BCSgCfpS.js";
-import { b as t, t as n } from "./documentTitle.composable-4ApFl9TZ.js";
+import "./api.util-C_kMGlJN.js";
+import { t, w as n } from "./documentTitle.composable-DsBbzhXN.js";
 import { r } from "./useCurrencyFormat.composable-MtZaqKnO.js";
-import { n as i } from "./invoicingConfig.composable-DTmad1fe.js";
-import { n as a } from "./reminderConfig.query-DsJNqqi7.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-DyvA5R1p.js";
+import { n as i } from "./invoicingConfig.composable-rxjGK882.js";
+import { n as a } from "./reminderConfig.query-snaHQmrY.js";
+import { S as o, W as ee, Y as s, at as c, ct as l, et as te } from "./dist-Cxdm09Lp.js";
+import { a as u, i as ne, n as re, r as ie, t as ae } from "./DunningCaseSendDialog-BPXcqit5.js";
 import { n as oe } from "./dist-boJIIxnT.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 { t as d } from "./DataProvider-C3uEds9v.js";
 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 ue, 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 se, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as D, withCtx as O } from "vue";
+import { RouterLink as ce, useRouter as le } from "vue-router";
 import { Temporal as k } from "temporal-polyfill";
-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";
+import { UIBadge as A, UIButton as ue, UIDashboardPage as de, UIDashboardPageContent as fe, UIDashboardPageLoadingState as j, UITabs as pe, UITabsItem as M, UITabsList as me, UITooltip as he, UITooltipContent as ge, useOverlay as _e } from "@wisemen/vue-core-design-system";
+import { useViewModels as ve } from "@wisemen/vue-core-actions";
 //#region src/modules/dunning-case/use-cases/detail/views/DunningCaseDetailView.vue?vue&type=script&setup=true&lang.ts
 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,
@@ -62,12 +62,12 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 	__name: "DunningCaseDetailView",
 	props: { dunningCase: {} },
 	setup(e) {
-		let u = e, d = f(), x = ve(), j = r(), P = oe(), F = n(), I = i(), L = le(), R = w("overdue");
+		let u = e, d = f(), x = _e(), 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), se(m(() => [{
+		F.set(() => u.dunningCase.customer.name), ve(m(() => [{
 			key: u.dunningCase.uuid,
 			modelName: "DunningCase",
 			...u.dunningCase
@@ -154,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 n = Wt(e);
-			return e.type === "payment" && e.settlementStatus === t.PARTIALLY_PAID ? d.t("module.dunning_case.detail.payment_partially_paid", { date: n }) : n;
+			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;
@@ -169,12 +169,12 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 		}
 		function Jt(e) {
 			switch (e) {
-				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";
+				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";
 			}
 		}
 		function Yt() {
@@ -183,11 +183,11 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 		function Xt(e) {
 			B.value = B.value === e ? null : e;
 		}
-		return (e, t) => (C(), h(D(fe), {
+		return (e, t) => (C(), h(D(de), {
 			breadcrumbs: Ht.value,
 			title: u.dunningCase.customer.name
 		}, {
-			default: O(() => [b(D(pe), null, {
+			default: O(() => [b(D(fe), null, {
 				default: O(() => [v("div", ye, [
 					v("div", be, [v("div", null, [
 						v("div", xe, [
@@ -205,9 +205,9 @@ 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.canSendReminder ? (C(), h(D(de), {
+					]), u.dunningCase.canSendReminder ? (C(), h(D(ue), {
 						key: 0,
-						"icon-right": D(c),
+						"icon-right": D(l),
 						"is-loading": G.value === "sending",
 						label: D(d).t("module.dunning_case.detail.send"),
 						class: "w-fit self-start lg:ml-auto",
@@ -235,10 +235,10 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 									"bg-error-solid": t === 3,
 									"bg-warning-solid": t === 2
 								}, "h-full"]),
-								style: ue({ width: `${Vt(e.amount)}%` })
+								style: se({ width: `${Vt(e.amount)}%` })
 							}, null, 6))), 128))])
 						]),
-						v("div", Pe, [(C(!0), _(p, null, T(Bt.value, (e) => (C(), h(D(ge), {
+						v("div", Pe, [(C(!0), _(p, null, T(Bt.value, (e) => (C(), h(D(he), {
 							key: e.level,
 							"popover-side-offset": 8,
 							"popover-align": "start",
@@ -254,13 +254,13 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 								"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!" }, {
+							content: O(() => [b(D(ge), { class: "max-w-80! text-sm!" }, {
 								default: O(() => [y(E(Z(e.level, e.amount)), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
 						}, 1024))), 128))]),
-						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", ze, [v("span", Be, [b(D(o), { 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),
@@ -268,13 +268,13 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 						])])
 					]),
 					v("div", Ye, [v("main", Xe, [v("div", Ze, [
-						v("div", Qe, [b(D(me), {
+						v("div", Qe, [b(D(pe), {
 							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(he), null, {
+							default: O(() => [b(D(me), null, {
 								default: O(() => [b(D(M), {
 									label: D(d).t("module.dunning_case.detail.overdue_invoices"),
 									value: "overdue"
@@ -355,7 +355,7 @@ 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, 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)]))]),
+						})), 1)]))), 128))])])], 2)])], 10, bt)) : g("", !0)], 64))), 128))])])) : (C(), _("div", wt, [v("span", Tt, [b(D(c), { 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,
@@ -365,7 +365,7 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 						"bg-error-secondary": e.type === "reminder-due",
 						"bg-success-secondary": e.type === "payment" || e.type === "case-closed",
 						"bg-tertiary": e.type === "credit-note"
-					}, "flex size-(--spacing-3xl) shrink-0 items-center justify-center rounded-full"]) }, [e.type === "reminder-due" ? (C(), h(D(l), {
+					}, "flex size-(--spacing-3xl) shrink-0 items-center justify-center rounded-full"]) }, [e.type === "reminder-due" ? (C(), h(D(o), {
 						key: 0,
 						class: "size-(--spacing-lg) text-error-primary"
 					})) : e.type === "payment" ? (C(), h(D(te), {
@@ -374,10 +374,10 @@ var ye = { class: "flex flex-col gap-4xl" }, be = { class: "flex flex-col gap-lg
 					})) : e.type === "credit-note" ? (C(), h(D(s), {
 						key: 2,
 						class: "size-(--spacing-lg) text-secondary"
-					})) : e.type === "reminder-sent" ? (C(), h(D(c), {
+					})) : e.type === "reminder-sent" ? (C(), h(D(l), {
 						key: 3,
 						class: "size-(--spacing-lg) text-brand-tertiary"
-					})) : e.type === "case-closed" ? (C(), h(D(o), {
+					})) : e.type === "case-closed" ? (C(), h(D(c), {
 						key: 4,
 						class: "size-(--spacing-lg) text-success-primary"
 					})) : 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))])])])