@wisemen/wise-invoicing-web 0.1.0 → 0.2.0

package/dist/InvoiceApprovalOverviewView-DZ14mi4L.js

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