@wisemen/wise-invoicing-web 0.1.1 → 0.3.0

package/dist/{DunningCaseReminderPdfViewDataProvider-I0I_WQQB.js → DunningCaseReminderPdfViewDataProvider-Dr-CS_VQ.js}

@@ -1,10 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t, t as n } from "./api.util-BCSgCfpS.js";
+import { ot as t, t as n } from "./api.util-CkIRZS3h.js";
 import { r } from "./useCurrencyFormat.composable-MtZaqKnO.js";
-import { n as i } from "./src-BFgnUugN.js";
-import { n as a, t as o } from "./plainDate.transformer-BxvJpJOv.js";
-import { n as s, t as c } from "./address.transformer-jGddczLV.js";
-import { t as l } from "./instant.transformer-KmBsH3E9.js";
+import { n as i } from "./src-DUSgQTKr.js";
+import { n as a, t as o } from "./address.transformer-jGddczLV.js";
+import { n as s, r as c, t as l } from "./plainDate.transformer-Bhiz9jW7.js";
 import { n as u, r as ee } from "./dist-boJIIxnT.js";
 import { useI18n as d } from "vue-i18n";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as te, createVNode as v, defineComponent as y, normalizeClass as b, onUnmounted as x, openBlock as S, renderList as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
@@ -15,35 +14,36 @@ import { useRouteQuery as M } from "@vueuse/router";
 var N = class e {
 	static fromInvoiceDto(e) {
 		return {
-			dueOn: o.fromDto(e.dueOn),
-			issuedOn: o.fromDto(e.issuedOn),
+			dueOn: l.fromDto(e.dueOn),
+			issuedOn: l.fromDto(e.issuedOn),
 			isNew: e.isNew,
 			daysOverdue: e.daysOverdue,
-			fee: a.fromDto(e.fee),
+			fee: s.fromDto(e.fee),
 			level: e.level,
-			outstandingBalance: a.fromDto(e.outstandingBalance),
+			outstandingBalance: s.fromDto(e.outstandingBalance),
 			sequence: e.sequence
 		};
 	}
 	static fromOutstandingInvoiceDto(e) {
 		return {
-			dueOn: o.fromDto(e.dueOn),
-			issuedOn: o.fromDto(e.issuedOn),
+			dueOn: l.fromDto(e.dueOn),
+			issuedOn: l.fromDto(e.issuedOn),
 			isNew: !1,
 			daysOverdue: e.daysOverdue,
 			fee: null,
 			level: null,
-			outstandingBalance: a.fromDto(e.outstandingBalance),
+			outstandingBalance: s.fromDto(e.outstandingBalance),
 			sequence: e.sequence
 		};
 	}
 	static fromPublicDto(t) {
+		let n = new Set(t.invoices.map((e) => e.sequence)), r = t.outstandingInvoices.filter((e) => e.daysOverdue > 0 && !n.has(e.sequence));
 		return {
-			createdAt: l.fromDto(t.createdAt),
-			sentAt: l.fromNullableDto(t.sentAt),
+			createdAt: c.fromDto(t.createdAt),
+			sentAt: c.fromNullableDto(t.sentAt),
 			issuer: {
 				name: t.issuer.name,
-				address: c.fromNullableDto(t.issuer.address),
+				address: o.fromNullableDto(t.issuer.address),
 				alternativeBankAccountNumber: t.issuer.alternativeBankAccountNumber,
 				bankAccountNumber: t.issuer.bankAccountNumber,
 				email: t.issuer.email,
@@ -53,17 +53,17 @@ var N = class e {
 			},
 			customer: {
 				name: t.customer.name,
-				address: c.fromNullableDto(t.customer.address),
+				address: o.fromNullableDto(t.customer.address),
 				locale: t.customer.locale
 			},
-			invoices: t.invoices.map(e.fromInvoiceDto).toSorted((e, t) => (t.level ?? 0) - (e.level ?? 0) || t.outstandingBalance.amount - e.outstandingBalance.amount),
+			invoices: [...t.invoices.map(e.fromInvoiceDto), ...r.map(e.fromOutstandingInvoiceDto)].toSorted((e, t) => (t.level ?? 0) - (e.level ?? 0) || t.outstandingBalance.amount - e.outstandingBalance.amount),
 			level: t.level,
-			outstandingInvoices: t.outstandingInvoices.map(e.fromOutstandingInvoiceDto),
+			outstandingInvoices: t.outstandingInvoices.filter((e) => e.daysOverdue <= 0).map(e.fromOutstandingInvoiceDto),
 			recipient: {
 				name: t.recipient.name,
 				email: t.recipient.email
 			},
-			totalFee: a.fromDto(t.totalFee)
+			totalFee: s.fromDto(t.totalFee)
 		};
 	}
 }, P = class {
@@ -92,11 +92,11 @@ var I = /* @__PURE__ */ y({
 	__name: "DunningCaseReminderPdfFooter",
 	props: { issuer: {} },
 	setup(e) {
-		let t = e, n = d(), r = p(() => t.issuer.name ?? n.t("module.dunning_case.pdf.not_available")), i = p(() => s.formatLines(t.issuer.address).join(", ")), a = p(() => t.issuer.bankAccountNumber ?? t.issuer.alternativeBankAccountNumber);
-		function o(...e) {
+		let t = e, n = d(), r = p(() => t.issuer.name ?? n.t("module.dunning_case.pdf.not_available")), i = p(() => a.formatLines(t.issuer.address).join(", ")), o = p(() => t.issuer.bankAccountNumber ?? t.issuer.alternativeBankAccountNumber);
+		function s(...e) {
 			return e.flatMap(([e, t]) => t === null || t === "" ? [] : `${e}: ${t}`);
 		}
-		let c = p(() => [o([n.t("module.dunning_case.pdf.footer.email"), t.issuer.email], [n.t("module.dunning_case.pdf.footer.phone"), t.issuer.phoneNumber]), o([n.t("module.dunning_case.pdf.footer.address"), i.value], [n.t("module.dunning_case.pdf.footer.vat_number"), t.issuer.vatNumber], [n.t("module.dunning_case.pdf.footer.iban"), a.value])].filter((e) => e.length > 0));
+		let c = p(() => [s([n.t("module.dunning_case.pdf.footer.email"), t.issuer.email], [n.t("module.dunning_case.pdf.footer.phone"), t.issuer.phoneNumber]), s([n.t("module.dunning_case.pdf.footer.address"), i.value], [n.t("module.dunning_case.pdf.footer.vat_number"), t.issuer.vatNumber], [n.t("module.dunning_case.pdf.footer.iban"), o.value])].filter((e) => e.length > 0));
 		return (e, t) => (S(), m(T(O), {
 			as: "footer",
 			align: "stretch",
@@ -169,7 +169,7 @@ var I = /* @__PURE__ */ y({
 	__name: "DunningCaseReminderPdfHeader",
 	props: { reminder: {} },
 	setup(e) {
-		let t = e, n = d(), r = u(), i = p(() => t.reminder.issuer.name ?? n.t("module.dunning_case.pdf.not_available")), a = p(() => s.formatLines(t.reminder.customer.address)), o = p(() => n.t(z.getLetterCopy(t.reminder.level).subtitleKey)), c = p(() => t.reminder.sentAt === null ? n.t("module.dunning_case.pdf.created_date") : n.t("module.dunning_case.pdf.reminder_date")), l = p(() => r.toDate(t.reminder.sentAt ?? t.reminder.createdAt));
+		let t = e, n = d(), r = u(), i = p(() => t.reminder.issuer.name ?? n.t("module.dunning_case.pdf.not_available")), o = p(() => a.formatLines(t.reminder.customer.address)), s = p(() => n.t(z.getLetterCopy(t.reminder.level).subtitleKey)), c = p(() => t.reminder.sentAt === null ? n.t("module.dunning_case.pdf.created_date") : n.t("module.dunning_case.pdf.reminder_date")), l = p(() => r.toDate(t.reminder.sentAt ?? t.reminder.createdAt));
 		return (e, r) => (S(), m(T(O), {
 			as: "header",
 			align: "center",
@@ -196,7 +196,7 @@ var I = /* @__PURE__ */ y({
 							class: "text-lg/7 font-medium"
 						}, null, 8, ["text"]),
 						v(T(A), {
-							text: o.value,
+							text: s.value,
 							truncate: !1,
 							as: "p",
 							class: "text-secondary"
@@ -213,7 +213,7 @@ var I = /* @__PURE__ */ y({
 								class: "leading-3.5 font-semibold"
 							}, null, 8, ["text"]), _("div", null, [
 								_("p", null, w(t.reminder.customer.name), 1),
-								(S(!0), g(f, null, C(a.value, (e) => (S(), g("p", { key: e }, w(e), 1))), 128)),
+								(S(!0), g(f, null, C(o.value, (e) => (S(), g("p", { key: e }, w(e), 1))), 128)),
 								_("p", null, w(t.reminder.recipient.email), 1)
 							])]),
 							_: 1

package/dist/DunningCaseSendDialog-BYFXJYMM.js

@@ -0,0 +1,360 @@
+import { Q as e, Z as t, t as n } from "./api.util-CkIRZS3h.js";
+import { r } from "./useCurrencyFormat.composable-MtZaqKnO.js";
+import { n as i } from "./invoicingConfig.composable-COn1rKRf.js";
+import { n as a, r as o, t as s } from "./reminderConfig.query-DSO0ekC_.js";
+import { dt as c, et as l, f as u } from "./dist-BD7Allff.js";
+import { t as d } from "./customerUuid.model-ClN4Vi9n.js";
+import { z as f } from "zod";
+import { useI18n as p } from "vue-i18n";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, normalizeClass as C, openBlock as w, ref as T, renderList as E, toDisplayString as D, unref as O, watch as k, withCtx as A } from "vue";
+import { useMutation as j, useQuery as ee } from "@wisemen/vue-core-api-utils";
+import { useRouter as M } from "vue-router";
+import { Temporal as N } from "temporal-polyfill";
+import { err as te, ok as ne } from "neverthrow";
+import { UIBadge as P, UIColumnLayout as F, UIDialogBody as I, UIDialogFooter as L, UIDialogFooterCancel as R, UIDialogFooterPrimary as z, UIDialogHeader as B, UIFormDialog as V, useToast as H } from "@wisemen/vue-core-design-system";
+import { useForm as U } from "formango";
+//#region src/modules/dunning-case/api/services/dunningCaseCustomer.service.ts
+var W = class {
+	static async getAll(e, r) {
+		return (await n.fromPromise(t({ query: {
+			pagination: r,
+			search: e
+		} }))).map((e) => ({
+			data: e.data.items.map((e) => ({
+				uuid: e.uuid,
+				name: e.name
+			})),
+			meta: e.data.meta
+		}));
+	}
+	static async getRecipients(t) {
+		let r = [], i = 0, a = 0;
+		do {
+			let o = await n.fromPromise(e({
+				query: { pagination: {
+					limit: 100,
+					offset: i
+				} },
+				path: { uuid: t }
+			}));
+			if (o.isErr()) return te(o.error);
+			if (r.push(...o.value.data.items.map((e) => ({
+				isDefault: e.isDefault,
+				email: e.email
+			}))), a = o.value.data.meta.total, i += o.value.data.items.length, o.value.data.items.length === 0) break;
+		} while (i < a);
+		return ne(r);
+	}
+	static async getUuidByExternalId(e) {
+		return (await n.fromPromise(t({ query: {
+			filter: { externalId: e },
+			pagination: {
+				limit: 1,
+				offset: 0
+			}
+		} }))).map((e) => e.data.items[0]?.uuid ?? null);
+	}
+}, G = 3e4;
+function K(e) {
+	return ee("dunningCaseDetail", {
+		staleTime: G,
+		params: { dunningCaseUuid: e },
+		queryFn: () => o.getByUuid(e.value)
+	});
+}
+f.uuid().brand("DunningCaseUuid"), f.uuid().brand("DunningCaseReminderUuid");
+function q(e) {
+	return e === null ? "none" : e.hasErrors ? "failed" : e.sentAt === null ? "sending" : "sent";
+}
+function J(e, t) {
+	return [
+		0,
+		1,
+		2,
+		3
+	].map((n) => e.filter((e) => !e.isDisputed && e.level === n).reduce((e, t) => ({
+		...e,
+		amount: e.amount + t.balanceDueAmount.amount
+	}), {
+		...t,
+		amount: 0
+	}));
+}
+//#endregion
+//#region src/modules/dunning-case/api/mutations/dunningCaseReminderRetry.mutation.ts
+function Y() {
+	return j({
+		queryFn: (e) => o.retry(e.params.dunningCaseReminderUuid),
+		queryKeysToInvalidate: {
+			dunningCaseDetail: {},
+			dunningCaseIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/components/DunningCaseReminderStatusIndicator.vue
+var X = /* @__PURE__ */ S({
+	__name: "DunningCaseReminderStatusIndicator",
+	props: {
+		blockedReason: {},
+		status: {}
+	},
+	setup(e) {
+		let t = e, n = p(), r = {
+			icon: l,
+			type: "icon"
+		};
+		return (e, i) => t.blockedReason === null ? t.status === "failed" ? (w(), g(O(P), {
+			key: 1,
+			label: O(n).t("module.dunning_case.reminder_status.failed"),
+			left: r,
+			color: "warning",
+			size: "sm",
+			variant: "translucent"
+		}, null, 8, ["label"])) : _("", !0) : (w(), g(O(P), {
+			key: 0,
+			label: O(n).t(`module.dunning_case.blocked_reason.${t.blockedReason}`),
+			left: r,
+			color: "error",
+			size: "sm",
+			variant: "translucent"
+		}, null, 8, ["label"]));
+	}
+});
+//#endregion
+//#region src/modules/dunning-case/api/mutations/dunningCaseSend.mutation.ts
+function Z() {
+	return j({
+		queryFn: (e) => o.send(e.params.dunningCaseUuid),
+		queryKeysToInvalidate: {
+			dunningCaseDetail: { dunningCaseUuid: (e) => e.dunningCaseUuid },
+			dunningCaseIndex: {}
+		}
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/components/DunningCaseSendFeeRow.vue?vue&type=script&setup=true&lang.ts
+var re = { class: "flex items-center justify-between gap-lg px-lg py-xs" }, ie = { class: "text-xs text-secondary" }, ae = { class: "font-mono text-xs font-medium text-primary tabular-nums" }, oe = /* @__PURE__ */ S({
+	__name: "DunningCaseSendFeeRow",
+	props: {
+		fee: {},
+		level: {}
+	},
+	setup(e) {
+		let t = e, n = p(), i = r();
+		return (e, r) => (w(), v("dl", re, [y("dt", ie, D(O(n).t("module.dunning_case.detail.reminder_fee")) + " · " + D(O(n).t("module.dunning_case.level.reminder", { level: t.level })), 1), y("dd", ae, D(O(i).formatMonetary(t.fee)), 1)]));
+	}
+});
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/utils/dunningCaseSend.util.ts
+function Q(e) {
+	return N.PlainDate.compare(e.dueOn, N.Now.plainDateISO()) >= 0;
+}
+function se(e) {
+	return !e.isDisputed && !Q(e);
+}
+function ce(e) {
+	return e.filter(se);
+}
+function le(e, t) {
+	let n = e.map((e) => ({
+		invoice: e,
+		type: "invoice"
+	}));
+	if (!t) return n;
+	let r = e.findIndex((e) => !e.isDisputed && Q(e));
+	return n.splice(r === -1 ? n.length : r, 0, { type: "fee" }), n;
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/components/DunningCaseSendInvoiceRow.vue?vue&type=script&setup=true&lang.ts
+var ue = { class: "min-w-0" }, de = { class: "flex min-w-0 items-center gap-sm" }, fe = { class: "font-mono text-sm font-medium text-primary" }, pe = {
+	key: 0,
+	class: "truncate text-xs text-error-primary"
+}, me = {
+	key: 1,
+	class: "truncate text-xs text-secondary"
+}, he = {
+	key: 2,
+	class: "flex shrink-0 gap-xxs"
+}, ge = { class: "font-mono text-xs font-medium text-primary tabular-nums" }, _e = /* @__PURE__ */ S({
+	__name: "DunningCaseSendInvoiceRow",
+	props: {
+		hasSeparator: { type: Boolean },
+		invoice: {}
+	},
+	setup(e) {
+		let t = e, n = p(), i = r();
+		return (e, r) => (w(), v("div", { class: C([{ "border-t border-secondary": t.hasSeparator }, "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-lg px-lg py-xs"]) }, [y("div", ue, [y("div", de, [y("p", fe, D(t.invoice.sequence), 1), t.invoice.isDisputed ? (w(), v("span", pe, " · " + D(O(n).t("module.dunning_case.detail.protested")), 1)) : O(Q)(t.invoice) ? (w(), v("span", me, " (" + D(O(n).t("module.dunning_case.send.not_yet_due")) + ") ", 1)) : (w(), v("span", he, [x(a, {
+			level: t.invoice.level,
+			size: "sm"
+		}, null, 8, ["level"])]))])]), y("p", ge, D(t.invoice.isDisputed ? "—" : O(i).formatMonetary(t.invoice.balanceDueAmount)), 1)], 2));
+	}
+}), ve = { class: "w-full overflow-hidden rounded-md border border-secondary bg-primary shadow-xs" }, ye = { class: "flex items-start justify-between gap-lg border-b border-secondary px-lg py-md" }, be = { class: "min-w-0" }, xe = { class: "text-sm font-semibold text-primary" }, Se = { class: "shrink-0" }, Ce = { class: "max-h-72 overflow-y-auto border-b border-secondary" }, we = { class: "flex items-center justify-between gap-xl bg-secondary px-lg py-md" }, Te = { class: "text-sm font-medium text-primary" }, Ee = { class: "font-mono text-xl font-semibold text-primary tabular-nums" }, De = /* @__PURE__ */ S({
+	__name: "DunningCaseSendInvoiceSummary",
+	props: {
+		dunningCase: {},
+		subject: {}
+	},
+	setup(e) {
+		let t = e, n = p(), i = r(), a = h(() => le(t.dunningCase.invoices, t.dunningCase.totalFee.amount > 0)), o = h(() => t.dunningCase.level === 0 ? n.t("module.dunning_case.level.none") : n.t("module.dunning_case.level.reminder", { level: t.dunningCase.level }));
+		return (e, r) => (w(), v("section", ve, [
+			y("div", ye, [y("div", be, [y("p", xe, D(t.subject ?? O(n).t("module.dunning_case.detail.invoices")), 1)]), y("span", Se, [x(O(P), {
+				label: o.value,
+				color: "gray",
+				size: "sm",
+				variant: "translucent"
+			}, null, 8, ["label"])])]),
+			y("div", Ce, [(w(!0), v(m, null, E(a.value, (e, n) => (w(), v(m, { key: e.type === "fee" ? "fee" : e.invoice.uuid }, [e.type === "fee" ? (w(), g(oe, {
+				key: 0,
+				fee: t.dunningCase.totalFee,
+				level: t.dunningCase.level
+			}, null, 8, ["fee", "level"])) : (w(), g(_e, {
+				key: 1,
+				"has-separator": a.value[n - 1]?.type === "fee",
+				invoice: e.invoice
+			}, null, 8, ["has-separator", "invoice"]))], 64))), 128))]),
+			y("dl", we, [y("dt", Te, D(O(n).t("module.dunning_case.send.outstanding_balance")), 1), y("dd", Ee, D(O(i).formatMonetary(t.dunningCase.outstandingBalance)), 1)])
+		]));
+	}
+}), $ = { class: "rounded-md border border-secondary bg-secondary p-md" }, Oe = { class: "text-sm text-error-primary" }, ke = /* @__PURE__ */ S({
+	__name: "DunningCaseSendRecipientAlert",
+	props: { customerDetailRoute: {} },
+	setup(e) {
+		let t = e, n = p(), r = M();
+		function i() {
+			t.customerDetailRoute !== null && r.push(t.customerDetailRoute);
+		}
+		return (e, r) => (w(), v("div", $, [y("p", Oe, [b(D(O(n).t("module.dunning_case.send.no_default_recipient_description")) + " ", 1), t.customerDetailRoute === null ? _("", !0) : (w(), v("button", {
+			key: 0,
+			class: "font-medium underline hover:no-underline",
+			type: "button",
+			onClick: i
+		}, D(O(n).t("module.dunning_case.send.open_customer")), 1))])]));
+	}
+});
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/composables/dunningCaseReminderSubject.composable.ts
+function Ae(e) {
+	return e === "fr-BE" || e === "nl-BE" ? e : "en-US";
+}
+function je(e) {
+	let t = p(), n = s();
+	return h(() => {
+		let r = e.value;
+		return r === null || !n.result.value.isOk() ? null : n.result.value.getValue().find((e) => e.sequence === r)?.template[Ae(t.locale.value)].subject || null;
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/composables/dunningCaseSendRecipient.composable.ts
+function Me(e) {
+	let t = T(void 0), n = T(!0);
+	return k(e, async (e) => {
+		if (t.value = void 0, n.value = !0, e === null) return;
+		let r = await W.getRecipients(d.parse(e));
+		if (r.isErr()) {
+			n.value = !1;
+			return;
+		}
+		t.value = r.value.find((e) => e.isDefault)?.email ?? null, n.value = !1;
+	}, { immediate: !0 }), {
+		isMissing: h(() => t.value === null),
+		isPending: n,
+		defaultEmail: t
+	};
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/send/dialogs/DunningCaseSendDialog.vue?vue&type=script&setup=true&lang.ts
+var Ne = {
+	key: 0,
+	class: "text-sm text-secondary"
+}, Pe = { class: "flex w-full items-start gap-md rounded-md bg-secondary px-lg py-md text-secondary" }, Fe = { class: "text-xs/relaxed" }, Ie = /* @__PURE__ */ S({
+	__name: "DunningCaseSendDialog",
+	props: {
+		dunningCaseUuid: {},
+		onSent: { type: Function }
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = p(), o = H(), s = i(), l = Z(), d = K(h(() => n.dunningCaseUuid)), b = h(() => d.result.value.isOk() ? d.result.value.getValue() : null), S = Me(h(() => b.value?.customer.uuid ?? null)), C = je(h(() => b.value?.level ?? null)), T = h(() => {
+			let e = b.value?.customer.uuid;
+			return e === void 0 ? null : s.getCustomerDetailRoute(e);
+		}), E = h(() => b.value === null ? 0 : ce(b.value.invoices).length), k = h(() => typeof S.defaultEmail.value == "string" ? a.t("module.dunning_case.send.grouped_to", { email: S.defaultEmail.value }) : S.isMissing.value ? a.t("module.dunning_case.send.no_default_recipient") : a.t("module.dunning_case.send.description")), j = U({
+			schema: f.object({}),
+			onSubmit: async () => {
+				if (S.isMissing.value) {
+					o.show({ message: a.t("module.dunning_case.send.no_default_recipient_blocked") });
+					return;
+				}
+				let e = await l.execute({ params: { dunningCaseUuid: n.dunningCaseUuid } });
+				if (e.isErr()) {
+					o.apiError(e.error);
+					return;
+				}
+				o.show({
+					duration: Infinity,
+					message: a.t("module.dunning_case.send.success", { customer: b.value?.customer.name ?? "" })
+				}), n.onSent?.(), r("close");
+			}
+		});
+		return (e, t) => (w(), g(O(V), {
+			form: O(j),
+			size: "lg",
+			onClose: t[0] ||= (e) => r("close")
+		}, {
+			default: A(() => [
+				x(O(B), {
+					title: O(a).t("module.dunning_case.send.title", {
+						customer: b.value?.customer.name ?? "",
+						level: b.value?.level ?? ""
+					}),
+					description: k.value,
+					"has-separator": !1,
+					icon: O(c)
+				}, null, 8, [
+					"title",
+					"description",
+					"icon"
+				]),
+				x(O(I), null, {
+					default: A(() => [x(O(F), { gap: "lg" }, {
+						default: A(() => [O(d).isLoading.value ? (w(), v("p", Ne, D(O(a).t("module.dunning_case.common.loading")), 1)) : b.value === null ? _("", !0) : (w(), v(m, { key: 1 }, [
+							O(S).isMissing.value ? (w(), g(ke, {
+								key: 0,
+								"customer-detail-route": T.value
+							}, null, 8, ["customer-detail-route"])) : _("", !0),
+							x(De, {
+								"dunning-case": b.value,
+								subject: O(C)
+							}, null, 8, ["dunning-case", "subject"]),
+							y("div", Pe, [x(O(u), { class: "mt-xxs size-(--spacing-xl) shrink-0" }), y("p", Fe, D(O(a).t("module.dunning_case.send.impact", {
+								count: E.value,
+								level: b.value.level
+							})), 1)])
+						], 64))]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				x(O(L), { "has-separator": !1 }, {
+					right: A(() => [x(O(R)), x(O(z), {
+						"icon-right": O(c),
+						"is-disabled": b.value === null || O(S).isPending.value || O(S).isMissing.value,
+						"is-loading": O(j).isSubmitting.value,
+						label: O(a).t("module.dunning_case.send.send_now"),
+						onClick: O(j).submit
+					}, null, 8, [
+						"icon-right",
+						"is-disabled",
+						"is-loading",
+						"label",
+						"onClick"
+					])]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["form"]));
+	}
+});
+//#endregion
+export { q as a, J as i, X as n, K as o, Y as r, W as s, Ie as t };

package/dist/InvoiceApprovalOutOfSyncIndicator-CP2GLaeh.js

@@ -0,0 +1,45 @@
+import { et as e } from "./dist-BD7Allff.js";
+import { t } from "./invoiceCustomer.service-DpVfpQUD.js";
+import { useI18n as n } from "vue-i18n";
+import { computed as r, createBlock as i, createVNode as a, defineComponent as o, openBlock as s, unref as c, withCtx as l } from "vue";
+import { useOffsetInfiniteQuery as u } from "@wisemen/vue-core-api-utils";
+import { UIText as d, UITooltip as f, UITooltipContent as p } from "@wisemen/vue-core-design-system";
+//#region src/modules/invoice/api/queries/invoiceCustomerSearch.query.ts
+function m(e) {
+	let n = r(() => ({ search: e.params.search?.value }));
+	return u("invoiceCustomerSearch", {
+		params: { queryParams: n },
+		queryFn: (n) => t.getAll({
+			pagination: n,
+			search: e.params.search?.value ?? ""
+		})
+	});
+}
+//#endregion
+//#region src/modules/invoice/components/InvoiceApprovalOutOfSyncIndicator.vue
+var h = /* @__PURE__ */ o({
+	__name: "InvoiceApprovalOutOfSyncIndicator",
+	setup(t) {
+		let r = n();
+		return (t, n) => (s(), i(c(f), {
+			"popover-side-offset": 8,
+			"popover-align": "center",
+			"popover-side": "bottom"
+		}, {
+			trigger: l(() => [a(c(e), {
+				"aria-label": c(r).t("wise_invoicing.invoice.approval_status.out_of_sync"),
+				class: "size-(--spacing-xl) shrink-0 text-warning-primary"
+			}, null, 8, ["aria-label"])]),
+			content: l(() => [a(c(p), null, {
+				default: l(() => [a(c(d), {
+					text: c(r).t("wise_invoicing.invoice.approval_status.out_of_sync"),
+					class: "text-sm text-primary"
+				}, null, 8, ["text"])]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { m as n, h as t };