@wisemen/wise-invoicing-web 0.0.4 → 0.0.6

package/dist/DunningCaseOverviewView-WbXalMt6.js

@@ -0,0 +1,747 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./documentTitle.composable-4ApFl9TZ.js";
+import { r as n } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { t as r } from "./search.composable-BCtYqudV.js";
+import { n as i } from "./invoicingConfig.composable-Kad_HHx_.js";
+import { n as a, r as o } from "./reminderConfig.query-hmDNKreg.js";
+import { $ as s, N as c, S as l, c as u, k as d, l as f, tt as p } from "./dist-D9lp7NDv.js";
+import { i as m, o as h, r as g, t as _ } from "./DunningCaseSendDialog-D7jAZ8yT.js";
+import { f as v, i as y, n as ee, o as te, r as b, s as ne } from "./dist-PErDVE6-.js";
+import { createAction as x } from "@wisemen/vue-core-actions";
+import { useRouter as S } from "vue-router";
+import { z as C } from "zod";
+import { useI18n as w } from "vue-i18n";
+import { Fragment as T, computed as E, createBlock as D, createCommentVNode as O, createElementBlock as k, createElementVNode as A, createVNode as j, defineComponent as M, nextTick as re, normalizeClass as N, normalizeStyle as P, onMounted as F, openBlock as I, ref as L, renderList as R, toDisplayString as z, unref as B, watch as V, withCtx as H } from "vue";
+import { useMutation as U, useOffsetInfiniteQuery as W } from "@wisemen/vue-core-api-utils";
+import { Temporal as G } from "temporal-polyfill";
+import { UIBadge as ie, UIButton as K, UIDashboardPage as ae, UIDialogBody as q, UIDialogFooter as J, UIDialogFooterCancel as Y, UIDialogFooterPrimary as X, UIDialogHeader as oe, UIFormDialog as se, UITable as ce, UITableCell as Z, UITableCellInteractiveElement as le, UITabs as ue, UITabsItem as de, UITabsList as fe, createComponent as Q, defineTableColumns as pe, useOverlay as me, useToast as he } from "@wisemen/vue-core-design-system";
+import { useForm as ge } from "formango";
+//#region src/modules/dunning-case/api/queries/dunningCaseIndex.query.ts
+function $(e) {
+	let t = E(() => ({
+		customerUuid: e.params.customerUuid?.value,
+		isOpen: e.params.isOpen?.value,
+		dunningCaseUuids: e.params.dunningCaseUuids?.value,
+		level: e.params.level?.value
+	}));
+	return W("dunningCaseIndex", {
+		isEnabled: E(() => e.isEnabled?.value ?? !0),
+		params: { queryParams: t },
+		queryFn: (e) => o.getAll({
+			...t.value,
+			pagination: e
+		})
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/actions/dunningCaseNavigateToCustomer.action.ts
+function _e() {
+	let e = w(), t = S(), n = i();
+	return x({
+		id: "dunning-case-navigate-to-customer",
+		isApplicable: (e) => {
+			let t = e.targetedModelOfType("DunningCase");
+			return t !== null && n.getCustomerDetailRoute(t.customer.uuid) !== null;
+		},
+		name: () => e.t("module.dunning_case.overview.menu.view_customer"),
+		execute: (e) => {
+			let r = e.targetedModelOfTypeOrThrow("DunningCase"), i = n.getCustomerDetailRoute(r.customer.uuid);
+			i !== null && t.push(i);
+		},
+		icon: () => f
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/actions/dunningCaseNavigateToDetail.action.ts
+function ve() {
+	let e = w(), t = S();
+	return x({
+		id: "dunning-case-navigate-to-detail",
+		isApplicable: (e) => e.hasTargetedModelsOfType("DunningCase"),
+		name: () => e.t("module.dunning_case.overview.menu.view_case"),
+		execute: (e) => {
+			let n = e.targetedModelOfTypeOrThrow("DunningCase");
+			t.push({
+				name: "dunning-case-detail",
+				params: { dunningCaseUuid: n.uuid }
+			});
+		},
+		icon: () => d
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/components/DunningCaseOverviewMetrics.vue?vue&type=script&setup=true&lang.ts
+var ye = ["aria-label"], be = { class: "text-xs font-semibold text-secondary uppercase" }, xe = { class: "mt-xl font-mono text-4xl font-semibold text-primary" }, Se = { class: "mt-xs text-sm text-secondary" }, Ce = { class: "lg:col-span-2" }, we = { class: "flex h-1.5 w-full overflow-hidden rounded-full bg-secondary" }, Te = { class: "mt-xl grid grid-cols-1 gap-md sm:grid-cols-3" }, Ee = { class: "flex min-w-0 items-center gap-sm" }, De = { class: "truncate text-sm text-secondary" }, Oe = { class: "shrink-0 font-mono text-sm font-semibold text-primary tabular-nums" }, ke = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewMetrics",
+	props: {
+		hasLevelCountError: { type: Boolean },
+		levelCounts: {},
+		levelCountTotal: {}
+	},
+	setup(e) {
+		let t = e, n = w(), r = E(() => t.hasLevelCountError ? n.t("module.dunning_case.overview.metrics_unavailable") : t.levelCountTotal === null ? n.t("module.dunning_case.common.loading") : n.t("module.dunning_case.overview.case_count", { count: t.levelCountTotal }));
+		function i(e) {
+			return e === 0 ? n.t("module.dunning_case.level.none") : n.t("module.dunning_case.level.reminder", { level: e });
+		}
+		return (t, a) => (I(), k("section", {
+			"aria-label": B(n).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"
+		}, [A("div", null, [
+			A("p", be, z(B(n).t("module.dunning_case.overview.levels")), 1),
+			A("p", xe, z(e.levelCountTotal ?? "—"), 1),
+			A("p", Se, z(r.value), 1)
+		]), A("div", Ce, [A("div", we, [(I(!0), k(T, null, R(e.levelCounts, (e, t) => (I(), k("span", {
+			key: t,
+			class: N({
+				"bg-brand-500": t === 0,
+				"bg-error-solid": t === 2,
+				"bg-warning-solid": t === 1
+			}),
+			style: P({ flexGrow: e ?? 0 })
+		}, null, 6))), 128))]), A("div", Te, [(I(!0), k(T, null, R(e.levelCounts, (e, t) => (I(), k("div", {
+			key: t,
+			class: "flex items-center justify-between gap-xl"
+		}, [A("div", Ee, [A("span", { class: N([{
+			"bg-brand-500": t === 0,
+			"bg-error-solid": t === 2,
+			"bg-warning-solid": t === 1
+		}, "size-2 shrink-0 rounded-full"]) }, null, 2), A("p", De, z(i(t + 1)), 1)]), A("p", Oe, z(e ?? "—"), 1)]))), 128))])])], 8, ye));
+	}
+});
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/composables/dunningCaseOverview.composable.ts
+function Ae(e) {
+	let t = E(() => !0), { isFetchingNextPage: n, isLoading: r, fetchNextPage: i, result: a } = $({ params: {
+		customerUuid: e.customerUuid,
+		isOpen: t,
+		level: E(() => e.activeLevel.value ?? void 0)
+	} }), o = E(() => a.value.isOk() ? a.value.getValue().data : []), s = E(() => a.value.isErr() ? a.value.getError() : null), c = $({ params: {
+		customerUuid: e.customerUuid,
+		isOpen: t,
+		level: E(() => 1)
+	} }), l = $({ params: {
+		customerUuid: e.customerUuid,
+		isOpen: t,
+		level: E(() => 2)
+	} }), u = $({ params: {
+		customerUuid: e.customerUuid,
+		isOpen: t,
+		level: E(() => 3)
+	} }), d = E(() => [
+		c,
+		l,
+		u
+	].map((e) => e.result.value.isOk() ? e.result.value.getValue().meta.total : null));
+	return {
+		hasLevelCountError: E(() => [
+			c,
+			l,
+			u
+		].some((e) => e.result.value.isErr())),
+		isFetchingNextPage: n,
+		isLoading: r,
+		data: o,
+		error: s,
+		fetchNextPage: i,
+		levelCounts: d,
+		levelCountTotal: E(() => d.value.every((e) => e !== null) ? d.value.reduce((e, t) => e + t, 0) : null),
+		result: a
+	};
+}
+//#endregion
+//#region src/modules/dunning-case/api/queries/dunningCaseCustomerIndex.query.ts
+function je(e) {
+	let t = E(() => ({ search: e.params.search?.value }));
+	return W("dunningCaseCustomerIndex", {
+		params: { queryParams: t },
+		queryFn: (e) => h.getAll(t.value.search, e)
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/composables/dunningCaseOverviewFilters.composable.ts
+function Me() {
+	let e = w(), t = r({ debounceMs: 250 }), n = je({ params: { search: t.debouncedSearch } }), i = E(() => n.result.value.isOk() ? n.result.value.getValue().data : []), a = y({
+		actionGroup: { name: "dunning-cases" },
+		filters: [v({
+			defaultValue: {
+				operator: b.INCLUDES,
+				value: []
+			},
+			disableOperators: !0,
+			displayFn: (e) => i.value.find((t) => t.uuid === e)?.name ?? e,
+			key: "customerUuids",
+			label: e.t("module.dunning_case.overview.filter_customer"),
+			options: async (e) => a.values.value.customerUuids.value.length > 0 ? [] : (t.updateSearch(e), await re(), i.value.map((e) => e.uuid))
+		})]
+	});
+	return V(() => a.values.value.customerUuids, (e) => {
+		(e.operator !== b.INCLUDES || e.value.length > 1) && (a.values.value.customerUuids = {
+			operator: b.INCLUDES,
+			value: e.value.slice(-1)
+		});
+	}, {
+		deep: !0,
+		immediate: !0
+	}), {
+		customerUuid: E(() => a.values.value.customerUuids.value[0]),
+		filters: a
+	};
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/components/DunningCaseOverviewActionsCell.vue?vue&type=script&setup=true&lang.ts
+var Ne = { class: "flex w-full items-center justify-end gap-xs" }, Pe = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewActionsCell",
+	props: { item: {} },
+	emits: ["send", "viewCustomer"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = w(), o = i(), s = E(() => o.getCustomerDetailRoute(n.item.customer.uuid)), c = E(() => n.item.blockedReason !== null), u = E(() => g(n.item.latestCreatedReminder)), d = E(() => c.value ? a.t("module.dunning_case.overview.blocked") : n.item.nextReminderOn === null ? a.t("module.dunning_case.overview.not_scheduled") : a.t("module.dunning_case.overview.send"));
+		return (t, n) => (I(), D(B(Z), null, {
+			default: H(() => [j(B(le), { class: "w-full" }, {
+				default: H(() => [A("div", Ne, [c.value && s.value !== null ? (I(), D(B(K), {
+					key: 0,
+					"icon-right": B(l),
+					label: B(a).t("module.dunning_case.overview.fix"),
+					size: "sm",
+					variant: "secondary",
+					onClick: n[0] ||= (e) => r("viewCustomer")
+				}, null, 8, ["icon-right", "label"])) : (I(), D(B(K), {
+					key: 1,
+					"icon-right": e.item.canSendReminder ? B(p) : void 0,
+					"is-disabled": c.value || !e.item.canSendReminder,
+					"is-loading": u.value === "sending",
+					label: d.value,
+					size: "sm",
+					variant: "secondary",
+					onClick: n[1] ||= (e) => r("send")
+				}, null, 8, [
+					"icon-right",
+					"is-disabled",
+					"is-loading",
+					"label"
+				]))])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), Fe = { class: "truncate text-sm font-medium text-primary" }, Ie = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewCustomerCell",
+	props: { item: {} },
+	setup(e) {
+		return (t, n) => (I(), D(B(Z), null, {
+			default: H(() => [A("span", Fe, z(e.item.customer.name), 1)]),
+			_: 1
+		}));
+	}
+}), Le = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewDaysOverdueCell",
+	props: { item: {} },
+	setup(e) {
+		return (t, n) => (I(), D(B(Z), null, {
+			default: H(() => [A("span", { class: N([{
+				"text-error-primary": e.item.level === 3,
+				"text-primary": e.item.level !== 3
+			}, "w-full text-right font-mono text-sm tabular-nums"]) }, z(e.item.daysOverdue), 3)]),
+			_: 1
+		}));
+	}
+}), Re = {
+	key: 0,
+	class: "font-mono text-xs text-secondary tabular-nums"
+}, ze = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewLastReminderCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = w(), r = E(() => {
+			if (t.item.level === null) return null;
+			if (t.item.lastReminderSentAt === null) return n.t("module.dunning_case.overview.last_reminder_not_sent");
+			let e = G.Now.instant().epochMilliseconds - t.item.lastReminderSentAt.epochMilliseconds, r = Math.floor(e / 36e5);
+			return r < 1 ? n.t("module.dunning_case.overview.last_reminder_sent_just_now", { level: t.item.level }) : r < 24 ? n.t("module.dunning_case.overview.last_reminder_sent_hours", {
+				hours: r,
+				level: t.item.level
+			}) : n.t("module.dunning_case.overview.last_reminder_sent", {
+				days: Math.floor(r / 24),
+				level: t.item.level
+			});
+		});
+		return (e, t) => (I(), D(B(Z), null, {
+			default: H(() => [r.value === null ? O("", !0) : (I(), k("span", Re, z(r.value), 1))]),
+			_: 1
+		}));
+	}
+}), Be = {
+	key: 0,
+	class: "flex min-w-0 items-center gap-sm"
+}, Ve = { class: "truncate text-xs text-primary" }, He = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewLevelCell",
+	props: { item: {} },
+	setup(e) {
+		let t = w();
+		function n(e) {
+			return e === 0 ? t.t("module.dunning_case.level.none") : t.t("module.dunning_case.level.reminder", { level: e });
+		}
+		return (t, r) => (I(), D(B(Z), null, {
+			default: H(() => [e.item.level === null ? O("", !0) : (I(), k("div", Be, [j(a, {
+				level: e.item.level,
+				size: "sm"
+			}, null, 8, ["level"]), A("span", Ve, z(n(e.item.level)), 1)]))]),
+			_: 1
+		}));
+	}
+}), Ue = { class: "w-full text-right font-mono text-sm font-medium text-primary tabular-nums" }, We = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewOutstandingCell",
+	props: { item: {} },
+	setup(e) {
+		let t = n();
+		return (n, r) => (I(), D(B(Z), null, {
+			default: H(() => [A("span", Ue, z(B(t).formatMonetary(e.item.outstandingBalance)), 1)]),
+			_: 1
+		}));
+	}
+}), Ge = { class: "flex flex-col items-start gap-xxs" }, Ke = /* @__PURE__ */ M({
+	__name: "DunningCaseOverviewReminderCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = w(), r = E(() => g(t.item.latestCreatedReminder));
+		function i(e) {
+			let t = G.Now.plainDateISO().until(e, { largestUnit: "days" }).days;
+			return t <= 0 ? n.t("module.dunning_case.overview.due_today") : n.t("module.dunning_case.overview.due_in_days", { count: t });
+		}
+		function a(e) {
+			return G.PlainDate.compare(e, G.Now.plainDateISO()) <= 0;
+		}
+		return (t, n) => (I(), D(B(Z), null, {
+			default: H(() => [A("div", Ge, [e.item.nextReminderOn === null ? O("", !0) : (I(), D(B(ie), {
+				key: 0,
+				color: a(e.item.nextReminderOn) ? "success" : "warning",
+				label: i(e.item.nextReminderOn),
+				size: "sm",
+				variant: "translucent"
+			}, null, 8, ["color", "label"])), j(m, {
+				"blocked-reason": e.item.blockedReason,
+				status: r.value
+			}, null, 8, ["blocked-reason", "status"])])]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+//#region src/modules/dunning-case/use-cases/overview/composables/dunningCaseOverviewTableColumns.composable.ts
+function qe(e) {
+	let t = w();
+	return E(() => pe()([
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.customer"),
+			key: "customer",
+			size: {
+				max: "1fr",
+				min: "12rem"
+			},
+			component: (e) => Q(Ie, { item: e })
+		},
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.level"),
+			key: "level",
+			size: {
+				max: "10rem",
+				min: "8rem"
+			},
+			component: (e) => Q(He, { item: e })
+		},
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.days_overdue"),
+			key: "daysOverdue",
+			size: {
+				max: "9rem",
+				min: "7rem"
+			},
+			component: (e) => Q(Le, { item: e })
+		},
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.next_reminder"),
+			key: "nextReminder",
+			size: {
+				max: "14rem",
+				min: "10rem"
+			},
+			component: (e) => Q(Ke, { item: e })
+		},
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.last_reminder"),
+			key: "lastReminder",
+			size: {
+				max: "12rem",
+				min: "9rem"
+			},
+			component: (e) => Q(ze, { item: e })
+		},
+		{
+			headerLabel: t.t("module.dunning_case.overview.table.outstanding"),
+			key: "outstanding",
+			size: {
+				max: "10rem",
+				min: "8rem"
+			},
+			component: (e) => Q(We, { item: e })
+		},
+		{
+			headerLabel: "",
+			key: "actions",
+			size: {
+				max: "11rem",
+				min: "9rem"
+			},
+			component: (t) => Q(Pe, {
+				item: t,
+				onSend: () => e.onSend(t),
+				onViewCustomer: () => e.onViewCustomer(t)
+			})
+		}
+	]));
+}
+//#endregion
+//#region src/modules/dunning-case/api/mutations/dunningCaseBulkSend.mutation.ts
+function Je() {
+	return U({
+		queryFn: (e) => o.sendBulk(e.params.queryParams),
+		queryKeysToInvalidate: {
+			dunningCaseDetail: {},
+			dunningCaseIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/components/DunningCaseBulkSendStat.vue
+var Ye = /* @__PURE__ */ M({
+	__name: "DunningCaseBulkSendStat",
+	props: {
+		hasSeparator: { type: Boolean },
+		label: {},
+		tone: {},
+		value: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (I(), k("div", { class: N([{ "border-r border-secondary": t.hasSeparator }, "p-lg"]) }, [A("p", { class: N([{
+			"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"]) }, z(t.value), 3), A("p", { class: N([{
+			"text-secondary": t.tone === "default",
+			"text-success-primary": t.tone === "success",
+			"text-warning-primary": t.tone === "warning"
+		}, "mt-xs text-xs font-medium uppercase"]) }, z(t.label), 3)], 2));
+	}
+}), Xe = { class: "flex flex-col gap-md" }, Ze = { class: "grid grid-cols-3 overflow-hidden rounded-md border border-secondary" }, Qe = { class: "rounded-md bg-success-primary px-lg py-md text-sm font-medium text-success-primary" }, $e = {
+	key: 0,
+	class: "rounded-md border border-secondary px-lg py-md text-sm text-secondary"
+}, et = /* @__PURE__ */ M({
+	__name: "DunningCaseBulkSendSummary",
+	props: {
+		processableCount: {},
+		skippedCount: {},
+		totalCount: {}
+	},
+	setup(e) {
+		let t = e, n = w(), r = E(() => [
+			{
+				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) => (I(), k("div", Xe, [
+			A("div", Ze, [(I(!0), k(T, null, R(r.value, (e, t) => (I(), D(Ye, {
+				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))]),
+			A("p", Qe, z(B(n).t("module.dunning_case.bulk_send.processable", { count: t.processableCount })), 1),
+			t.skippedCount > 0 ? (I(), k("p", $e, z(B(n).t("module.dunning_case.bulk_send.skipped", { count: t.skippedCount })), 1)) : O("", !0)
+		]));
+	}
+}), tt = {
+	key: 0,
+	class: "text-sm text-secondary"
+}, nt = /* @__PURE__ */ M({
+	__name: "DunningCaseBulkSendDialog",
+	props: { onSent: { type: Function } },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = {}, a = {
+			customer_has_no_default_recipient: "module.dunning_case.bulk_send.skip_reason.customer_has_no_default_recipient",
+			dunning_case_not_found: "module.dunning_case.bulk_send.skip_reason.dunning_case_not_found",
+			dunning_case_reminder_config_not_found: "module.dunning_case.bulk_send.skip_reason.dunning_case_reminder_config_not_found",
+			dunning_case_reminder_not_due: "module.dunning_case.bulk_send.skip_reason.dunning_case_reminder_not_due",
+			dunning_case_reminder_pending: "module.dunning_case.bulk_send.skip_reason.dunning_case_reminder_pending"
+		};
+		function s(e) {
+			return Object.hasOwn(a, e);
+		}
+		let c = w(), l = he(), u = Je(), d = L(null), f = L(!0), m = E(() => d.value?.meta.processed ?? 0);
+		function h(e) {
+			let t = e.errors.at(0)?.errors.at(0)?.code;
+			return t !== void 0 && s(t) ? c.t(a[t]) : c.t("module.dunning_case.bulk_send.skip_reason.unknown");
+		}
+		function g(e) {
+			let t = /* @__PURE__ */ new Map();
+			for (let n of e) {
+				let e = h(n);
+				t.set(e, (t.get(e) ?? 0) + 1);
+			}
+			return Array.from(t, ([e, t]) => c.t("module.dunning_case.bulk_send.skip_reason_count", {
+				count: t,
+				reason: e
+			})).join(", ");
+		}
+		let _ = ge({
+			schema: C.object({}),
+			onSubmit: async () => {
+				let e = await u.execute({ params: { queryParams: i } });
+				if (e.isErr()) {
+					l.apiError(e.error);
+					return;
+				}
+				let t = g(e.value.skipped);
+				l.show({
+					duration: Infinity,
+					message: t === "" ? c.t("module.dunning_case.bulk_send.success", {
+						count: e.value.meta.processed,
+						processed: e.value.meta.processed,
+						skipped: e.value.meta.skipped
+					}) : c.t("module.dunning_case.bulk_send.success_with_reasons", {
+						count: e.value.meta.processed,
+						processed: e.value.meta.processed,
+						skipped: e.value.meta.skipped,
+						summary: t
+					})
+				}), n.onSent(), r("close");
+			}
+		});
+		async function v() {
+			let e = await o.previewBulk(i);
+			if (e.isErr()) {
+				l.apiError(e.error), r("close");
+				return;
+			}
+			d.value = e.value, f.value = !1;
+		}
+		return F(() => {
+			v();
+		}), (e, t) => (I(), D(B(se), {
+			form: B(_),
+			size: "md",
+			onClose: t[0] ||= (e) => r("close")
+		}, {
+			default: H(() => [
+				j(B(oe), {
+					title: f.value ? B(c).t("module.dunning_case.bulk_send.title") : B(c).t("module.dunning_case.bulk_send.confirm_question", { count: m.value }),
+					description: B(c).t("module.dunning_case.bulk_send.description"),
+					"has-separator": !1,
+					icon: B(p)
+				}, null, 8, [
+					"title",
+					"description",
+					"icon"
+				]),
+				j(B(q), null, {
+					default: H(() => [d.value === null ? (I(), k("p", tt, z(B(c).t("module.dunning_case.bulk_send.loading")), 1)) : (I(), D(et, {
+						key: 1,
+						"processable-count": d.value.meta.processed,
+						"skipped-count": d.value.meta.skipped,
+						"total-count": d.value.meta.total
+					}, null, 8, [
+						"processable-count",
+						"skipped-count",
+						"total-count"
+					]))]),
+					_: 1
+				}),
+				j(B(J), { "has-separator": !1 }, {
+					right: H(() => [j(B(Y)), j(B(X), {
+						"icon-right": B(p),
+						"is-disabled": f.value || m.value === 0,
+						"is-loading": B(_).isSubmitting.value,
+						label: B(c).t("module.dunning_case.bulk_send.confirm", { count: m.value }),
+						onClick: B(_).submit
+					}, null, 8, [
+						"icon-right",
+						"is-disabled",
+						"is-loading",
+						"label",
+						"onClick"
+					])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["form"]));
+	}
+}), rt = { class: "flex min-h-0 flex-1 flex-col gap-xl px-3xl py-xl" }, it = { class: "flex shrink-0 flex-col gap-lg md:flex-row md:items-center md:justify-between" }, at = { class: "text-lg font-semibold text-primary" }, ot = { class: "mt-xs text-sm text-secondary" }, st = { class: "flex items-center gap-sm" }, ct = {
+	key: 0,
+	class: "shrink-0"
+}, lt = { class: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border border-secondary bg-primary shadow-sm" }, ut = { class: "flex flex-col gap-md border-b border-secondary p-sm md:flex-row md:items-center md:justify-between" }, dt = { class: "flex items-center justify-between gap-md border-b border-secondary p-sm" }, ft = {
+	key: 0,
+	class: "px-sm text-xs text-secondary"
+}, pt = { class: "relative flex min-h-0 flex-1 flex-col" }, mt = /*@__PURE__*/ M({
+	__name: "DunningCaseOverviewView",
+	setup(e) {
+		let n = w(), r = me(), a = S(), o = t(), l = i(), f = L("all"), m = E(() => [
+			{
+				icon: c,
+				key: "all",
+				label: n.t("module.dunning_case.overview.filter_all")
+			},
+			{
+				icon: u,
+				key: "level-1",
+				label: n.t("module.dunning_case.level.reminder", { level: 1 })
+			},
+			{
+				icon: u,
+				key: "level-2",
+				label: n.t("module.dunning_case.level.reminder", { level: 2 })
+			},
+			{
+				icon: u,
+				key: "level-3",
+				label: n.t("module.dunning_case.level.reminder", { level: 3 })
+			}
+		]), h = E(() => f.value === "all" ? null : Number(f.value.replace("level-", ""))), g = L(!0), { customerUuid: v, filters: y } = Me();
+		ee(y), o.set(() => n.t("module.dunning_case.title"));
+		let { hasLevelCountError: b, isFetchingNextPage: x, isLoading: C, data: M, error: re, fetchNextPage: N, levelCounts: P, levelCountTotal: F, result: V } = Ae({
+			customerUuid: v,
+			activeLevel: h
+		}), U = E(() => y.activeFilters.value.length);
+		function W(e) {
+			r.create(_, { props: { dunningCaseUuid: e.uuid } }).open();
+		}
+		function G() {
+			r.create(nt, { props: { onSent: () => {
+				V.value;
+			} } }).open();
+		}
+		function ie(e) {
+			let t = l.getCustomerDetailRoute(e.customer.uuid);
+			t !== null && a.push(t);
+		}
+		function q(e) {
+			return {
+				name: "dunning-case-detail",
+				params: { dunningCaseUuid: e.uuid }
+			};
+		}
+		let J = ve(), Y = _e(), X = qe({
+			onSend: W,
+			onViewCustomer: ie
+		});
+		return (e, t) => (I(), D(B(ae), {
+			title: B(n).t("module.dunning_case.title"),
+			"is-title-hidden": !0
+		}, {
+			default: H(() => [A("div", rt, [
+				A("div", it, [A("div", null, [A("h2", at, z(B(n).t("module.dunning_case.title")), 1), A("p", ot, z(B(n).t("module.dunning_case.overview.description")), 1)]), A("div", st, [j(B(K), {
+					"icon-left": g.value ? B(s) : B(d),
+					label: B(n).t(g.value ? "module.dunning_case.overview.hide_metrics" : "module.dunning_case.overview.show_metrics"),
+					variant: "secondary",
+					onClick: t[0] ||= (e) => g.value = !g.value
+				}, null, 8, ["icon-left", "label"]), j(B(K), {
+					"icon-right": B(p),
+					label: B(n).t("module.dunning_case.overview.send_all"),
+					onClick: G
+				}, null, 8, ["icon-right", "label"])])]),
+				g.value ? (I(), k("div", ct, [j(ke, {
+					"has-level-count-error": B(b),
+					"level-counts": B(P),
+					"level-count-total": B(F)
+				}, null, 8, [
+					"has-level-count-error",
+					"level-counts",
+					"level-count-total"
+				])])) : O("", !0),
+				A("div", lt, [
+					A("div", ut, [j(B(ue), {
+						modelValue: f.value,
+						"onUpdate:modelValue": t[1] ||= (e) => f.value = e,
+						"aria-label": B(n).t("module.dunning_case.overview.filter_label"),
+						variant: "button-border"
+					}, {
+						default: H(() => [j(B(fe), null, {
+							default: H(() => [(I(!0), k(T, null, R(m.value, (e) => (I(), D(B(de), {
+								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"]), j(B(K), {
+						"icon-right": B(p),
+						label: B(n).t("module.dunning_case.overview.send_all"),
+						size: "sm",
+						onClick: G
+					}, null, 8, ["icon-right", "label"])]),
+					A("div", dt, [U.value === 0 ? (I(), k("p", ft, z(B(n).t("module.dunning_case.overview.no_active_filters")), 1)) : (I(), D(B(te), { key: 1 })), j(B(ne))]),
+					A("div", pt, [j(B(ce), {
+						"active-filter-count": U.value,
+						columns: B(X),
+						data: B(M),
+						error: B(re),
+						"get-key": (e) => e.uuid,
+						actions: [B(J), B(Y)],
+						"get-action-model": (e) => ({
+							key: e.uuid,
+							modelName: "DunningCase",
+							...e
+						}),
+						"get-link": q,
+						"is-fetching-next-page": B(x),
+						"is-loading": B(C),
+						variant: "full-page",
+						onClearFilters: t[2] ||= (e) => B(y).clearAll(),
+						onNextPage: B(N)
+					}, null, 8, [
+						"active-filter-count",
+						"columns",
+						"data",
+						"error",
+						"get-key",
+						"actions",
+						"get-action-model",
+						"is-fetching-next-page",
+						"is-loading",
+						"onNextPage"
+					])])
+				])
+			])]),
+			_: 1
+		}, 8, ["title"]));
+	}
+}), ht = /* @__PURE__ */ e({ default: () => gt }), gt = mt;
+//#endregion
+export { ht as n, $ as r, gt as t };