@wisemen/wise-invoicing-web 0.0.2 → 0.0.4

package/dist/DunningCaseOverviewView-CHdzfbhb.js

@@ -0,0 +1,553 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./documentTitle.composable-CeaFddr1.js";
+import { r as n } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { f as r, i, n as a, o, p as s, r as c, s as l } from "./dist-DJ8yJcb9.js";
+import { n as u } from "./invoicingConfig.composable-c6w_aMm1.js";
+import { n as d, r as f } from "./reminderConfig.query-DzTN2AvU.js";
+import { $ as ee, A as te, P as ne, S as re, c as ie, et as ae, l as oe, nt as p, tt as se } from "./dist-DP8KNFVD.js";
+import { i as ce, o as le, r as ue, t as de } from "./DunningCaseSendDialog-DBtwr2ue.js";
+import { useRouter as fe } from "vue-router";
+import { z as m } from "zod";
+import { useI18n as h } from "vue-i18n";
+import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createVNode as S, defineComponent as C, nextTick as pe, normalizeClass as w, normalizeStyle as me, onMounted as T, openBlock as E, ref as D, renderList as O, toDisplayString as k, unref as A, watch as j, withCtx as M, withModifiers as he } from "vue";
+import { useMutation as N, useOffsetInfiniteQuery as P } from "@wisemen/vue-core-api-utils";
+import { Temporal as F } from "temporal-polyfill";
+import { UIBadge as ge, UIButton as I, UIDashboardPage as _e, UIDashboardPageContent as ve, UIDialogBody as ye, UIDialogFooter as be, UIDialogFooterCancel as L, UIDialogFooterPrimary as R, UIDialogHeader as xe, UIDropdownMenu as Se, UIDropdownMenuGroup as Ce, UIDropdownMenuItem as we, UIEmptyState as Te, UIFormDialog as z, UIIconButton as Ee, UITabs as De, UITabsItem as Oe, UITabsList as ke, useOverlay as Ae, useToast as B } from "@wisemen/vue-core-design-system";
+import { useForm as V } from "formango";
+//#region src/modules/dunning-case/api/queries/dunningCaseIndex.query.ts
+function H(e) {
+	let t = _(() => ({
+		customerUuid: e.params.customerUuid?.value,
+		isOpen: e.params.isOpen?.value,
+		dunningCaseUuids: e.params.dunningCaseUuids?.value,
+		level: e.params.level?.value
+	}));
+	return P("dunningCaseIndex", {
+		isEnabled: _(() => e.isEnabled?.value ?? !0),
+		params: { queryParams: t },
+		queryFn: (e) => f.getAll({
+			...t.value,
+			pagination: e
+		})
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/api/queries/dunningCaseCustomerIndex.query.ts
+function U(e) {
+	let t = _(() => ({ search: e.params.search?.value }));
+	return P("dunningCaseCustomerIndex", {
+		params: { queryParams: t },
+		queryFn: (e) => le.getAll(t.value.search, e)
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/composables/dunningCaseOverviewFilters.composable.ts
+function je() {
+	let e = h(), t = s({ debounceMs: 250 }), n = U({ params: { search: t.debouncedSearch } }), a = _(() => n.result.value.isOk() ? n.result.value.getValue().data : []), o = i({
+		actionGroup: { name: "dunning-cases" },
+		filters: [r({
+			defaultValue: {
+				operator: c.INCLUDES,
+				value: []
+			},
+			disableOperators: !0,
+			displayFn: (e) => a.value.find((t) => t.uuid === e)?.name ?? e,
+			key: "customerUuids",
+			label: e.t("module.dunning_case.overview.filter_customer"),
+			options: async (e) => o.values.value.customerUuids.value.length > 0 ? [] : (t.updateSearch(e), await pe(), a.value.map((e) => e.uuid))
+		})]
+	});
+	return j(() => o.values.value.customerUuids, (e) => {
+		(e.operator !== c.INCLUDES || e.value.length > 1) && (o.values.value.customerUuids = {
+			operator: c.INCLUDES,
+			value: e.value.slice(-1)
+		});
+	}, {
+		deep: !0,
+		immediate: !0
+	}), {
+		customerUuid: _(() => o.values.value.customerUuids.value[0]),
+		filters: o
+	};
+}
+//#endregion
+//#region src/modules/dunning-case/api/mutations/dunningCaseBulkSend.mutation.ts
+function W() {
+	return N({
+		queryFn: (e) => f.sendBulk(e.params.queryParams),
+		queryKeysToInvalidate: {
+			dunningCaseDetail: {},
+			dunningCaseIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/components/DunningCaseBulkSendStat.vue
+var G = /* @__PURE__ */ C({
+	__name: "DunningCaseBulkSendStat",
+	props: {
+		hasSeparator: { type: Boolean },
+		label: {},
+		tone: {},
+		value: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (E(), b("div", { class: w([{ "border-r border-secondary": t.hasSeparator }, "p-lg"]) }, [x("p", { class: w([{
+			"text-primary": t.tone === "default",
+			"text-success-primary": t.tone === "success",
+			"text-warning-primary": t.tone === "warning"
+		}, "font-mono text-2xl font-semibold tabular-nums"]) }, k(t.value), 3), x("p", { class: w([{
+			"text-secondary": t.tone === "default",
+			"text-success-primary": t.tone === "success",
+			"text-warning-primary": t.tone === "warning"
+		}, "mt-xs text-xs font-medium uppercase"]) }, k(t.label), 3)], 2));
+	}
+}), K = { class: "flex flex-col gap-md" }, Me = { class: "grid grid-cols-3 overflow-hidden rounded-md border border-secondary" }, q = { class: "rounded-md bg-success-primary px-lg py-md text-sm font-medium text-success-primary" }, Ne = {
+	key: 0,
+	class: "rounded-md border border-secondary px-lg py-md text-sm text-secondary"
+}, Pe = /* @__PURE__ */ C({
+	__name: "DunningCaseBulkSendSummary",
+	props: {
+		processableCount: {},
+		skippedCount: {},
+		totalCount: {}
+	},
+	setup(e) {
+		let t = e, n = h(), r = _(() => [
+			{
+				label: n.t("module.dunning_case.bulk_send.total"),
+				tone: "default",
+				value: t.totalCount
+			},
+			{
+				label: n.t("module.dunning_case.bulk_send.ready"),
+				tone: "success",
+				value: t.processableCount
+			},
+			{
+				label: n.t("module.dunning_case.bulk_send.skipped_label"),
+				tone: "warning",
+				value: t.skippedCount
+			}
+		]);
+		return (e, i) => (E(), b("div", K, [
+			x("div", Me, [(E(!0), b(g, null, O(r.value, (e, t) => (E(), v(G, {
+				key: e.label,
+				"has-separator": t < r.value.length - 1,
+				label: e.label,
+				tone: e.tone,
+				value: e.value
+			}, null, 8, [
+				"has-separator",
+				"label",
+				"tone",
+				"value"
+			]))), 128))]),
+			x("p", q, k(A(n).t("module.dunning_case.bulk_send.processable", { count: t.processableCount })), 1),
+			t.skippedCount > 0 ? (E(), b("p", Ne, k(A(n).t("module.dunning_case.bulk_send.skipped", { count: t.skippedCount })), 1)) : y("", !0)
+		]));
+	}
+}), J = {
+	key: 0,
+	class: "text-sm text-secondary"
+}, Fe = /* @__PURE__ */ C({
+	__name: "DunningCaseBulkSendDialog",
+	props: { onSent: { type: Function } },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = {}, a = h(), o = B(), s = W(), c = D(null), l = D(!0), u = _(() => c.value?.meta.processed ?? 0), d = V({
+			schema: m.object({}),
+			onSubmit: async () => {
+				let e = await s.execute({ params: { queryParams: i } });
+				if (e.isErr()) {
+					o.apiError(e.error);
+					return;
+				}
+				o.show({
+					duration: Infinity,
+					message: a.t("module.dunning_case.bulk_send.success", {
+						count: e.value.meta.processed,
+						processed: e.value.meta.processed,
+						skipped: e.value.meta.skipped
+					})
+				}), n.onSent(), r("close");
+			}
+		});
+		async function ee() {
+			let e = await f.previewBulk(i);
+			if (e.isErr()) {
+				o.apiError(e.error), r("close");
+				return;
+			}
+			c.value = e.value, l.value = !1;
+		}
+		return T(() => {
+			ee();
+		}), (e, t) => (E(), v(A(z), {
+			form: A(d),
+			size: "md",
+			onClose: t[0] ||= (e) => r("close")
+		}, {
+			default: M(() => [
+				S(A(xe), {
+					title: l.value ? A(a).t("module.dunning_case.bulk_send.title") : A(a).t("module.dunning_case.bulk_send.confirm_question", { count: u.value }),
+					description: A(a).t("module.dunning_case.bulk_send.description"),
+					"has-separator": !1,
+					icon: A(p)
+				}, null, 8, [
+					"title",
+					"description",
+					"icon"
+				]),
+				S(A(ye), null, {
+					default: M(() => [c.value === null ? (E(), b("p", J, k(A(a).t("module.dunning_case.bulk_send.loading")), 1)) : (E(), v(Pe, {
+						key: 1,
+						"processable-count": c.value.meta.processed,
+						"skipped-count": c.value.meta.skipped,
+						"total-count": c.value.meta.total
+					}, null, 8, [
+						"processable-count",
+						"skipped-count",
+						"total-count"
+					]))]),
+					_: 1
+				}),
+				S(A(be), { "has-separator": !1 }, {
+					right: M(() => [S(A(L)), S(A(R), {
+						"icon-right": A(p),
+						"is-disabled": l.value || u.value === 0,
+						"is-loading": A(d).isSubmitting.value,
+						label: A(a).t("module.dunning_case.bulk_send.confirm", { count: u.value }),
+						onClick: A(d).submit
+					}, null, 8, [
+						"icon-right",
+						"is-disabled",
+						"is-loading",
+						"label",
+						"onClick"
+					])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), Ie = { class: "flex flex-col gap-3xl" }, Le = { class: "flex flex-col gap-lg border-b border-secondary pb-3xl lg:flex-row lg:items-start lg:justify-between" }, Re = { class: "text-lg font-semibold text-primary" }, ze = { class: "mt-xs text-sm text-secondary" }, Be = { class: "flex flex-wrap items-center gap-sm" }, Ve = {
+	key: 0,
+	class: "w-full"
+}, He = ["aria-label"], Ue = { class: "text-xs font-semibold text-secondary uppercase" }, We = { class: "mt-xl font-mono text-4xl font-semibold text-primary" }, Ge = { class: "mt-xs text-sm text-secondary" }, Ke = { class: "lg:col-span-2" }, qe = { class: "flex h-1.5 w-full overflow-hidden rounded-full bg-secondary" }, Je = { class: "mt-xl grid grid-cols-1 gap-md sm:grid-cols-3" }, Ye = { class: "flex min-w-0 items-center gap-sm" }, Xe = { class: "truncate text-sm text-secondary" }, Ze = { class: "shrink-0 font-mono text-sm font-semibold text-primary tabular-nums" }, Qe = { class: "overflow-hidden rounded-lg border border-secondary bg-primary shadow-sm" }, $e = { class: "flex flex-col gap-md border-b border-secondary p-sm md:flex-row md:items-center md:justify-between" }, et = { class: "flex flex-wrap items-center justify-end gap-sm" }, tt = { class: "flex flex-col gap-md border-b border-secondary p-sm sm:flex-row sm:items-center sm:justify-between" }, nt = {
+	key: 0,
+	class: "px-sm text-xs text-secondary"
+}, rt = { class: "flex justify-end" }, it = { class: "overflow-x-auto" }, at = { class: "w-full min-w-240 table-fixed border-collapse text-left" }, ot = { class: "border-b border-secondary bg-secondary" }, st = { class: "w-[28%] px-lg py-md text-xs font-medium text-secondary" }, ct = { class: "w-[18%] px-lg py-md text-xs font-medium text-secondary" }, lt = { class: "w-[24%] px-lg py-md text-xs font-medium text-secondary" }, ut = { class: "w-[18%] px-lg py-md text-right text-xs font-medium text-secondary" }, dt = { key: 0 }, ft = [
+	"aria-label",
+	"onClick",
+	"onKeydown"
+], pt = { class: "px-lg py-md" }, mt = { class: "flex min-w-0 items-center gap-sm" }, ht = ["onClick"], gt = { class: "px-lg py-md" }, _t = {
+	key: 0,
+	class: "flex min-w-0 flex-col items-start gap-xxs"
+}, vt = { class: "flex min-w-0 items-center gap-sm" }, yt = { class: "truncate text-xs text-primary" }, bt = { class: "px-lg py-md" }, xt = { class: "flex flex-col items-start gap-xxs" }, St = {
+	key: 1,
+	class: "font-mono text-xs text-secondary tabular-nums"
+}, Ct = { class: "px-lg py-md text-right font-mono text-sm font-medium text-primary tabular-nums" }, wt = { class: "px-lg py-md" }, Tt = {
+	key: 0,
+	class: "border-t border-secondary px-lg py-xl"
+}, Et = {
+	key: 1,
+	class: "p-xl text-center text-sm text-secondary"
+}, Dt = {
+	key: 1,
+	class: "flex justify-center"
+}, Ot = /*@__PURE__*/ C({
+	__name: "DunningCaseOverviewView",
+	setup(e) {
+		let r = h(), i = Ae(), s = fe(), c = n(), f = t(), le = u(), m = D("all"), C = _(() => [
+			{
+				icon: ne,
+				key: "all",
+				label: r.t("module.dunning_case.overview.filter_all")
+			},
+			{
+				icon: ie,
+				key: "level-1",
+				label: r.t("module.dunning_case.level.reminder", { level: 1 })
+			},
+			{
+				icon: ie,
+				key: "level-2",
+				label: r.t("module.dunning_case.level.reminder", { level: 2 })
+			},
+			{
+				icon: ie,
+				key: "level-3",
+				label: r.t("module.dunning_case.level.reminder", { level: 3 })
+			}
+		]), pe = _(() => m.value === "all" ? null : Number(m.value.replace("level-", ""))), T = _(() => !0), j = D(!0), { customerUuid: N, filters: P } = je();
+		a(P), f.set(() => r.t("module.dunning_case.title"));
+		let { hasNextPage: ye, isFetching: be, isFetchingNextPage: L, isLoading: R, fetchNextPage: xe, result: z } = H({ params: {
+			customerUuid: N,
+			isOpen: T,
+			level: _(() => pe.value ?? void 0)
+		} }), B = _(() => be.value && !R.value && !L.value), V = H({ params: {
+			customerUuid: N,
+			isOpen: T,
+			level: _(() => 1)
+		} }), U = H({ params: {
+			customerUuid: N,
+			isOpen: T,
+			level: _(() => 2)
+		} }), W = H({ params: {
+			customerUuid: N,
+			isOpen: T,
+			level: _(() => 3)
+		} }), G = _(() => !B.value && z.value.isOk() ? z.value.getValue().data : []), K = _(() => [
+			V,
+			U,
+			W
+		].map((e) => e.result.value.isOk() ? e.result.value.getValue().meta.total : null)), Me = _(() => [
+			V,
+			U,
+			W
+		].some((e) => e.result.value.isErr())), q = _(() => K.value.every((e) => e !== null) ? K.value.reduce((e, t) => e + t, 0) : null), Ne = { left: {
+			icon: te,
+			type: "icon"
+		} }, Pe = { left: {
+			icon: oe,
+			type: "icon"
+		} };
+		function J(e) {
+			return e === 0 ? r.t("module.dunning_case.level.none") : r.t("module.dunning_case.level.reminder", { level: e });
+		}
+		function Ot(e) {
+			let t = F.Now.plainDateISO().until(e, { largestUnit: "days" }).days;
+			return t <= 0 ? r.t("module.dunning_case.overview.due_today") : r.t("module.dunning_case.overview.due_in_days", { count: t });
+		}
+		function Y(e) {
+			if (e.level === null) return null;
+			if (e.lastReminderSentAt === null) return r.t("module.dunning_case.overview.last_reminder_not_sent");
+			let t = F.Now.instant().epochMilliseconds - e.lastReminderSentAt.epochMilliseconds, n = Math.max(0, Math.floor(t / 864e5));
+			return r.t("module.dunning_case.overview.last_reminder_sent", {
+				days: n,
+				level: e.level
+			});
+		}
+		function X(e) {
+			return le.getCustomerDetailRoute(e.customer.uuid);
+		}
+		function Z(e) {
+			return ue(e.latestCreatedReminder);
+		}
+		function Q(e) {
+			return e.blockedReason !== null;
+		}
+		function kt(e) {
+			return Q(e) || Z(e) === "failed" || Z(e) === "sending";
+		}
+		function At(e) {
+			return Q(e) ? r.t("module.dunning_case.overview.blocked") : e.nextReminderOn === null ? r.t("module.dunning_case.overview.not_scheduled") : r.t("module.dunning_case.overview.send");
+		}
+		function jt(e) {
+			return F.PlainDate.compare(e, F.Now.plainDateISO()) <= 0;
+		}
+		function Mt(e) {
+			i.create(de, { props: { dunningCaseUuid: e.uuid } }).open();
+		}
+		function Nt() {
+			i.create(Fe, { props: { onSent: () => {
+				z.value;
+			} } }).open();
+		}
+		function $(e) {
+			s.push({
+				name: "dunning-case-detail",
+				params: { dunningCaseUuid: e.uuid }
+			});
+		}
+		function Pt(e) {
+			let t = X(e);
+			t !== null && s.push(t);
+		}
+		function Ft(e, t) {
+			e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), $(t));
+		}
+		return (e, t) => (E(), v(A(_e), { title: A(r).t("module.dunning_case.title") }, {
+			default: M(() => [S(A(ve), null, {
+				default: M(() => [x("div", Ie, [
+					x("div", Le, [x("div", null, [x("h2", Re, k(A(r).t("module.dunning_case.title")), 1), x("p", ze, k(A(r).t("module.dunning_case.overview.description")), 1)]), x("div", Be, [S(A(I), {
+						"icon-left": j.value ? A(ae) : A(te),
+						label: A(r).t(j.value ? "module.dunning_case.overview.hide_metrics" : "module.dunning_case.overview.show_metrics"),
+						variant: "secondary",
+						onClick: t[0] ||= (e) => j.value = !j.value
+					}, null, 8, ["icon-left", "label"]), S(A(I), {
+						"icon-right": A(p),
+						label: A(r).t("module.dunning_case.overview.send_all"),
+						onClick: Nt
+					}, null, 8, ["icon-right", "label"])])]),
+					j.value ? (E(), b("div", Ve, [x("section", {
+						"aria-label": A(r).t("module.dunning_case.overview.levels"),
+						class: "grid min-w-0 grid-cols-1 gap-2xl rounded-lg border border-secondary bg-primary p-2xl shadow-sm lg:grid-cols-3 lg:items-center"
+					}, [x("div", null, [
+						x("p", Ue, k(A(r).t("module.dunning_case.overview.levels")), 1),
+						x("p", We, k(q.value ?? "—"), 1),
+						x("p", Ge, k(Me.value ? A(r).t("module.dunning_case.overview.metrics_unavailable") : q.value === null ? A(r).t("module.dunning_case.common.loading") : A(r).t("module.dunning_case.overview.case_count", { count: q.value })), 1)
+					]), x("div", Ke, [x("div", qe, [(E(!0), b(g, null, O(K.value, (e, t) => (E(), b("span", {
+						key: t,
+						class: w({
+							"bg-brand-500": t === 0,
+							"bg-error-solid": t === 2,
+							"bg-warning-solid": t === 1
+						}),
+						style: me({ flexGrow: e ?? 0 })
+					}, null, 6))), 128))]), x("div", Je, [(E(!0), b(g, null, O(K.value, (e, t) => (E(), b("div", {
+						key: t,
+						class: "flex items-center justify-between gap-xl"
+					}, [x("div", Ye, [x("span", { class: w([{
+						"bg-brand-500": t === 0,
+						"bg-error-solid": t === 2,
+						"bg-warning-solid": t === 1
+					}, "size-2 shrink-0 rounded-full"]) }, null, 2), x("p", Xe, k(J(t + 1)), 1)]), x("p", Ze, k(e ?? "—"), 1)]))), 128))])])], 8, He)])) : y("", !0),
+					x("div", Qe, [
+						x("div", $e, [S(A(De), {
+							modelValue: m.value,
+							"onUpdate:modelValue": t[1] ||= (e) => m.value = e,
+							"aria-label": A(r).t("module.dunning_case.overview.filter_label"),
+							variant: "button-border"
+						}, {
+							default: M(() => [S(A(ke), null, {
+								default: M(() => [(E(!0), b(g, null, O(C.value, (e) => (E(), v(A(Oe), {
+									key: e.key,
+									config: { left: {
+										icon: e.icon,
+										type: "icon"
+									} },
+									label: e.label,
+									value: e.key
+								}, null, 8, [
+									"config",
+									"label",
+									"value"
+								]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "aria-label"]), x("div", et, [S(A(I), {
+							"icon-right": A(p),
+							label: A(r).t("module.dunning_case.overview.send_all"),
+							size: "sm",
+							onClick: Nt
+						}, null, 8, ["icon-right", "label"])])]),
+						x("div", tt, [A(P).activeFilters.value.length === 0 ? (E(), b("p", nt, k(A(r).t("module.dunning_case.overview.no_active_filters")), 1)) : (E(), v(A(o), { key: 1 })), x("div", rt, [S(A(l))])]),
+						x("div", it, [x("table", at, [x("thead", null, [x("tr", ot, [
+							x("th", st, k(A(r).t("module.dunning_case.overview.table.customer")), 1),
+							x("th", ct, k(A(r).t("module.dunning_case.overview.table.level")), 1),
+							x("th", lt, k(A(r).t("module.dunning_case.overview.table.next_reminder")), 1),
+							x("th", ut, k(A(r).t("module.dunning_case.overview.table.outstanding")), 1),
+							t[3] ||= x("th", { class: "w-[12%] px-lg py-md" }, null, -1)
+						])]), G.value.length > 0 ? (E(), b("tbody", dt, [(E(!0), b(g, null, O(G.value, (e) => (E(), b("tr", {
+							key: e.uuid,
+							"aria-label": A(r).t("module.dunning_case.overview.view_case", { customer: e.customer.name }),
+							class: "cursor-pointer border-b border-secondary hover:bg-secondary focus-visible:bg-secondary focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:outline-none focus-visible:ring-inset",
+							tabindex: "0",
+							onClick: (t) => $(e),
+							onKeydown: (t) => Ft(t, e)
+						}, [
+							x("td", pt, [x("div", mt, [x("button", {
+								class: "truncate text-sm font-medium text-primary hover:underline",
+								type: "button",
+								onClick: he((t) => $(e), ["stop"])
+							}, k(e.customer.name), 9, ht)])]),
+							x("td", gt, [e.level === null ? y("", !0) : (E(), b("div", _t, [x("div", vt, [S(d, {
+								level: e.level,
+								size: "sm"
+							}, null, 8, ["level"]), x("span", yt, k(J(e.level)), 1)])]))]),
+							x("td", bt, [x("div", xt, [
+								e.nextReminderOn === null ? y("", !0) : (E(), v(A(ge), {
+									key: 0,
+									color: jt(e.nextReminderOn) ? "success" : "warning",
+									label: Ot(e.nextReminderOn),
+									size: "sm",
+									variant: "translucent"
+								}, null, 8, ["color", "label"])),
+								S(ce, {
+									"blocked-reason": e.blockedReason,
+									status: Z(e)
+								}, null, 8, ["blocked-reason", "status"]),
+								!kt(e) && Y(e) !== null ? (E(), b("span", St, k(Y(e)), 1)) : y("", !0)
+							])]),
+							x("td", Ct, k(A(c).formatMonetary(e.outstandingBalance)), 1),
+							x("td", wt, [x("div", {
+								class: "flex items-center justify-end gap-xs",
+								onClick: t[2] ||= he(() => {}, ["stop"])
+							}, [Q(e) && X(e) !== null ? (E(), v(A(I), {
+								key: 0,
+								"icon-right": A(re),
+								label: A(r).t("module.dunning_case.overview.fix"),
+								size: "sm",
+								variant: "secondary",
+								onClick: (t) => Pt(e)
+							}, null, 8, [
+								"icon-right",
+								"label",
+								"onClick"
+							])) : (E(), v(A(I), {
+								key: 1,
+								"icon-right": e.canSendReminder ? A(p) : void 0,
+								"is-disabled": Q(e) || !e.canSendReminder,
+								"is-loading": Z(e) === "sending",
+								label: At(e),
+								size: "sm",
+								variant: "secondary",
+								onClick: (t) => Mt(e)
+							}, null, 8, [
+								"icon-right",
+								"is-disabled",
+								"is-loading",
+								"label",
+								"onClick"
+							])), S(A(Se), { "popover-align": "end" }, {
+								trigger: M(() => [S(A(Ee), {
+									icon: A(se),
+									label: A(r).t("shared.actions"),
+									variant: "tertiary"
+								}, null, 8, ["icon", "label"])]),
+								content: M(() => [S(A(Ce), null, {
+									default: M(() => [S(A(we), {
+										config: Ne,
+										label: A(r).t("module.dunning_case.overview.menu.view_case"),
+										onSelect: (t) => $(e)
+									}, null, 8, ["label", "onSelect"]), X(e) === null ? y("", !0) : (E(), v(A(we), {
+										key: 0,
+										config: Pe,
+										label: A(r).t("module.dunning_case.overview.menu.view_customer"),
+										onSelect: (t) => Pt(e)
+									}, null, 8, ["label", "onSelect"]))]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024)])])
+						], 40, ft))), 128))])) : y("", !0)])]),
+						!A(R) && !B.value && G.value.length === 0 ? (E(), b("div", Tt, [S(A(Te), {
+							title: A(r).t("module.dunning_case.overview.empty_open"),
+							icon: A(ee)
+						}, null, 8, ["title", "icon"])])) : y("", !0),
+						A(R) || B.value ? (E(), b("div", Et, k(A(r).t("module.dunning_case.common.loading")), 1)) : y("", !0)
+					]),
+					A(ye) ? (E(), b("div", Dt, [S(A(I), {
+						"is-loading": A(L),
+						label: A(r).t("module.dunning_case.overview.load_more"),
+						variant: "secondary",
+						onClick: A(xe)
+					}, null, 8, [
+						"is-loading",
+						"label",
+						"onClick"
+					])])) : y("", !0)
+				])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["title"]));
+	}
+}), Y = /* @__PURE__ */ e({ default: () => X }), X = Ot;
+//#endregion
+export { Y as n, H as r, X as t };