@wisemen/wise-invoicing-web 0.0.3 → 0.0.4

package/dist/DunningCaseSendDialog-DBtwr2ue.js

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