@wisemen/wise-invoicing-web 0.2.0 → 0.3.1

package/dist/InvoiceApprovalOverviewView-Bw-6rkon.js

@@ -0,0 +1,814 @@
+import "./api.util-CkIRZS3h.js";
+import { _ as e, a as t, o as n, t as r } from "./documentTitle.composable-CRJjS6p-.js";
+import { r as i } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { t as a } from "./search.composable-CU9OpyUB.js";
+import { B as o, F as s, H as c, M as l, P as u, R as d, c as f, dt as p, et as m, i as ee, k as h, lt as te, v as ne } from "./dist-BQbaoN5W.js";
+import { n as g } from "./dist-Cdbpkd3Y.js";
+import { f as _, i as v, n as re, o as ie, r as y, s as ae } from "./dist-CGZBUnWK.js";
+import { t as b } from "./invoiceApprovalStatus.util-DohOKR4q.js";
+import { n as x, t as S } from "./InvoiceApprovalOutOfSyncIndicator-H6H7kjAE.js";
+import { t as C } from "./InvoiceApprovalStatusBadge-IyzJ--TJ.js";
+import { i as w, n as T, r as E, t as D } from "./InvoiceApproveDialogDataProvider-8G-11W1e.js";
+import { t as O } from "./invoiceApproval.service-BHAJmFkU.js";
+import { useI18n as k } from "vue-i18n";
+import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createVNode as I, defineComponent as L, isRef as oe, nextTick as R, normalizeClass as z, normalizeStyle as se, openBlock as B, ref as ce, renderList as V, resolveDynamicComponent as le, unref as H, withCtx as U } from "vue";
+import { useOffsetInfiniteQuery as ue } from "@wisemen/vue-core-api-utils";
+import { Temporal as de } from "temporal-polyfill";
+import { UIActionTrigger as fe, UIBadge as W, UIButton as G, UIClickableElement as pe, UIColumnLayout as K, UIDashboardPage as me, UIEmptyState as he, UILink as ge, UIRowLayout as q, UITable as _e, UITableCell as J, UITableCellInteractiveElement as ve, UITabs as ye, UITabsItem as be, UITabsList as xe, UIText as Y, createComponent as X, defineTableColumns as Se, useOverlay as Z, useToast as Ce } from "@wisemen/vue-core-design-system";
+import { createAction as Q } from "@wisemen/vue-core-actions";
+import { useRouteQuery as we } from "@vueuse/router";
+//#region src/modules/invoice-approval/actions/invoiceApprovalArchive.action.ts
+function Te() {
+	let t = k(), n = Z().create(w);
+	return Q({
+		id: "invoice-approval-archive",
+		isApplicable: (t) => {
+			if (!t.hasTargetedModelsOfType("InvoiceApproval")) return !1;
+			let n = t.targetedModelOfTypeOrThrow("InvoiceApproval");
+			return n.approval.status === e.REQUESTED || n.approval.status === e.EXPIRED;
+		},
+		name: () => t.t("wise_invoicing.invoice.detail.actions.archive_approval"),
+		execute: async (e) => {
+			let t = e.targetedModelOfTypeOrThrow("InvoiceApproval");
+			await n.open({
+				approvalUuid: t.uuid,
+				invoiceUuid: t.invoiceUuid
+			});
+		},
+		icon: () => s
+	});
+}
+//#endregion
+//#region src/modules/invoice-approval/actions/invoiceApprovalReject.action.ts
+function Ee() {
+	let t = k(), n = Z().create(E);
+	return Q({
+		id: "invoice-approval-reject",
+		isApplicable: (t) => t.hasTargetedModelsOfType("InvoiceApproval") ? t.targetedModelOfTypeOrThrow("InvoiceApproval").approval.status === e.REQUESTED : !1,
+		name: () => t.t("wise_invoicing.invoice.detail.actions.reject_approval"),
+		execute: async (e) => {
+			let t = e.targetedModelOfTypeOrThrow("InvoiceApproval");
+			await n.open({
+				approvalUuid: t.uuid,
+				invoiceUuid: t.invoiceUuid
+			});
+		},
+		icon: () => d
+	});
+}
+//#endregion
+//#region src/modules/invoice-approval/actions/invoiceApprovalSendRequest.action.ts
+function De(t) {
+	return t.approval.status === e.REJECTED || t.approval.status === e.EXPIRED || t.hasChangesSinceApprovalSent;
+}
+function Oe() {
+	let e = k(), t = Ce(), n = T();
+	return Q({
+		id: "invoice-approval-send-request",
+		isApplicable: (e) => e.hasTargetedModelsOfType("InvoiceApproval") ? De(e.targetedModelOfTypeOrThrow("InvoiceApproval")) : !1,
+		name: () => e.t("wise_invoicing.invoice.detail.actions.send_approval_request"),
+		execute: async (r) => {
+			let i = r.targetedModelOfTypeOrThrow("InvoiceApproval"), a = await n.execute({ params: {
+				invoiceUuid: i.invoiceUuid,
+				hasActiveApproval: !0
+			} });
+			if (a.isErr()) {
+				t.apiError(a.error);
+				return;
+			}
+			t.show({ message: e.t("wise_invoicing.invoice_approval.overview.send_request_success", { reference: i.invoiceSubject ?? e.t("wise_invoicing.invoice.detail.fallback_title") }) });
+		},
+		icon: () => p
+	});
+}
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/components/InvoiceApprovalOverviewMetrics.vue?vue&type=script&setup=true&lang.ts
+var ke = { class: "grid min-w-0 grid-cols-1 gap-xl lg:grid-cols-2" }, Ae = { class: "mt-xl 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-2" }, Me = ["onClick"], Ne = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewMetrics",
+	props: {
+		hasCountError: { type: Boolean },
+		needsAttentionTotal: {},
+		outOfSyncCount: {},
+		rejectedCount: {},
+		reminderCountTotal: {},
+		reminderOneCount: {},
+		reminderTwoCount: {}
+	},
+	emits: ["showOutOfSync", "showRejected"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = k(), a = j(() => n.hasCountError ? i.t("wise_invoicing.invoice_approval.overview.metrics.unavailable") : i.t("wise_invoicing.invoice_approval.overview.metrics.active_reminders")), o = j(() => [{
+			count: n.reminderOneCount,
+			key: "reminder-1",
+			label: i.t("wise_invoicing.invoice.approval_status.r1")
+		}, {
+			count: n.reminderTwoCount,
+			key: "reminder-2",
+			label: i.t("wise_invoicing.invoice.approval_status.r2")
+		}]), s = j(() => [{
+			count: n.rejectedCount,
+			countClass: "text-error-primary",
+			description: i.t("wise_invoicing.invoice_approval.overview.metrics.rejected_description"),
+			icon: c,
+			iconClass: "bg-error-secondary text-error-primary",
+			key: "rejected",
+			label: i.t("wise_invoicing.invoice.approval_status.rejected")
+		}, {
+			count: n.outOfSyncCount,
+			countClass: "text-warning-primary",
+			description: i.t("wise_invoicing.invoice_approval.overview.metrics.out_of_sync_description"),
+			icon: m,
+			iconClass: "bg-brand-secondary text-brand-secondary",
+			key: "out-of-sync",
+			label: i.t("wise_invoicing.invoice_approval.overview.tabs.out_of_sync")
+		}]);
+		function l(e) {
+			if (e === "rejected") {
+				r("showRejected");
+				return;
+			}
+			r("showOutOfSync");
+		}
+		return (e, t) => (B(), P("div", ke, [I(H(K), {
+			"aria-label": H(i).t("wise_invoicing.invoice_approval.overview.metrics.reminders"),
+			as: "section",
+			gap: "none",
+			class: "min-w-0 rounded-lg border border-secondary bg-primary p-2xl shadow-sm"
+		}, {
+			default: U(() => [
+				I(H(q), {
+					align: "start",
+					justify: "between",
+					gap: "md"
+				}, {
+					default: U(() => [I(H(Y), {
+						text: H(i).t("wise_invoicing.invoice_approval.overview.metrics.reminders"),
+						class: "text-xs font-semibold text-secondary uppercase"
+					}, null, 8, ["text"]), I(H(ge), {
+						label: H(i).t("wise_invoicing.invoice_approval.overview.metrics.approval_ladder"),
+						to: { name: "invoice-approval-settings-module" },
+						size: "sm",
+						variant: "tertiary"
+					}, null, 8, ["label"])]),
+					_: 1
+				}),
+				I(H(Y), {
+					text: String(n.reminderCountTotal ?? "—"),
+					class: "mt-xl font-mono text-4xl font-semibold text-primary"
+				}, null, 8, ["text"]),
+				I(H(Y), {
+					text: a.value,
+					class: "mt-xs text-sm text-secondary"
+				}, null, 8, ["text"]),
+				F("div", Ae, [(B(!0), P(A, null, V(o.value, (e) => (B(), P("span", {
+					key: e.key,
+					class: z(e.key === "reminder-1" ? "bg-warning-solid" : "\n            bg-error-solid\n          "),
+					style: se({ flexGrow: e.count ?? 0 })
+				}, null, 6))), 128))]),
+				F("div", je, [(B(!0), P(A, null, V(o.value, (e) => (B(), M(H(q), {
+					key: e.key,
+					align: "center",
+					justify: "between",
+					gap: "xl"
+				}, {
+					default: U(() => [I(H(q), {
+						align: "center",
+						gap: "sm",
+						class: "min-w-0"
+					}, {
+						default: U(() => [F("span", { class: z([e.key === "reminder-1" ? "bg-warning-solid" : "\n                bg-error-solid\n              ", "size-2 shrink-0 rounded-full"]) }, null, 2), I(H(Y), {
+							text: e.label,
+							class: "text-sm text-secondary"
+						}, null, 8, ["text"])]),
+						_: 2
+					}, 1024), I(H(Y), {
+						text: e.count === null ? "—" : H(i).t("wise_invoicing.invoice_approval.overview.metrics.invoice_count", { count: e.count }),
+						class: "shrink-0 font-mono text-sm font-semibold text-primary tabular-nums"
+					}, null, 8, ["text"])]),
+					_: 2
+				}, 1024))), 128))])
+			]),
+			_: 1
+		}, 8, ["aria-label"]), I(H(K), {
+			"aria-label": H(i).t("wise_invoicing.invoice_approval.overview.metrics.needs_attention"),
+			as: "section",
+			gap: "none",
+			class: "min-w-0 rounded-lg border border-secondary bg-primary p-2xl shadow-sm"
+		}, {
+			default: U(() => [I(H(q), {
+				align: "start",
+				justify: "between",
+				gap: "md"
+			}, {
+				default: U(() => [I(H(Y), {
+					text: H(i).t("wise_invoicing.invoice_approval.overview.metrics.needs_attention"),
+					class: "text-xs font-semibold text-secondary uppercase"
+				}, null, 8, ["text"]), n.needsAttentionTotal === null ? N("", !0) : (B(), M(H(W), {
+					key: 0,
+					label: H(i).t("wise_invoicing.invoice_approval.overview.metrics.invoice_count", { count: n.needsAttentionTotal }),
+					color: "warning",
+					size: "sm",
+					variant: "translucent"
+				}, null, 8, ["label"]))]),
+				_: 1
+			}), I(H(K), {
+				gap: "md",
+				class: "mt-xl"
+			}, {
+				default: U(() => [(B(!0), P(A, null, V(s.value, (e) => (B(), M(H(pe), { key: e.key }, {
+					default: U(() => [F("button", {
+						class: "flex w-full items-center gap-lg rounded-lg border border-secondary p-lg text-left hover:bg-secondary",
+						type: "button",
+						onClick: (t) => l(e.key)
+					}, [
+						F("span", { class: z([e.iconClass, "flex size-8 shrink-0 items-center justify-center rounded-full"]) }, [(B(), M(le(e.icon), { class: "size-(--spacing-xl)" }))], 2),
+						I(H(K), {
+							gap: "none",
+							class: "min-w-0 flex-1"
+						}, {
+							default: U(() => [I(H(Y), {
+								text: e.label,
+								class: "text-sm font-medium text-primary"
+							}, null, 8, ["text"]), I(H(Y), {
+								text: e.description,
+								class: "text-xs text-secondary"
+							}, null, 8, ["text"])]),
+							_: 2
+						}, 1024),
+						I(H(Y), {
+							text: String(e.count ?? "—"),
+							class: z([e.countClass, "shrink-0 font-mono text-xl font-semibold tabular-nums"])
+						}, null, 8, ["text", "class"]),
+						I(H(h), { class: "size-(--spacing-xl) shrink-0 text-tertiary" })
+					], 8, Me)]),
+					_: 2
+				}, 1024))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["aria-label"])]));
+	}
+});
+//#endregion
+//#region src/modules/invoice-approval/api/queries/invoiceApprovalIndex.query.ts
+function Pe(e) {
+	let t = j(() => ({ filters: e.params.filters?.value }));
+	return ue("invoiceApprovalIndex", {
+		params: { queryParams: t },
+		queryFn: (e) => O.getAll({
+			...t.value,
+			pagination: e
+		})
+	});
+}
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/composables/invoiceApprovalOverview.composable.ts
+var $ = {
+	all: {},
+	awaiting: { approvalStatus: t.AWAITING_APPROVAL },
+	"out-of-sync": { hasChangesSinceApprovalSent: !0 },
+	rejected: { approvalStatus: t.REJECTED },
+	"reminder-1": { approvalStatus: t.REMINDER_1 },
+	"reminder-2": { approvalStatus: t.REMINDER_2 }
+};
+function Fe(e) {
+	function t(t) {
+		return {
+			...t,
+			customerUuid: e.customerUuid.value ?? null
+		};
+	}
+	let { isFetchingNextPage: n, isLoading: r, fetchNextPage: i, result: a } = Pe({ params: { filters: j(() => t($[e.activeTab.value])) } }), o = j(() => a.value.isOk() ? a.value.getValue().data : []), s = j(() => a.value.isErr() ? a.value.getError() : null);
+	function c(e) {
+		return Pe({ params: { filters: j(() => t(e)) } });
+	}
+	let l = {
+		all: c($.all),
+		awaiting: c($.awaiting),
+		outOfSync: c($["out-of-sync"]),
+		rejected: c($.rejected),
+		reminderOne: c($["reminder-1"]),
+		reminderTwo: c($["reminder-2"])
+	};
+	function u(e) {
+		return e.result.value.isOk() ? e.result.value.getValue().meta.total : null;
+	}
+	let d = j(() => ({
+		all: u(l.all),
+		awaiting: u(l.awaiting),
+		outOfSync: u(l.outOfSync),
+		rejected: u(l.rejected),
+		reminderOne: u(l.reminderOne),
+		reminderTwo: u(l.reminderTwo)
+	})), f = j(() => Object.values(l).some((e) => e.result.value.isErr())), p = j(() => {
+		let { reminderOne: e, reminderTwo: t } = d.value;
+		return e === null || t === null ? null : e + t;
+	});
+	return {
+		hasCountError: f,
+		isFetchingNextPage: n,
+		isLoading: r,
+		counts: d,
+		data: o,
+		error: s,
+		fetchNextPage: i,
+		needsAttentionTotal: j(() => {
+			let { outOfSync: e, rejected: t } = d.value;
+			return e === null || t === null ? null : e + t;
+		}),
+		reminderCountTotal: p,
+		tabCounts: j(() => ({
+			all: d.value.all,
+			awaiting: d.value.awaiting,
+			"out-of-sync": d.value.outOfSync,
+			rejected: d.value.rejected,
+			"reminder-1": d.value.reminderOne,
+			"reminder-2": d.value.reminderTwo
+		}))
+	};
+}
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/composables/invoiceApprovalOverviewFilters.composable.ts
+function Ie() {
+	let e = k(), t = a({ debounceMs: 250 }), n = x({ params: { search: t.debouncedSearch } }), r = j(() => n.result.value.isOk() ? n.result.value.getValue().data : []), i = v({
+		actionGroup: { name: "invoice-approvals" },
+		filters: [_({
+			defaultValue: {
+				operator: y.INCLUDES,
+				value: []
+			},
+			disableOperators: !0,
+			displayFn: (e) => r.value.find((t) => t.uuid === e)?.name ?? e,
+			key: "customerUuids",
+			label: e.t("wise_invoicing.invoice_approval.overview.filters.customer"),
+			options: async (e) => i.values.value.customerUuids.value.length > 0 ? [] : (t.updateSearch(e), await R(), r.value.map((e) => e.uuid))
+		})]
+	});
+	return {
+		customerUuid: j(() => i.values.value.customerUuids.value.at(-1)),
+		filters: i
+	};
+}
+//#endregion
+//#region src/modules/invoice-approval/actions/invoiceApprovalMarkAsApproved.action.ts
+function Le() {
+	let e = k(), t = Z().create(D);
+	return Q({
+		id: "invoice-approval-mark-as-approved",
+		isApplicable: (e) => {
+			if (!e.hasTargetedModelsOfType("InvoiceApproval")) return !1;
+			let t = e.targetedModelOfTypeOrThrow("InvoiceApproval");
+			return b.canMarkAsApproved(t.approval.status);
+		},
+		name: () => e.t("wise_invoicing.invoice.detail.actions.mark_as_approved"),
+		execute: async (e) => {
+			let n = e.targetedModelOfTypeOrThrow("InvoiceApproval");
+			await t.open({
+				approvalUuid: n.uuid,
+				invoiceUuid: n.invoiceUuid
+			});
+		},
+		icon: () => ee
+	});
+}
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/components/InvoiceApprovalOverviewActionsCell.vue
+var Re = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewActionsCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = Le(), r = j(() => [{
+			...t.item,
+			key: t.item.uuid,
+			modelName: "InvoiceApproval"
+		}]);
+		return (e, t) => (B(), M(H(J), null, {
+			default: U(() => [I(H(ve), { class: "w-full" }, {
+				default: U(() => [I(H(q), {
+					align: "center",
+					justify: "end",
+					gap: "xs",
+					class: "w-full"
+				}, {
+					default: U(() => [I(H(fe), {
+						action: H(n),
+						models: r.value,
+						"is-current-context-only": !0
+					}, {
+						default: U(({ canExecute: e, icon: t, label: n }) => [e ? (B(), M(H(G), {
+							key: 0,
+							"icon-right": t,
+							label: n,
+							size: "sm",
+							variant: "secondary"
+						}, null, 8, ["icon-right", "label"])) : N("", !0)]),
+						_: 1
+					}, 8, ["action", "models"])]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), ze = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewAmountCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = i(), r = k(), a = j(() => n.formatMonetary(t.item.netAmount)), o = j(() => r.t("wise_invoicing.invoice_approval.overview.gross_total", { amount: n.formatMonetary(t.item.grossAmount) }));
+		return (e, t) => (B(), M(H(J), null, {
+			default: U(() => [I(H(K), {
+				gap: "none",
+				class: "w-full"
+			}, {
+				default: U(() => [I(H(Y), {
+					text: a.value,
+					class: "w-full text-right text-sm font-medium text-secondary tabular-nums"
+				}, null, 8, ["text"]), I(H(Y), {
+					text: o.value,
+					class: "w-full text-right text-xs text-tertiary tabular-nums"
+				}, null, 8, ["text"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), Be = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewInvoiceCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = k();
+		return (e, r) => (B(), M(H(J), null, {
+			default: U(() => [I(H(K), {
+				gap: "none",
+				class: "min-w-0"
+			}, {
+				default: U(() => [I(H(Y), {
+					text: t.item.invoiceSubject ?? H(n).t("wise_invoicing.invoice.detail.fallback_title"),
+					class: "text-sm font-medium text-primary"
+				}, null, 8, ["text"]), I(H(Y), {
+					text: t.item.customerName ?? "-",
+					class: "text-xs text-secondary"
+				}, null, 8, ["text"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), Ve = { class: "flex min-w-0 flex-col items-start gap-xxs" }, He = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewNextReminderCell",
+	props: { item: {} },
+	setup(e) {
+		let t = e, n = k(), r = g(), i = j(() => t.item.hasChangesSinceApprovalSent), a = j(() => {
+			let e = t.item.nextReminderOn;
+			return e === null ? null : de.Now.plainDateISO().until(e, { largestUnit: "days" }).days;
+		}), o = j(() => {
+			let e = a.value;
+			return e === null ? null : e <= 0 ? n.t("wise_invoicing.invoice_approval.overview.due_today") : n.t("wise_invoicing.invoice_approval.overview.due_in_days", { count: e });
+		}), s = j(() => {
+			let e = t.item.approval, i = e.reminderSentAt;
+			return i !== null && e.level !== null ? n.t("wise_invoicing.invoice_approval.overview.last_reminder", {
+				level: n.t(b.getReminderLevelTranslationKey(e.level)),
+				time: r.toRelativeTime(i)
+			}) : e.sentAt === null ? n.t("wise_invoicing.invoice_approval.overview.not_sent_yet") : n.t("wise_invoicing.invoice_approval.overview.request_sent", { time: r.toRelativeTime(e.sentAt) });
+		}), l = {
+			icon: c,
+			type: "icon"
+		};
+		return (e, t) => (B(), M(H(J), null, {
+			default: U(() => [F("div", Ve, [i.value ? (B(), M(H(W), {
+				key: 0,
+				label: H(n).t("wise_invoicing.invoice_approval.overview.reminder_blocked"),
+				left: l,
+				color: "error",
+				size: "sm",
+				variant: "translucent"
+			}, null, 8, ["label"])) : o.value === null ? N("", !0) : (B(), M(H(W), {
+				key: 1,
+				color: (a.value ?? 0) <= 0 ? "warning" : "success",
+				label: o.value,
+				size: "sm",
+				variant: "translucent"
+			}, null, 8, ["color", "label"])), I(H(Y), {
+				text: s.value,
+				class: "text-xs text-secondary"
+			}, null, 8, ["text"])])]),
+			_: 1
+		}));
+	}
+}), Ue = {
+	class: "flex shrink-0 gap-xxs",
+	"aria-hidden": "true"
+}, We = 2, Ge = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalReminderLevelIndicator",
+	props: { level: {} },
+	setup(e) {
+		let t = e, r = j(() => Math.min(We, t.level)), i = j(() => t.level === n._2);
+		return (e, t) => (B(), P("span", Ue, [(B(), P(A, null, V(We, (e) => F("span", {
+			key: e,
+			class: z([e <= r.value ? i.value ? "border-error bg-error-solid" : "\n          border-warning-500 bg-warning-solid\n        " : "border-secondary bg-primary", "h-(--spacing-sm) w-(--spacing-md) rounded-full border"])
+		}, null, 2)), 64))]));
+	}
+}), Ke = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewStatusCell",
+	props: { item: {} },
+	setup(t) {
+		let n = t, r = k(), i = j(() => n.item.approval.status === e.REQUESTED ? n.item.approval.level : null), a = j(() => i.value === 2 ? r.t("wise_invoicing.invoice.approval_status.r2") : r.t("wise_invoicing.invoice.approval_status.r1"));
+		return (e, t) => (B(), M(H(J), null, {
+			default: U(() => [I(H(q), {
+				align: "center",
+				gap: "xs"
+			}, {
+				default: U(() => [i.value === null ? (B(), M(C, {
+					key: 1,
+					approval: n.item.approval,
+					rejection: n.item.rejectionReason === null ? null : {
+						reason: n.item.rejectionReason,
+						remark: null
+					},
+					"requires-prior-approval": !0
+				}, null, 8, ["approval", "rejection"])) : (B(), M(H(q), {
+					key: 0,
+					align: "center",
+					gap: "sm",
+					class: "min-w-0 rounded-md border border-secondary py-xxs pr-sm pl-xs"
+				}, {
+					default: U(() => [I(Ge, { level: i.value }, null, 8, ["level"]), I(H(Y), {
+						text: a.value,
+						class: "text-xs text-primary"
+					}, null, 8, ["text"])]),
+					_: 1
+				})), n.item.hasChangesSinceApprovalSent ? (B(), M(S, { key: 2 })) : N("", !0)]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/composables/invoiceApprovalOverviewTableColumns.composable.ts
+function qe() {
+	let e = k();
+	return j(() => Se()([
+		{
+			headerLabel: e.t("wise_invoicing.invoice_approval.overview.columns.invoice"),
+			key: "invoice",
+			size: {
+				max: "24rem",
+				min: "14rem"
+			},
+			component: (e) => X(Be, { item: e })
+		},
+		{
+			headerLabel: e.t("wise_invoicing.invoice_approval.overview.columns.status"),
+			key: "status",
+			size: {
+				max: "14rem",
+				min: "10rem"
+			},
+			component: (e) => X(Ke, { item: e })
+		},
+		{
+			headerLabel: e.t("wise_invoicing.invoice_approval.overview.columns.next_reminder"),
+			key: "nextReminder",
+			size: {
+				max: "14rem",
+				min: "10rem"
+			},
+			component: (e) => X(He, { item: e })
+		},
+		{
+			headerLabel: e.t("wise_invoicing.invoice_approval.overview.columns.amount"),
+			key: "amount",
+			size: {
+				max: "12rem",
+				min: "9rem"
+			},
+			component: (e) => X(ze, { item: e })
+		},
+		{
+			headerLabel: e.t("wise_invoicing.invoice_approval.overview.columns.actions"),
+			key: "actions",
+			size: {
+				max: "16rem",
+				min: "14rem"
+			},
+			component: (e) => X(Re, { item: e })
+		}
+	]));
+}
+//#endregion
+//#region src/modules/invoice-approval/use-cases/overview/views/InvoiceApprovalOverviewView.vue
+var Je = /* @__PURE__ */ L({
+	__name: "InvoiceApprovalOverviewView",
+	setup(e) {
+		let t = k(), n = r(), i = we("tab", "awaiting"), a = ce(!0), { customerUuid: s, filters: c } = Ie();
+		re(c);
+		let { hasCountError: p, isFetchingNextPage: ee, isLoading: h, counts: g, data: _, error: v, fetchNextPage: y, needsAttentionTotal: b, reminderCountTotal: x, tabCounts: S } = Fe({
+			customerUuid: s,
+			activeTab: j(() => i.value)
+		}), C = j(() => c.activeFilters.value.length), w = j(() => [
+			{
+				icon: o,
+				key: "all",
+				label: t.t("wise_invoicing.invoice_approval.overview.tabs.all")
+			},
+			{
+				icon: ne,
+				key: "awaiting",
+				label: t.t("wise_invoicing.invoice.approval_status.awaiting_approval")
+			},
+			{
+				icon: f,
+				key: "reminder-1",
+				label: t.t("wise_invoicing.invoice.approval_status.r1")
+			},
+			{
+				icon: l,
+				key: "reminder-2",
+				label: t.t("wise_invoicing.invoice.approval_status.r2")
+			},
+			{
+				icon: d,
+				key: "rejected",
+				label: t.t("wise_invoicing.invoice.approval_status.rejected")
+			},
+			{
+				icon: m,
+				key: "out-of-sync",
+				label: t.t("wise_invoicing.invoice_approval.overview.tabs.out_of_sync")
+			}
+		]);
+		n.set(() => t.t("wise_invoicing.invoice_approval.title"));
+		let T = Oe(), E = Ee(), D = Te(), O = j(() => [
+			T,
+			E,
+			D
+		]), F = j(() => !h.value && v.value === null && _.value.length === 0 && C.value === 0), L = qe();
+		function R(e) {
+			let t = S.value[e];
+			return t === null ? null : {
+				type: "count",
+				value: t
+			};
+		}
+		function z(e) {
+			return {
+				name: "invoicing-invoice-detail",
+				params: { invoiceUuid: e.invoiceUuid }
+			};
+		}
+		return (e, n) => (B(), M(H(me), {
+			title: H(t).t("wise_invoicing.invoice_approval.title"),
+			"is-title-hidden": !0
+		}, {
+			default: U(() => [I(H(K), {
+				align: "stretch",
+				gap: "xl",
+				class: "min-h-0 flex-1 px-3xl py-xl"
+			}, {
+				default: U(() => [
+					I(H(q), {
+						align: "center",
+						justify: "between",
+						gap: "lg",
+						class: "shrink-0"
+					}, {
+						default: U(() => [I(H(K), { gap: "none" }, {
+							default: U(() => [I(H(Y), {
+								text: H(t).t("wise_invoicing.invoice_approval.title"),
+								as: "h2",
+								class: "text-lg font-semibold text-primary"
+							}, null, 8, ["text"]), I(H(Y), {
+								text: H(t).t("wise_invoicing.invoice_approval.overview.description"),
+								class: "mt-xs text-sm text-secondary"
+							}, null, 8, ["text"])]),
+							_: 1
+						}), I(H(G), {
+							"icon-left": a.value ? H(te) : H(u),
+							label: H(t).t(a.value ? "wise_invoicing.invoice_approval.overview.hide_metrics" : "wise_invoicing.invoice_approval.overview.show_metrics"),
+							variant: "secondary",
+							onClick: n[0] ||= (e) => a.value = !a.value
+						}, null, 8, ["icon-left", "label"])]),
+						_: 1
+					}),
+					a.value ? (B(), M(Ne, {
+						key: 0,
+						"has-count-error": H(p),
+						"needs-attention-total": H(b),
+						"out-of-sync-count": H(g).outOfSync,
+						"rejected-count": H(g).rejected,
+						"reminder-count-total": H(x),
+						"reminder-one-count": H(g).reminderOne,
+						"reminder-two-count": H(g).reminderTwo,
+						onShowOutOfSync: n[1] ||= (e) => i.value = "out-of-sync",
+						onShowRejected: n[2] ||= (e) => i.value = "rejected"
+					}, null, 8, [
+						"has-count-error",
+						"needs-attention-total",
+						"out-of-sync-count",
+						"rejected-count",
+						"reminder-count-total",
+						"reminder-one-count",
+						"reminder-two-count"
+					])) : N("", !0),
+					I(H(K), {
+						align: "stretch",
+						gap: "none",
+						class: "min-h-0 flex-1 overflow-hidden rounded-lg border border-secondary bg-primary shadow-sm"
+					}, {
+						default: U(() => [
+							I(H(q), {
+								align: "center",
+								justify: "between",
+								gap: "md",
+								class: "border-b border-secondary p-sm"
+							}, {
+								default: U(() => [I(H(ye), {
+									modelValue: H(i),
+									"onUpdate:modelValue": n[3] ||= (e) => oe(i) ? i.value = e : null,
+									variant: "button-border"
+								}, {
+									default: U(() => [I(H(xe), null, {
+										default: U(() => [(B(!0), P(A, null, V(w.value, (e) => (B(), M(H(be), {
+											key: e.key,
+											config: {
+												indicator: R(e.key),
+												left: {
+													icon: e.icon,
+													type: "icon"
+												}
+											},
+											label: e.label,
+											value: e.key
+										}, null, 8, [
+											"config",
+											"label",
+											"value"
+										]))), 128))]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["modelValue"])]),
+								_: 1
+							}),
+							I(H(q), {
+								align: "center",
+								justify: "between",
+								gap: "md",
+								class: "border-b border-secondary p-sm"
+							}, {
+								default: U(() => [C.value === 0 ? (B(), M(H(Y), {
+									key: 0,
+									text: H(t).t("wise_invoicing.common.no_active_filters"),
+									class: "px-sm text-xs text-secondary"
+								}, null, 8, ["text"])) : (B(), M(H(ie), { key: 1 })), I(H(ae))]),
+								_: 1
+							}),
+							F.value ? (B(), M(H(he), {
+								key: 0,
+								title: H(t).t("wise_invoicing.invoice_approval.overview.empty_state.title"),
+								description: H(t).t("wise_invoicing.invoice_approval.overview.empty_state.description"),
+								illustration: "documents",
+								class: "py-7xl"
+							}, null, 8, ["title", "description"])) : (B(), M(H(_e), {
+								key: 1,
+								"active-filter-count": C.value,
+								actions: O.value,
+								columns: H(L),
+								data: H(_),
+								error: H(v),
+								"get-action-model": (e) => ({
+									...e,
+									key: e.uuid,
+									modelName: "InvoiceApproval"
+								}),
+								"get-key": (e) => e.uuid,
+								"get-link": z,
+								"is-fetching-next-page": H(ee),
+								"is-loading": H(h),
+								onClearFilters: n[4] ||= (e) => H(c).clearAll(),
+								onNextPage: H(y)
+							}, null, 8, [
+								"active-filter-count",
+								"actions",
+								"columns",
+								"data",
+								"error",
+								"get-action-model",
+								"get-key",
+								"is-fetching-next-page",
+								"is-loading",
+								"onNextPage"
+							]))
+						]),
+						_: 1
+					})
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["title"]));
+	}
+});
+//#endregion
+export { Je as default };