@wisemen/wise-invoicing-web 0.1.1 → 0.3.0

package/dist/DunningCaseOverviewView-Cfo-4VIw.js

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