@wisemen/wise-invoicing-web 0.0.1 → 0.0.3

package/dist/DunningCaseOverviewView-Bvwaj4_y.js

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