@wisemen/wise-invoicing-web 0.1.1 → 0.3.0

package/dist/DunningCaseDetailViewDataProvider-CW8ijY3H.js

@@ -0,0 +1,439 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import "./api.util-CkIRZS3h.js";
+import { T as t, t as n } from "./documentTitle.composable-CRJjS6p-.js";
+import { r } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { n as i } from "./invoicingConfig.composable-COn1rKRf.js";
+import { n as a } from "./reminderConfig.query-DSO0ekC_.js";
+import { K as ee, Z as o, ct as s, dt as c, nt as te, w as l } from "./dist-BD7Allff.js";
+import { a as u, i as ne, n as re, o as d, r as ie, t as ae } from "./DunningCaseSendDialog-BYFXJYMM.js";
+import { n as f } from "./customerUuid.model-ClN4Vi9n.js";
+import { n as oe } from "./dist-boJIIxnT.js";
+import { t as p } from "./DataProvider-C3uEds9v.js";
+import { useI18n as m } from "vue-i18n";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, normalizeClass as w, normalizeStyle as se, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as k, withCtx as A } from "vue";
+import { RouterLink as ce, useRouter as le } from "vue-router";
+import { Temporal as j } from "temporal-polyfill";
+import { UIBadge as M, UIButton as N, UIDashboardPage as ue, UIDashboardPageContent as de, UIDashboardPageLoadingState as P, UITabs as fe, UITabsItem as F, UITabsList as pe, UITooltip as me, UITooltipContent as he, useOverlay as ge, useToast 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,
+	class: "mt-xs text-xs text-secondary"
+}, 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"
+}, 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"
+}, 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: "flex items-start gap-md" }, ct = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], lt = {
+	key: 1,
+	class: "size-(--spacing-xl) shrink-0"
+}, ut = { class: "min-w-0" }, dt = {
+	key: 0,
+	class: "mt-xxs truncate text-xs text-secondary"
+}, ft = { class: "px-xl py-md font-mono text-xs" }, pt = { class: "px-xl py-md" }, mt = {
+	key: 1,
+	class: "flex items-center gap-xs text-xs text-primary"
+}, ht = { class: "px-xl py-md" }, gt = { class: "flex flex-col items-start gap-xs" }, _t = {
+	key: 0,
+	class: "text-xs text-secondary"
+}, vt = { class: "px-xl py-md text-right font-mono text-xs text-secondary tabular-nums" }, yt = { class: "font-medium" }, bt = {
+	key: 0,
+	class: "mt-xxs text-tertiary"
+}, xt = ["aria-hidden"], St = {
+	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 = {
+	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 = {
+	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 = {
+	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" }, I = /* @__PURE__ */ C({
+	__name: "DunningCaseDetailView",
+	props: { dunningCase: {} },
+	setup(e) {
+		let d = e, f = m(), p = ge(), C = _e(), P = r(), I = oe(), Bt = n(), L = i(), R = le(), z = ie(), B = E("overdue");
+		function V(e) {
+			return e.payments.length > 0 || e.creditNotes.length > 0;
+		}
+		let H = E(d.dunningCase.invoices.find(V)?.uuid ?? null);
+		Bt.set(() => d.dunningCase.customer.name), ve(g(() => [{
+			key: d.dunningCase.uuid,
+			modelName: "DunningCase",
+			...d.dunningCase
+		}]));
+		let U = g(() => {
+			let e = d.dunningCase.invoices.flatMap((e) => [...e.payments.map((t) => ({
+				sortDate: t.date.toString(),
+				amount: t.amount,
+				date: t.date,
+				invoiceSequence: e.sequence,
+				key: t.uuid,
+				settlementStatus: e.settlementStatus,
+				type: "payment"
+			})), ...e.creditNotes.map((e) => ({
+				sortDate: e.finalizedOn.toString(),
+				amount: e.grossAmount,
+				date: e.finalizedOn,
+				key: e.uuid,
+				sequence: e.sequence,
+				type: "credit-note"
+			}))]);
+			return d.dunningCase.nextReminderOn !== null && j.PlainDate.compare(d.dunningCase.nextReminderOn, j.Now.plainDateISO()) <= 0 && e.push({
+				sortDate: j.Now.plainDateISO().toString(),
+				date: d.dunningCase.nextReminderOn,
+				key: `due-${d.dunningCase.nextReminderOn.toString()}`,
+				type: "reminder-due"
+			}), d.dunningCase.lastReminderSentAt !== null && e.push({
+				sortDate: d.dunningCase.lastReminderSentAt.toString(),
+				date: d.dunningCase.lastReminderSentAt,
+				key: `reminder-${d.dunningCase.lastReminderSentAt.toString()}`,
+				type: "reminder-sent"
+			}), d.dunningCase.closedAt !== null && e.push({
+				sortDate: d.dunningCase.closedAt.toString(),
+				date: d.dunningCase.closedAt,
+				key: `closed-${d.dunningCase.closedAt.toString()}`,
+				type: "case-closed"
+			}), e.toSorted((e, t) => t.sortDate.localeCompare(e.sortDate));
+		}), W = g(() => d.dunningCase.invoices.filter((e) => j.PlainDate.compare(e.dueOn, j.Now.plainDateISO()) < 0).toSorted((e, t) => j.PlainDate.compare(e.dueOn, t.dueOn))), Vt = g(() => d.dunningCase.invoices.filter((e) => j.PlainDate.compare(e.dueOn, j.Now.plainDateISO()) >= 0).toSorted((e, t) => j.PlainDate.compare(e.dueOn, t.dueOn))), G = g(() => B.value === "overdue" ? W.value : Vt.value), K = g(() => d.dunningCase.invoices.filter((e) => e.isDisputed).length), q = g(() => u(d.dunningCase.latestCreatedReminder)), J = g(() => W.value.filter((e) => !e.isDisputed)), Y = g(() => J.value.reduce((e, t) => ({
+			...e,
+			amount: e.amount + t.balanceDueAmount.amount
+		}), {
+			...d.dunningCase.outstandingBalance,
+			amount: 0
+		})), X = g(() => ne(J.value, d.dunningCase.outstandingBalance)), Ht = g(() => X.value.map((e, t) => ({
+			amount: e,
+			level: t
+		})));
+		function Ut(e) {
+			return Y.value.amount === 0 ? 0 : e / Y.value.amount * 100;
+		}
+		let Z = g(() => L.getCustomerDetailRoute(d.dunningCase.customer.uuid)), Wt = g(() => [{
+			label: f.t("module.dunning_case.title"),
+			to: { name: "dunning-case-overview" }
+		}, { label: d.dunningCase.customer.name }]);
+		function Gt() {
+			Z.value !== null && R.push(Z.value);
+		}
+		function Q(e) {
+			return e === 0 ? f.t("module.dunning_case.detail.overdue") : Zt(e);
+		}
+		function Kt(e, t) {
+			return f.t("module.dunning_case.detail.outstanding_split_tooltip", {
+				amount: P.formatMonetary(t),
+				label: Q(e)
+			});
+		}
+		function qt(e) {
+			return e.type === "credit-note" || e.type === "payment" || e.type === "reminder-due" ? I.formatPlainDate(e.date) : I.toDateTime(e.date);
+		}
+		function Jt(e) {
+			switch (e.type) {
+				case "case-closed": return f.t("module.dunning_case.detail.case_closed");
+				case "credit-note": return f.t("module.dunning_case.detail.credit_note_activity", {
+					amount: P.formatMonetary(e.amount),
+					sequence: e.sequence
+				});
+				case "payment": return f.t("module.dunning_case.detail.payment_activity", {
+					amount: P.formatMonetary(e.amount),
+					invoice: e.invoiceSequence
+				});
+				case "reminder-due": return f.t("module.dunning_case.detail.reminder_due", { level: d.dunningCase.level });
+				case "reminder-sent": return f.t("module.dunning_case.detail.reminder_sent");
+			}
+		}
+		function Yt(e) {
+			if (e.type === "reminder-due") return f.t("module.dunning_case.detail.today");
+			let n = qt(e);
+			return e.type === "payment" && e.settlementStatus === t.PARTIALLY_PAID ? f.t("module.dunning_case.detail.payment_partially_paid", { date: n }) : n;
+		}
+		function $(e) {
+			return e.dueOn.until(j.Now.plainDateISO(), { largestUnit: "days" }).days;
+		}
+		function Xt(e) {
+			let t = $(e);
+			return t > 0 ? f.t("module.dunning_case.detail.days_ago", { count: t }) : t === 0 ? f.t("module.dunning_case.overview.due_today") : f.t("module.dunning_case.overview.due_in_days", { count: Math.abs(t) });
+		}
+		function Zt(e) {
+			return e === 0 ? f.t("module.dunning_case.level.none") : f.t("module.dunning_case.level.reminder", { level: e });
+		}
+		function Qt(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";
+			}
+		}
+		function $t() {
+			p.create(ae, { props: { dunningCaseUuid: d.dunningCase.uuid } }).open();
+		}
+		async function en() {
+			if (d.dunningCase.latestCreatedReminder === null) return;
+			let e = await z.execute({ params: { dunningCaseReminderUuid: d.dunningCase.latestCreatedReminder.uuid } });
+			if (e.isErr()) {
+				C.apiError(e.error);
+				return;
+			}
+			C.show({
+				duration: Infinity,
+				message: f.t("module.dunning_case.retry.success", { customer: d.dunningCase.customer.name })
+			});
+		}
+		function tn(e) {
+			H.value = H.value === e ? null : e;
+		}
+		return (e, t) => (T(), _(k(ue), {
+			breadcrumbs: Wt.value,
+			title: d.dunningCase.customer.name
+		}, {
+			default: A(() => [S(k(de), null, {
+				default: A(() => [b("div", ye, [
+					b("div", be, [b("div", null, [
+						b("div", xe, [
+							b("h2", Se, [Z.value === null ? (T(), y("span", Ce, O(d.dunningCase.customer.name), 1)) : (T(), y("button", {
+								key: 0,
+								class: "hover:underline",
+								type: "button",
+								onClick: Gt
+							}, O(d.dunningCase.customer.name), 1))]),
+							b("span", we, [S(a, { level: d.dunningCase.level }, null, 8, ["level"]), x(" " + O(Zt(d.dunningCase.level)), 1)]),
+							S(re, {
+								"blocked-reason": null,
+								status: q.value
+							}, null, 8, ["status"])
+						]),
+						d.dunningCase.customer.vatNumber || d.dunningCase.customer.email ? (T(), y("p", Te, O([d.dunningCase.customer.vatNumber, d.dunningCase.customer.email].filter(Boolean).join(" · ")), 1)) : v("", !0),
+						b("p", Ee, O(k(f).t("module.dunning_case.detail.last_synced", { date: k(I).toDateTime(d.dunningCase.updatedAt) })), 1)
+					]), d.dunningCase.canSendReminder || q.value === "sending" ? (T(), _(k(N), {
+						key: 0,
+						"icon-right": k(c),
+						"is-loading": q.value === "sending",
+						label: k(f).t("module.dunning_case.detail.send"),
+						class: "w-fit self-start lg:ml-auto",
+						size: "sm",
+						onClick: $t
+					}, null, 8, [
+						"icon-right",
+						"is-loading",
+						"label"
+					])) : d.dunningCase.canRetryReminder ? (T(), _(k(N), {
+						key: 1,
+						"icon-right": k(c),
+						"is-loading": k(z).result.value.isLoading(),
+						label: k(f).t("module.dunning_case.detail.retry"),
+						class: "w-fit self-start lg:ml-auto",
+						size: "sm",
+						onClick: en
+					}, null, 8, [
+						"icon-right",
+						"is-loading",
+						"label"
+					])) : v("", !0)]),
+					b("div", De, [
+						b("div", Oe, [
+							b("p", ke, O(k(f).t("module.dunning_case.detail.outstanding")), 1),
+							b("p", Ae, O(k(P).formatMonetary(d.dunningCase.outstandingBalance)), 1),
+							b("p", je, O(k(f).t("module.dunning_case.detail.collected_summary", {
+								billed: k(P).formatMonetary(d.dunningCase.totalInvoiced),
+								collected: k(P).formatMonetary(d.dunningCase.totalPaid)
+							})), 1),
+							d.dunningCase.totalCredited.amount > 0 ? (T(), y("p", Me, O(k(f).t("module.dunning_case.detail.credited_summary", { credited: k(P).formatMonetary(d.dunningCase.totalCredited) })), 1)) : v("", !0),
+							b("div", Ne, [(T(!0), y(h, null, D(X.value, (e, t) => (T(), y("span", {
+								key: t,
+								class: w([{
+									"bg-quaternary": t === 0,
+									"bg-brand-500": t === 1,
+									"bg-error-solid": t === 3,
+									"bg-warning-solid": t === 2
+								}, "h-full"]),
+								style: se({ width: `${Ut(e.amount)}%` })
+							}, null, 6))), 128))])
+						]),
+						b("div", Pe, [(T(!0), y(h, null, D(Ht.value, (e) => (T(), _(k(me), {
+							key: e.level,
+							"popover-side-offset": 8,
+							"popover-align": "start",
+							"popover-side": "top"
+						}, {
+							trigger: A(() => [b("button", {
+								"aria-label": Kt(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"
+							}, [b("span", Ie, [b("span", { class: w([{
+								"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), b("span", Le, O(Q(e.level)), 1)]), b("span", Re, O(k(P).formatMonetary(e.amount)), 1)], 8, Fe)]),
+							content: A(() => [S(k(he), { class: "max-w-80! text-sm!" }, {
+								default: A(() => [x(O(Kt(e.level, e.amount)), 1)]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024))), 128))]),
+						b("div", ze, [b("span", Be, [S(k(l), { class: "size-(--spacing-xl) text-brand-700" })]), b("div", Ve, [b("p", He, O(k(f).t("module.dunning_case.detail.next_reminder")), 1), b("p", Ue, O(d.dunningCase.nextReminderOn === null ? k(f).t("module.dunning_case.overview.not_scheduled") : k(I).formatPlainDate(d.dunningCase.nextReminderOn)), 1)])]),
+						b("div", We, [b("span", Ge, [S(k(o), { class: "size-(--spacing-xl) text-brand-700" })]), b("div", null, [
+							b("p", Ke, O(k(f).t("module.dunning_case.detail.invoices")), 1),
+							b("p", qe, O(d.dunningCase.invoices.length), 1),
+							K.value > 0 ? (T(), y("p", Je, O(k(f).t("module.dunning_case.detail.protested_count", { count: K.value })), 1)) : v("", !0)
+						])])
+					]),
+					b("div", Ye, [b("main", Xe, [b("div", Ze, [
+						b("div", Qe, [S(k(fe), {
+							modelValue: B.value,
+							"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
+							"aria-label": k(f).t("module.dunning_case.detail.invoice_tabs"),
+							variant: "underline"
+						}, {
+							default: A(() => [S(k(pe), null, {
+								default: A(() => [S(k(F), {
+									label: k(f).t("module.dunning_case.detail.overdue_invoices"),
+									value: "overdue"
+								}, null, 8, ["label"]), S(k(F), {
+									label: k(f).t("module.dunning_case.detail.outstanding_invoices"),
+									value: "outstanding"
+								}, null, 8, ["label"])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "aria-label"])]),
+						b("div", $e, [G.value.length > 0 ? (T(), y("table", et, [b("thead", null, [b("tr", tt, [
+							b("th", nt, O(k(f).t("module.dunning_case.detail.table.invoice")), 1),
+							b("th", rt, O(k(f).t("module.dunning_case.detail.table.due_date")), 1),
+							b("th", it, O(k(f).t("module.dunning_case.detail.table.level")), 1),
+							b("th", at, O(k(f).t("module.dunning_case.detail.table.status")), 1),
+							b("th", ot, O(k(f).t("module.dunning_case.detail.table.remaining")), 1)
+						])]), b("tbody", null, [(T(!0), y(h, null, D(G.value, (e) => (T(), y(h, { key: e.uuid }, [b("tr", { class: w([{ "opacity-60": e.isDisputed }, "border-b border-secondary"]) }, [
+							b("td", { class: w([{
+								"before:opacity-0": H.value !== e.uuid,
+								"before:opacity-100": H.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"]) }, [b("div", st, [V(e) ? (T(), y("button", {
+								key: 0,
+								"aria-expanded": H.value === e.uuid,
+								"aria-label": k(f).t(H.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) => tn(e.uuid)
+							}, [S(k(ee), { class: w([{ "rotate-180": H.value === e.uuid }, "size-(--spacing-xl) transition-transform duration-200 ease-out motion-reduce:transition-none"]) }, null, 8, ["class"])], 8, ct)) : (T(), y("span", lt)), b("div", ut, [S(k(ce), {
+								to: {
+									name: "invoicing-invoice-detail",
+									params: { invoiceUuid: e.uuid }
+								},
+								class: "font-mono text-xs font-medium text-primary hover:underline"
+							}, {
+								default: A(() => [x(O(e.sequence), 1)]),
+								_: 2
+							}, 1032, ["to"]), e.subject === null ? v("", !0) : (T(), y("p", dt, O(e.subject), 1))])])], 2),
+							b("td", ft, [b("span", { class: w([e.isDisputed ? "text-secondary" : $(e) > 0 ? "text-error-primary" : "text-primary", "inline-flex items-center gap-xs whitespace-nowrap"]) }, [x(O(k(I).formatPlainDate(e.dueOn)) + " ", 1), b("span", { class: w([!e.isDisputed && $(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"]) }, O(Xt(e)), 3)], 2)]),
+							b("td", pt, [e.isDisputed ? (T(), _(k(M), {
+								key: 0,
+								label: k(f).t("module.dunning_case.detail.protested"),
+								color: "error",
+								size: "sm",
+								variant: "translucent"
+							}, null, 8, ["label"])) : B.value === "overdue" ? (T(), y("span", mt, [S(a, {
+								level: e.level,
+								size: "sm"
+							}, null, 8, ["level"]), x(" " + O(e.level === 0 ? "–" : e.level), 1)])) : v("", !0)]),
+							b("td", ht, [b("div", gt, [e.isDisputed ? (T(), y("p", _t, O(k(f).t("module.dunning_case.detail.excluded")), 1)) : B.value === "outstanding" ? (T(), _(k(M), {
+								key: 1,
+								label: k(f).t("module.dunning_case.detail.not_yet_due"),
+								color: "gray",
+								size: "sm",
+								variant: "translucent"
+							}, null, 8, ["label"])) : (T(), _(k(M), {
+								key: 2,
+								label: k(f).t(`module.dunning_case.settlement_status.${e.settlementStatus}`),
+								color: Qt(e.settlementStatus),
+								size: "sm",
+								variant: "translucent"
+							}, null, 8, ["label", "color"]))])]),
+							b("td", vt, [b("p", yt, O(k(P).formatMonetary(e.balanceDueAmount)), 1), e.balanceDueAmount.amount === e.grossAmount.amount ? v("", !0) : (T(), y("p", bt, " /" + O(k(P).formatMonetary(e.grossAmount)), 1))])
+						], 2), V(e) ? (T(), y("tr", {
+							key: `${e.uuid}-updates`,
+							class: w({ "border-b border-secondary": H.value === e.uuid }),
+							"aria-hidden": H.value !== e.uuid
+						}, [b("td", St, [b("div", { class: w([H.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"]) }, [b("div", Ct, [b("div", wt, [(T(!0), y(h, null, D(e.payments, (e) => (T(), y("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] ||= b("span", { class: "size-(--spacing-sm) shrink-0 rounded-full bg-success-solid" }, null, -1), x(" " + O(k(f).t("module.dunning_case.detail.payment_line", {
+							amount: k(P).formatMonetary(e.amount),
+							date: k(I).formatPlainDate(e.date)
+						})), 1)]))), 128)), (T(!0), y(h, null, D(e.creditNotes, (e) => (T(), y("span", {
+							key: e.uuid,
+							class: "inline-flex items-center gap-sm rounded-sm bg-secondary px-md py-sm text-secondary"
+						}, [t[2] ||= b("span", { class: "size-(--spacing-sm) shrink-0 rounded-full bg-quaternary" }, null, -1), x(" " + O(k(f).t("module.dunning_case.detail.credit_note_line", {
+							amount: k(P).formatMonetary(e.grossAmount),
+							date: k(I).formatPlainDate(e.finalizedOn),
+							sequence: e.sequence
+						})), 1)]))), 128))])])], 2)])], 10, xt)) : v("", !0)], 64))), 128))])])) : (T(), y("div", Tt, [b("span", Et, [S(k(s), { class: "size-(--spacing-xl) text-primary" })]), b("p", Dt, O(k(f).t(B.value === "overdue" ? "module.dunning_case.detail.empty_overdue" : "module.dunning_case.detail.empty_outstanding")), 1)]))]),
+						B.value === "overdue" ? (T(), y("div", Ot, [b("div", kt, [b("span", null, O(k(f).t("module.dunning_case.detail.total_outstanding")), 1), b("span", At, O(k(P).formatMonetary(Y.value)), 1)]), b("div", jt, [b("span", null, O(d.dunningCase.level === 0 ? k(f).t("module.dunning_case.detail.reminder_fee") : k(f).t("module.dunning_case.detail.fee", { level: d.dunningCase.level })), 1), b("span", Mt, O(k(P).formatMonetary(d.dunningCase.totalFee)), 1)])])) : v("", !0)
+					])]), b("aside", Nt, [b("h2", Pt, O(k(f).t("module.dunning_case.detail.activity")), 1), b("ol", Ft, [(T(!0), y(h, null, D(U.value, (e, t) => (T(), y("li", {
+						key: e.key,
+						class: "flex gap-md"
+					}, [b("div", It, [b("span", { class: w([{
+						"bg-brand-100": e.type === "reminder-sent",
+						"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" ? (T(), _(k(l), {
+						key: 0,
+						class: "size-(--spacing-lg) text-error-primary"
+					})) : e.type === "payment" ? (T(), _(k(te), {
+						key: 1,
+						class: "size-(--spacing-lg) text-success-primary"
+					})) : e.type === "credit-note" ? (T(), _(k(o), {
+						key: 2,
+						class: "size-(--spacing-lg) text-secondary"
+					})) : e.type === "reminder-sent" ? (T(), _(k(c), {
+						key: 3,
+						class: "size-(--spacing-lg) text-brand-tertiary"
+					})) : e.type === "case-closed" ? (T(), _(k(s), {
+						key: 4,
+						class: "size-(--spacing-lg) text-success-primary"
+					})) : v("", !0)], 2), t < U.value.length - 1 ? (T(), y("span", Lt)) : v("", !0)]), b("div", { class: w([{ "pb-xl": t < U.value.length - 1 }, "pt-xs"]) }, [b("p", Rt, O(Jt(e)), 1), b("p", zt, O(Yt(e)), 1)], 2)]))), 128))])])])
+				])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["breadcrumbs", "title"]));
+	}
+}), Bt = /*@__PURE__*/ C({
+	__name: "DunningCaseDetailViewDataProvider",
+	props: { dunningCaseUuid: {} },
+	setup(e) {
+		let t = e, n = m(), r = d(g(() => t.dunningCaseUuid));
+		f({
+			refetch: r.refetch,
+			sendingUuids: () => r.result.value.isOk() && u(r.result.value.getValue().latestCreatedReminder) === "sending" ? [t.dunningCaseUuid] : []
+		});
+		let i = g(() => [{
+			label: n.t("module.dunning_case.title"),
+			to: { name: "dunning-case-overview" }
+		}, {
+			isLoading: !0,
+			label: ""
+		}]);
+		return (e, t) => (T(), _(p, { queries: { dunningCase: k(r) } }, {
+			default: A(({ data: e }) => [S(I, { "dunning-case": e.dunningCase }, null, 8, ["dunning-case"])]),
+			loading: A(() => [S(k(P), { breadcrumbs: i.value }, null, 8, ["breadcrumbs"])]),
+			_: 1
+		}, 8, ["queries"]));
+	}
+}), L = /* @__PURE__ */ e({ default: () => R }), R = Bt;
+//#endregion
+export { L as n, R as t };