@wisemen/wise-invoicing-web 0.0.2 → 0.0.3

package/dist/DunningCaseDetailViewDataProvider-1Ui9yqUb.js

@@ -0,0 +1,403 @@
+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 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 { 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 { 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";
+//#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 = {
+	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 = {
+	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 = {
+	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 = {
+	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 = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], dt = {
+	key: 1,
+	class: "size-(--spacing-xl) shrink-0"
+}, ft = { class: "min-w-0" }, pt = {
+	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 = {
+	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 = {
+	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 = {
+	key: 0,
+	class: "mt-xxs text-tertiary"
+}, Ct = ["aria-hidden"], wt = {
+	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 = {
+	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 = {
+	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 = {
+	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({
+	__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");
+		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(() => [{
+			key: u.dunningCase.uuid,
+			modelName: "DunningCase",
+			...u.dunningCase
+		}]));
+		let V = m(() => {
+			let e = u.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 !u.dunningCase.isClosed && 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()}`,
+				type: "reminder-due"
+			}), u.dunningCase.lastReminderSentAt !== null && e.push({
+				sortDate: u.dunningCase.lastReminderSentAt.toString(),
+				date: u.dunningCase.lastReminderSentAt,
+				key: `reminder-${u.dunningCase.lastReminderSentAt.toString()}`,
+				type: "reminder-sent"
+			}), u.dunningCase.closedAt !== null && e.push({
+				sortDate: u.dunningCase.closedAt.toString(),
+				date: u.dunningCase.closedAt,
+				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) => ({
+			...e,
+			amount: e.amount + t.balanceDueAmount.amount
+		}), {
+			...u.dunningCase.outstandingBalance,
+			amount: 0
+		})), J = m(() => oe(K.value, u.dunningCase.outstandingBalance));
+		function Ut(e) {
+			return q.value.amount === 0 ? 0 : e / q.value.amount * 100;
+		}
+		let Y = m(() => I.getCustomerDetailRoute(u.dunningCase.customer.uuid)), Wt = m(() => [{
+			label: d.t("module.dunning_case.title"),
+			to: { name: "dunning-case-overview" }
+		}, { label: u.dunningCase.customer.name }]);
+		function Gt() {
+			Y.value !== null && L.push(Y.value);
+		}
+		function X(e) {
+			return e === 0 ? d.t("module.dunning_case.detail.overdue") : $(e);
+		}
+		function Z(e, t) {
+			return d.t("module.dunning_case.detail.outstanding_split_tooltip", {
+				amount: j.formatMonetary(t),
+				label: X(e)
+			});
+		}
+		function Kt(e) {
+			return e.type === "credit-note" || e.type === "payment" || e.type === "reminder-due" ? P.formatPlainDate(e.date) : P.toDateTime(e.date);
+		}
+		function qt(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", {
+					amount: j.formatMonetary(e.amount),
+					sequence: e.sequence
+				});
+				case "payment": return d.t("module.dunning_case.detail.payment_activity", {
+					amount: j.formatMonetary(e.amount),
+					invoice: e.invoiceSequence
+				});
+				case "reminder-due": return d.t("module.dunning_case.detail.reminder_due", { level: u.dunningCase.level });
+				case "reminder-sent": return d.t("module.dunning_case.detail.reminder_sent");
+			}
+		}
+		function Jt(e) {
+			if (e.type === "reminder-due") return d.t("module.dunning_case.detail.today");
+			let t = Kt(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) {
+			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) {
+			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";
+			}
+		}
+		function Zt() {
+			x.create(ae, { props: { dunningCaseUuid: u.dunningCase.uuid } }).open();
+		}
+		function Qt(e) {
+			B.value = B.value === e ? null : e;
+		}
+		return (e, t) => (C(), h(D(me), {
+			breadcrumbs: Wt.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", {
+								key: 0,
+								class: "hover:underline",
+								type: "button",
+								onClick: Gt
+							}, 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, {
+								"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", {
+								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", {
+								key: t,
+								class: S([{
+									"bg-quaternary": t === 0,
+									"bg-brand-500": t === 1,
+									"bg-error-solid": t === 3,
+									"bg-warning-solid": t === 2
+								}, "h-full"]),
+								style: fe({ width: `${Ut(e.amount)}%` })
+							}, null, 6))), 128))])
+						]),
+						v("div", Ie, [(C(!0), _(p, null, T(J.value, (e, t) => (C(), h(D(ve), {
+							key: t,
+							"popover-side-offset": 8,
+							"popover-align": "start",
+							"popover-side": "top"
+						}, {
+							trigger: O(() => [v("button", {
+								"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([{
+								"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!" }, {
+								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("main", Qe, [v("div", $e, [
+						v("div", et, [b(D(ge), {
+							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(M), {
+									label: D(d).t("module.dunning_case.detail.overdue_invoices"),
+									value: "overdue"
+								}, null, 8, ["label"]), b(D(M), {
+									label: D(d).t("module.dunning_case.detail.outstanding_invoices"),
+									value: "outstanding"
+								}, null, 8, ["label"])]),
+								_: 1
+							})]),
+							_: 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("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", {
+								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), {
+								to: {
+									name: "invoicing-invoice-detail",
+									params: { invoiceUuid: e.uuid }
+								},
+								class: "font-mono text-xs font-medium text-primary hover:underline"
+							}, {
+								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), {
+								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, {
+								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), {
+								key: 1,
+								label: D(d).t(`module.dunning_case.settlement_status.${e.settlementStatus}`),
+								color: Xt(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))])
+						]), 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", {
+							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", {
+							amount: D(j).formatMonetary(e.amount),
+							date: D(P).formatPlainDate(e.date)
+						})), 1)]))), 128)), (C(!0), _(p, null, T(e.creditNotes, (e) => (C(), _("span", {
+							key: e.uuid,
+							class: "inline-flex items-center gap-sm rounded-sm bg-secondary px-md py-sm text-secondary"
+						}, [t[2] ||= v("span", { class: "size-(--spacing-sm) shrink-0 rounded-full bg-quaternary" }, null, -1), y(" " + E(D(d).t("module.dunning_case.detail.credit_note_line", {
+							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", {
+						key: e.key,
+						class: "flex gap-md"
+					}, [v("div", Rt, [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",
+						"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), {
+						key: 0,
+						class: "size-(--spacing-lg) text-error-primary"
+					})) : e.type === "payment" ? (C(), h(D(te), {
+						key: 1,
+						class: "size-(--spacing-lg) text-success-primary"
+					})) : e.type === "credit-note" ? (C(), h(D(s), {
+						key: 2,
+						class: "size-(--spacing-lg) text-secondary"
+					})) : e.type === "reminder-sent" ? (C(), h(D(c), {
+						key: 3,
+						class: "size-(--spacing-lg) text-brand-tertiary"
+					})) : 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))])])])
+				])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["breadcrumbs", "title"]));
+	}
+}), F = /*@__PURE__*/ x({
+	__name: "DunningCaseDetailViewDataProvider",
+	props: { dunningCaseUuid: {} },
+	setup(e) {
+		let t = e, n = f(), r = u(m(() => t.dunningCaseUuid)), i = m(() => [{
+			label: n.t("module.dunning_case.title"),
+			to: { name: "dunning-case-overview" }
+		}, {
+			isLoading: !0,
+			label: ""
+		}]);
+		return (e, t) => (C(), h(d, { queries: { dunningCase: D(r) } }, {
+			default: O(({ data: e }) => [b(P, { "dunning-case": e.dunningCase }, null, 8, ["dunning-case"])]),
+			loading: O(() => [b(D(j), { breadcrumbs: i.value }, null, 8, ["breadcrumbs"])]),
+			_: 1
+		}, 8, ["queries"]));
+	}
+}), I = /* @__PURE__ */ e({ default: () => L }), L = F;
+//#endregion
+export { I as n, L as t };