@wisemen/wise-invoicing-web 0.0.2 → 0.0.4

package/dist/ReminderSettingsViewDataProvider-CDBjfU7R.js

@@ -0,0 +1,668 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./i18n.lib-DUbAMBRb.js";
+import "./api.util-Dm_TQedZ.js";
+import { a as n, t as r, v as i } from "./documentTitle.composable-CeaFddr1.js";
+import { i as a, n as o, r as s, t as c } from "./reminderConfig.query-DzTN2AvU.js";
+import { t as l } from "./DataProvider-CfHLB3rH.js";
+import { t as u } from "./formango.util-D5c2ql--.js";
+import { z as d } from "zod";
+import { useI18n as f } from "vue-i18n";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, mergeModels as S, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as E, openBlock as D, ref as O, renderList as k, toDisplayString as A, unref as j, useModel as M, watch as ee, withCtx as N, withKeys as P, withModifiers as F } from "vue";
+import { useMutation as I } from "@wisemen/vue-core-api-utils";
+import { UIButton as te, UIDashboardPage as ne, UIDashboardPageContent as re, UIDashboardPageLoadingState as L, UIForm as ie, UINumberField as R, UISelect as ae, UITabs as z, UITabsItem as B, UITabsList as V, UITextField as oe, UITextareaField as se, UITooltip as H, UITooltipContent as U, createSelectOptions as W, useToast as G } from "@wisemen/vue-core-design-system";
+import { useForm as K } from "formango";
+//#region src/modules/dunning-case/api/mutations/reminderConfigUpdate.mutation.ts
+function ce() {
+	return I({
+		queryFn: (e) => s.updateReminderConfigs(e.body),
+		queryKeysToInvalidate: { reminderConfig: {} }
+	});
+}
+//#endregion
+//#region src/modules/dunning-case/models/reminderConfigForm.model.ts
+function q(e) {
+	return e.trim().length > 0;
+}
+var J = d.object({
+	body: d.string().refine(q, t.global.t("module.dunning_case.settings.validation.required")),
+	subject: d.string().refine(q, t.global.t("module.dunning_case.settings.validation.required"))
+}), le = d.object({
+	feeAmount: d.number().min(0),
+	feeCurrency: d.enum(n),
+	feePrecision: d.number().int().min(0),
+	offsetDays: d.number().int().min(1),
+	schedule: d.enum(i),
+	sequence: d.number().int().min(1).max(3),
+	template: d.object({
+		"en-US": J,
+		"fr-BE": J,
+		"nl-BE": J
+	})
+}), ue = d.object({ reminders: d.array(le).length(3) }).superRefine((e, n) => {
+	e.reminders[0]?.schedule !== i.AFTER_DUE_DATE && n.addIssue({
+		code: "custom",
+		message: t.global.t("module.dunning_case.settings.validation.level_one_due_date"),
+		path: [
+			"reminders",
+			0,
+			"schedule"
+		]
+	});
+	let r = 0;
+	for (let [a, o] of e.reminders.entries()) {
+		let e = o.schedule === i.AFTER_DUE_DATE ? o.offsetDays : r + o.offsetDays;
+		a > 0 && e <= r && n.addIssue({
+			code: "custom",
+			message: t.global.t("module.dunning_case.settings.validation.chronological"),
+			path: [
+				"reminders",
+				a,
+				"offsetDays"
+			]
+		}), r = e;
+	}
+});
+function de(e) {
+	return !q(e.subject ?? "") || !q(e.body ?? "");
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/settings/components/ReminderLadderFeeNotice.vue?vue&type=script&setup=true&lang.ts
+var fe = { class: "mt-3xl flex max-w-260 flex-col gap-md" }, pe = { class: "rounded-md border border-warning-500 bg-warning-primary px-lg py-md text-sm text-warning-primary" }, me = { class: "font-semibold" }, he = { class: "rounded-md border border-secondary bg-primary px-lg py-md" }, ge = { class: "cursor-pointer text-sm font-medium text-primary" }, _e = { class: "mt-md text-sm text-secondary" }, ve = /* @__PURE__ */ x({
+	__name: "ReminderLadderFeeNotice",
+	setup(e) {
+		let t = f();
+		return (e, n) => (D(), _("div", fe, [v("p", pe, [v("strong", me, A(j(t).t("module.dunning_case.settings.ladder.fee_notice_title")), 1), y(" " + A(j(t).t("module.dunning_case.settings.ladder.fee_notice")), 1)]), v("details", he, [v("summary", ge, A(j(t).t("module.dunning_case.settings.ladder.fee_law_title")), 1), v("p", _e, A(j(t).t("module.dunning_case.settings.ladder.fee_law_description")), 1)])]));
+	}
+}), ye = { class: "grid grid-cols-[7.5rem_minmax(0,1fr)] items-start gap-x-lg gap-y-xl border-b border-secondary py-2xl last:border-b-0 sm:grid-cols-[7.5rem_13.5rem_11.25rem_7.5rem] sm:gap-3xl sm:py-3xl" }, be = { class: "flex flex-col items-start gap-xs" }, xe = { class: "text-xs text-primary" }, Se = { class: "col-start-2 flex flex-col gap-xs sm:col-auto" }, Ce = { class: "text-xs font-medium text-secondary sm:hidden" }, we = { class: "col-start-2 flex flex-col items-start gap-xs sm:col-auto" }, Te = { class: "text-xs font-medium text-secondary sm:hidden" }, Ee = { class: "text-xs whitespace-nowrap text-secondary" }, De = { class: "col-start-2 flex flex-col gap-xs sm:col-auto" }, Oe = { class: "text-xs font-medium text-secondary sm:hidden" }, ke = /* @__PURE__ */ x({
+	__name: "ReminderLadderRow",
+	props: {
+		absoluteDay: {},
+		canUpdate: { type: Boolean },
+		feeCurrency: {},
+		feeField: {},
+		level: {},
+		offsetField: {},
+		scheduleField: {},
+		scheduleItems: {}
+	},
+	emits: [
+		"commitOffset",
+		"updateOffset",
+		"updateOffsetFromInput",
+		"updateSchedule"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = f(), s = m(() => !n.canUpdate || n.level === 1), c = m(() => {
+			if (n.feeCurrency !== void 0) return {
+				currency: n.feeCurrency,
+				minimumFractionDigits: 0,
+				style: "currency"
+			};
+		});
+		function l(e) {
+			return a.t(e === i.AFTER_DUE_DATE ? "module.dunning_case.settings.ladder.after_due_date" : "module.dunning_case.settings.ladder.after_previous");
+		}
+		return (e, t) => (D(), _("div", ye, [
+			v("div", be, [v("span", xe, A(j(a).t("module.dunning_case.level.reminder", { level: n.level })), 1), b(o, {
+				level: n.level,
+				size: "md"
+			}, null, 8, ["level"])]),
+			v("div", Se, [v("span", Ce, A(j(a).t("module.dunning_case.settings.ladder.trigger")), 1), b(j(ae), C(j(u)(n.scheduleField), {
+				"aria-label": j(a).t("module.dunning_case.settings.ladder.trigger"),
+				"display-fn": l,
+				"is-disabled": s.value,
+				items: n.scheduleItems,
+				label: null,
+				size: "sm",
+				"onUpdate:modelValue": t[0] ||= (e) => r("updateSchedule", e)
+			}), null, 16, [
+				"aria-label",
+				"is-disabled",
+				"items"
+			])]),
+			v("div", we, [v("span", Te, A(j(a).t("module.dunning_case.settings.ladder.offset")), 1), v("div", {
+				class: "flex flex-col items-start gap-xs sm:flex-row sm:items-center",
+				onFocusoutCapture: t[2] ||= (e) => r("commitOffset", e),
+				onInputCapture: t[3] ||= (e) => r("updateOffsetFromInput", e)
+			}, [b(j(R), C(j(u)(n.offsetField), {
+				"aria-label": j(a).t("module.dunning_case.settings.ladder.offset"),
+				"is-disabled": !n.canUpdate,
+				label: null,
+				min: 1,
+				"show-controls": !0,
+				step: 1,
+				class: "w-30",
+				size: "sm",
+				"onUpdate:modelValue": t[1] ||= (e) => r("updateOffset", e)
+			}), null, 16, ["aria-label", "is-disabled"]), v("span", Ee, A(j(a).t("module.dunning_case.settings.ladder.day_hint", { day: n.absoluteDay })), 1)], 32)]),
+			v("div", De, [v("span", Oe, A(j(a).t("module.dunning_case.settings.ladder.fee")), 1), b(j(R), C(j(u)(n.feeField), {
+				"aria-label": j(a).t("module.dunning_case.settings.ladder.fee"),
+				"format-options": c.value,
+				"is-disabled": !n.canUpdate,
+				label: null,
+				min: 0,
+				step: .01,
+				size: "sm"
+			}), null, 16, [
+				"aria-label",
+				"format-options",
+				"is-disabled"
+			])])
+		]));
+	}
+}), Ae = { class: "relative mt-2xl pb-lg" }, je = { class: "w-full" }, Me = { class: "flex justify-between text-xs font-medium text-secondary" }, Ne = { class: "mt-md block font-mono text-xs text-secondary tabular-nums" }, Pe = [
+	"aria-label",
+	"aria-valuemax",
+	"aria-valuemin",
+	"aria-valuenow",
+	"disabled",
+	"onKeydown",
+	"onPointercancel",
+	"onPointerdown",
+	"onPointermove",
+	"onPointerup"
+], Fe = 4, Ie = /* @__PURE__ */ x({
+	__name: "ReminderLadderTimeline",
+	props: {
+		canUpdate: { type: Boolean },
+		markers: {},
+		timelineDays: {}
+	},
+	emits: ["moveTo"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = [
+			"bg-brand-500",
+			"bg-warning-solid",
+			"bg-error-solid"
+		], a = f(), o = O(null), s = O(null), c = m(() => Array.from({ length: 5 }, (e, t) => Math.round(t * (n.timelineDays / Fe))));
+		function l(e) {
+			return Math.min(100, e / n.timelineDays * 100);
+		}
+		function u(e) {
+			return i[e] ?? i[0];
+		}
+		function d(e, t) {
+			r("moveTo", e, (n.markers[e]?.absoluteDay ?? 0) + t);
+		}
+		function h(e, t) {
+			if (o.value === null) return;
+			let i = o.value.getBoundingClientRect(), a = Math.min(1, Math.max(0, (t.clientX - i.left) / i.width));
+			r("moveTo", e, Math.round(a * n.timelineDays));
+		}
+		function g(e, t) {
+			n.canUpdate && (s.value = e, t.currentTarget.setPointerCapture(t.pointerId), h(e, t));
+		}
+		function x(e, t) {
+			s.value === e && h(e, t);
+		}
+		function S(e, t) {
+			s.value === e && (s.value = null, t.currentTarget.releasePointerCapture(t.pointerId));
+		}
+		return (e, t) => (D(), _("div", Ae, [v("div", je, [v("div", Me, [v("span", null, A(j(a).t("module.dunning_case.settings.ladder.due_date")), 1), v("span", null, A(j(a).t("module.dunning_case.settings.ladder.timeline_end", { days: n.timelineDays })), 1)]), v("div", {
+			ref_key: "timelineTrack",
+			ref: o,
+			class: "relative mt-lg h-(--spacing-8xl)"
+		}, [
+			t[1] ||= v("div", { class: "absolute inset-x-0 top-(--spacing-lg) h-(--spacing-md) rounded-full bg-tertiary" }, null, -1),
+			v("div", {
+				style: E({ width: `${l(n.markers[n.markers.length - 1]?.absoluteDay ?? 0)}%` }),
+				class: "absolute top-(--spacing-lg) left-0 h-(--spacing-md) rounded-full bg-brand-100"
+			}, null, 4),
+			(D(!0), _(p, null, k(c.value, (e) => (D(), _("div", {
+				key: e,
+				class: T([{
+					"-translate-x-1/2": e > 0 && e < n.timelineDays,
+					"-translate-x-full": e === n.timelineDays
+				}, "absolute top-0"]),
+				style: E({ left: `${e / n.timelineDays * 100}%` })
+			}, [t[0] ||= v("span", { class: "block h-(--spacing-4xl) w-px bg-secondary" }, null, -1), v("span", Ne, A(j(a).t("module.dunning_case.settings.ladder.day_short", { day: e })), 1)], 6))), 128)),
+			(D(!0), _(p, null, k(n.markers, (e, t) => (D(), _("div", {
+				key: e.sequence,
+				style: E({ left: `${l(e.absoluteDay)}%` }),
+				class: "absolute top-0 z-10 -translate-x-1/2"
+			}, [b(j(H), {
+				"popover-side-offset": 8,
+				"popover-align": "center",
+				"popover-side": "top"
+			}, {
+				trigger: N(() => [v("button", {
+					class: T([u(t), "flex size-(--spacing-4xl) touch-none items-center justify-center rounded-full border-2 border-primary text-sm font-semibold text-white shadow-sm enabled:cursor-ew-resize"]),
+					"aria-label": j(a).t("module.dunning_case.settings.ladder.marker_label", {
+						day: e.absoluteDay,
+						level: t + 1
+					}),
+					"aria-valuemax": n.timelineDays,
+					"aria-valuemin": e.minimumDay,
+					"aria-valuenow": e.absoluteDay,
+					disabled: !n.canUpdate,
+					role: "slider",
+					type: "button",
+					onKeydown: [P(F((e) => d(t, -1), ["prevent"]), ["left"]), P(F((e) => d(t, 1), ["prevent"]), ["right"])],
+					onPointercancel: (e) => S(t, e),
+					onPointerdown: (e) => g(t, e),
+					onPointermove: (e) => x(t, e),
+					onPointerup: (e) => S(t, e)
+				}, A(e.sequence), 43, Pe)]),
+				content: N(() => [b(j(U), { class: "rounded-md! bg-primary-solid! px-lg! py-md! text-sm font-semibold! whitespace-nowrap! text-white!" }, {
+					default: N(() => [y(A(j(a).t("module.dunning_case.settings.ladder.day", { day: e.absoluteDay })), 1)]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024)], 4))), 128))
+		], 512)])]));
+	}
+}), Le = { class: "mt-3xl" }, Re = { class: "text-sm text-secondary" }, ze = { class: "mt-3xl max-w-260" }, Be = { class: "grid grid-cols-[7.5rem_minmax(0,1fr)] gap-lg text-xs font-medium text-secondary sm:grid-cols-[7.5rem_13.5rem_11.25rem_7.5rem] sm:gap-3xl" }, Ve = { class: "hidden sm:inline" }, He = { class: "hidden sm:inline" }, Ue = { class: "hidden sm:inline" }, We = /* @__PURE__ */ x({
+	__name: "ReminderLadderPanel",
+	props: {
+		canUpdate: { type: Boolean },
+		fields: {},
+		ladder: {},
+		scheduleItems: {}
+	},
+	setup(e) {
+		let t = e, n = f();
+		return (e, r) => (D(), _("div", Le, [
+			v("p", Re, A(j(n).t("module.dunning_case.settings.ladder.description")), 1),
+			b(Ie, {
+				"can-update": t.canUpdate,
+				markers: t.ladder.markers.value,
+				"timeline-days": t.ladder.timelineDays.value,
+				onMoveTo: t.ladder.setAbsoluteDay
+			}, null, 8, [
+				"can-update",
+				"markers",
+				"timeline-days",
+				"onMoveTo"
+			]),
+			v("div", ze, [v("div", Be, [
+				v("span", null, A(j(n).t("module.dunning_case.settings.ladder.level")), 1),
+				v("span", Ve, A(j(n).t("module.dunning_case.settings.ladder.trigger")), 1),
+				v("span", He, A(j(n).t("module.dunning_case.settings.ladder.offset")), 1),
+				v("span", Ue, A(j(n).t("module.dunning_case.settings.ladder.fee")), 1)
+			]), (D(!0), _(p, null, k(t.fields, (e, n) => (D(), h(ke, {
+				key: n,
+				"absolute-day": t.ladder.getAbsoluteDay(n),
+				"can-update": t.canUpdate,
+				"fee-currency": t.ladder.items.value[n]?.feeCurrency,
+				"fee-field": e.feeAmount,
+				level: n + 1,
+				"offset-field": e.offsetDays,
+				"schedule-field": e.schedule,
+				"schedule-items": t.scheduleItems,
+				onCommitOffset: (e) => t.ladder.commitOffset(n, e),
+				onUpdateOffset: (e) => t.ladder.updateOffset(n, e),
+				onUpdateOffsetFromInput: (e) => t.ladder.updateOffsetFromInput(n, e),
+				onUpdateSchedule: (e) => t.ladder.updateSchedule(n, e)
+			}, null, 8, [
+				"absolute-day",
+				"can-update",
+				"fee-currency",
+				"fee-field",
+				"level",
+				"offset-field",
+				"schedule-field",
+				"schedule-items",
+				"onCommitOffset",
+				"onUpdateOffset",
+				"onUpdateOffsetFromInput",
+				"onUpdateSchedule"
+			]))), 128))]),
+			b(ve)
+		]));
+	}
+}), Ge = { class: "flex flex-wrap items-center gap-xl" }, Ke = { class: "text-xs text-secondary" }, Y = /* @__PURE__ */ x({
+	__name: "ReminderTemplateTabs",
+	props: /*@__PURE__*/ S({
+		caption: {},
+		items: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = M(e, "modelValue"), r = f();
+		function i(e) {
+			return e.hasMissingContent ? `${e.label}, ${r.t("module.dunning_case.settings.templates.missing")}` : e.label;
+		}
+		return (e, r) => (D(), _("div", Ge, [v("p", Ke, A(t.caption), 1), b(j(z), {
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
+			"aria-label": t.caption,
+			variant: "button-brand"
+		}, {
+			default: N(() => [b(j(V), null, {
+				default: N(() => [(D(!0), _(p, null, k(t.items, (e) => (D(), h(j(B), {
+					key: e.value,
+					"aria-label": i(e),
+					config: e.hasMissingContent ? { indicator: {
+						type: "dot",
+						color: "error"
+					} } : null,
+					label: e.label,
+					value: e.value
+				}, null, 8, [
+					"aria-label",
+					"config",
+					"label",
+					"value"
+				]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue", "aria-label"])]));
+	}
+}), qe = { class: "mt-5xl" }, Je = { class: "flex flex-col gap-xl sm:flex-row sm:items-center sm:justify-between" }, Ye = { class: "mt-xl overflow-hidden rounded-md border border-secondary bg-primary" }, Xe = { class: "border-b border-secondary px-3xl py-lg" }, Ze = { class: "text-sm font-medium text-primary" }, X = {
+	key: 0,
+	class: "flex flex-col gap-md p-3xl"
+}, Qe = /* @__PURE__ */ x({
+	__name: "ReminderTemplatesPanel",
+	props: /*@__PURE__*/ S({
+		bodyField: {},
+		canUpdate: { type: Boolean },
+		cardTitle: {},
+		levelItems: {},
+		localeItems: {},
+		subjectField: {}
+	}, {
+		activeLevel: { required: !0 },
+		activeLevelModifiers: {},
+		activeLocale: { required: !0 },
+		activeLocaleModifiers: {}
+	}),
+	emits: ["update:activeLevel", "update:activeLocale"],
+	setup(e) {
+		let t = e, n = M(e, "activeLevel"), r = M(e, "activeLocale"), i = f();
+		return (e, a) => (D(), _("div", qe, [v("div", Je, [b(Y, {
+			modelValue: n.value,
+			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
+			caption: j(i).t("module.dunning_case.settings.templates.selector"),
+			items: t.levelItems
+		}, null, 8, [
+			"modelValue",
+			"caption",
+			"items"
+		]), b(Y, {
+			modelValue: r.value,
+			"onUpdate:modelValue": a[1] ||= (e) => r.value = e,
+			caption: j(i).t("module.dunning_case.settings.templates.language"),
+			items: t.localeItems
+		}, null, 8, [
+			"modelValue",
+			"caption",
+			"items"
+		])]), v("div", Ye, [v("div", Xe, [v("h2", Ze, A(t.cardTitle), 1)]), t.subjectField !== void 0 && t.bodyField !== void 0 ? (D(), _("div", X, [b(j(oe), C(j(u)(t.subjectField), {
+			"is-disabled": !t.canUpdate,
+			"is-required": !0,
+			label: j(i).t("module.dunning_case.settings.templates.subject"),
+			size: "sm"
+		}), null, 16, ["is-disabled", "label"]), b(j(se), C(j(u)(t.bodyField), {
+			"is-disabled": !t.canUpdate,
+			"is-required": !0,
+			label: j(i).t("module.dunning_case.settings.templates.content"),
+			"min-height": "var(--spacing-11xl)",
+			resize: "auto-vertical",
+			size: "sm"
+		}), null, 16, ["is-disabled", "label"])])) : g("", !0)])]));
+	}
+}), Z = class {
+	static commitReminder(e, t, n) {
+		if (t === void 0) return e.slice();
+		let r = e.slice();
+		return r[n] = { ...t }, r;
+	}
+	static getAbsoluteDay(e, t) {
+		let n = 0;
+		for (let r of t.slice(0, e + 1)) r.schedule === i.AFTER_DUE_DATE ? n = r.offsetDays : n += r.offsetDays;
+		return n;
+	}
+}, $e = 60, Q = 15;
+function et(e) {
+	let t = O([]);
+	function n(e) {
+		return Z.getAbsoluteDay(e, t.value);
+	}
+	let r = m(() => {
+		let t = e.items.value.length - 1, r = t < 0 ? 0 : n(t), i = Math.ceil(r / Q) * Q;
+		return Math.max($e, i);
+	}), a = m(() => e.items.value.map((e, t) => ({
+		absoluteDay: n(t),
+		minimumDay: t === 0 ? 1 : n(t - 1) + 1,
+		sequence: e.sequence
+	})));
+	function o() {
+		t.value = e.items.value.map((e) => ({
+			offsetDays: e.offsetDays,
+			schedule: e.schedule
+		}));
+	}
+	function s(n, r) {
+		let i = e.items.value[n];
+		i !== void 0 && (t.value = Z.commitReminder(t.value, {
+			offsetDays: r ?? i.offsetDays,
+			schedule: i.schedule
+		}, n));
+	}
+	function c(t, n) {
+		let r = n?.target, i;
+		if (r instanceof HTMLInputElement) {
+			let n = Number(r.value);
+			Number.isFinite(n) && (i = n, e.fields[t]?.offsetDays["onUpdate:modelValue"](n));
+		}
+		e.fields[t]?.offsetDays.onBlur(), w(() => s(t, i));
+	}
+	function l(t, n) {
+		let r = n.target;
+		if (!(r instanceof HTMLInputElement)) return;
+		let i = Number(r.value);
+		Number.isFinite(i) && e.fields[t]?.offsetDays["onUpdate:modelValue"](i);
+	}
+	function u(t, n) {
+		e.fields[t]?.offsetDays["onUpdate:modelValue"](n), s(t, n ?? void 0);
+	}
+	function d(t, n) {
+		e.fields[t]?.schedule["onUpdate:modelValue"](n), s(t);
+	}
+	function f(t, a) {
+		let o = e.items.value[t], c = e.fields[t]?.offsetDays;
+		if (o === void 0 || c === void 0 || !e.canUpdate.value) return;
+		let l = t === 0 ? 0 : n(t - 1), u = o.schedule === i.AFTER_DUE_DATE ? 1 : l + 1, d = Math.min(r.value, Math.max(u, a)), f = o.schedule === i.AFTER_DUE_DATE ? d : d - l;
+		c.setValue(f), s(t);
+	}
+	return {
+		commitOffset: c,
+		getAbsoluteDay: n,
+		items: e.items,
+		markers: a,
+		reset: o,
+		setAbsoluteDay: f,
+		timelineDays: r,
+		updateOffset: u,
+		updateOffsetFromInput: l,
+		updateSchedule: d
+	};
+}
+//#endregion
+//#region src/modules/dunning-case/use-cases/settings/views/ReminderSettingsView.vue?vue&type=script&setup=true&lang.ts
+var tt = { class: "mx-auto w-full max-w-340" }, nt = { class: "flex flex-col gap-lg sm:flex-row sm:items-start sm:justify-between" }, rt = { class: "text-md font-semibold text-primary" }, it = { class: "mt-xs text-sm text-secondary" }, at = /* @__PURE__ */ x({
+	__name: "ReminderSettingsView",
+	props: { reminderConfigs: {} },
+	setup(e) {
+		let t = e, n = [
+			0,
+			1,
+			2
+		], o = [
+			"en-US",
+			"nl-BE",
+			"fr-BE"
+		], s = [i.AFTER_DUE_DATE, i.AFTER_LAST_REMINDER], c = f(), l = G(), u = r(), d = ce(), p = O("ladder"), _ = O(0), y = O("en-US");
+		u.set(() => c.t("module.dunning_case.settings.title"));
+		let x = K({
+			initialState: m(() => a.reminderConfigsToForm(t.reminderConfigs)),
+			schema: ue,
+			onSubmit: async (e) => {
+				let t = await d.execute({ body: e });
+				if (t.isErr()) {
+					l.apiError(t.error);
+					return;
+				}
+				l.show({ message: c.t("module.dunning_case.settings.saved") });
+			},
+			onSubmitError: () => {
+				l.unableToSave();
+			}
+		}), S = x.registerArray("reminders"), C = n.map((e) => {
+			let t = S.register(`${e}`), n = t.register("template");
+			return {
+				feeAmount: t.register("feeAmount"),
+				locales: {
+					"en-US": {
+						body: n.register("en-US").register("body"),
+						subject: n.register("en-US").register("subject")
+					},
+					"fr-BE": {
+						body: n.register("fr-BE").register("body"),
+						subject: n.register("fr-BE").register("subject")
+					},
+					"nl-BE": {
+						body: n.register("nl-BE").register("body"),
+						subject: n.register("nl-BE").register("subject")
+					}
+				},
+				offsetDays: t.register("offsetDays"),
+				schedule: t.register("schedule")
+			};
+		}), w = O(!0), T = m(() => W(s)), E = et({
+			canUpdate: w,
+			fields: C,
+			items: m(() => (x.state.value.reminders ?? []).map((e, t) => ({
+				feeCurrency: e?.feeCurrency,
+				offsetDays: e?.offsetDays ?? 0,
+				schedule: e?.schedule ?? i.AFTER_DUE_DATE,
+				sequence: e?.sequence ?? t + 1
+			})))
+		}), k = m({
+			get: () => String(_.value),
+			set: (e) => {
+				let t = Number(e);
+				Number.isInteger(t) && t >= 0 && t < C.length && (_.value = t);
+			}
+		}), M = m({
+			get: () => y.value,
+			set: (e) => {
+				let t = o.find((t) => t === e);
+				t !== void 0 && (y.value = t);
+			}
+		});
+		function P(e, t) {
+			let n = x.state.value.reminders?.[e]?.template?.[t];
+			return n === void 0 || de(n);
+		}
+		let F = m(() => C[_.value]?.locales[y.value]), I = m(() => C.map((e, t) => ({
+			hasMissingContent: P(t, y.value),
+			label: c.t("module.dunning_case.level.reminder", { level: t + 1 }),
+			value: String(t)
+		}))), L = m(() => o.map((e) => ({
+			hasMissingContent: P(_.value, e),
+			label: c.t(`module.dunning_case.settings.locale.${e}`),
+			value: e
+		}))), R = m(() => c.t("module.dunning_case.settings.templates.card_title", {
+			language: c.t(`module.dunning_case.settings.locale_name.${y.value}`),
+			level: _.value + 1
+		}));
+		return ee(() => t.reminderConfigs, E.reset, { immediate: !0 }), (e, t) => (D(), h(j(ne), {
+			title: j(c).t("module.dunning_case.settings.title"),
+			subtitle: j(c).t("module.dunning_case.settings.subtitle")
+		}, {
+			default: N(() => [b(j(re), null, {
+				default: N(() => [b(j(ie), {
+					form: j(x),
+					"prompt-on-unsaved-changes": !0
+				}, {
+					default: N(() => [v("div", tt, [
+						v("div", nt, [v("div", null, [v("h2", rt, A(j(c).t("module.dunning_case.settings.title")), 1), v("p", it, A(j(c).t("module.dunning_case.settings.subtitle")), 1)]), w.value ? (D(), h(j(te), {
+							key: 0,
+							"is-disabled": !j(x).isDirty.value || !j(x).isValid.value,
+							"is-loading": j(x).isSubmitting.value,
+							label: j(c).t("shared.save_changes"),
+							onClick: j(x).submit
+						}, null, 8, [
+							"is-disabled",
+							"is-loading",
+							"label",
+							"onClick"
+						])) : g("", !0)]),
+						b(j(z), {
+							modelValue: p.value,
+							"onUpdate:modelValue": t[0] ||= (e) => p.value = e,
+							"aria-label": j(c).t("module.dunning_case.settings.navigation"),
+							class: "mt-xl",
+							variant: "button-border"
+						}, {
+							default: N(() => [b(j(V), null, {
+								default: N(() => [b(j(B), {
+									label: j(c).t("module.dunning_case.settings.ladder.tab"),
+									value: "ladder"
+								}, null, 8, ["label"]), b(j(B), {
+									label: j(c).t("module.dunning_case.settings.templates.tab"),
+									value: "templates"
+								}, null, 8, ["label"])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "aria-label"]),
+						p.value === "ladder" ? (D(), h(We, {
+							key: 0,
+							"can-update": w.value,
+							fields: j(C),
+							ladder: j(E),
+							"schedule-items": T.value
+						}, null, 8, [
+							"can-update",
+							"fields",
+							"ladder",
+							"schedule-items"
+						])) : (D(), h(Qe, {
+							key: 1,
+							"active-level": k.value,
+							"onUpdate:activeLevel": t[1] ||= (e) => k.value = e,
+							"active-locale": M.value,
+							"onUpdate:activeLocale": t[2] ||= (e) => M.value = e,
+							"body-field": F.value?.body,
+							"can-update": w.value,
+							"card-title": R.value,
+							"level-items": I.value,
+							"locale-items": L.value,
+							"subject-field": F.value?.subject
+						}, null, 8, [
+							"active-level",
+							"active-locale",
+							"body-field",
+							"can-update",
+							"card-title",
+							"level-items",
+							"locale-items",
+							"subject-field"
+						]))
+					])]),
+					_: 1
+				}, 8, ["form"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["title", "subtitle"]));
+	}
+}), ot = /*@__PURE__*/ x({
+	__name: "ReminderSettingsViewDataProvider",
+	setup(e) {
+		let t = c();
+		return (e, n) => (D(), h(l, { queries: { reminderConfigs: j(t) } }, {
+			default: N(({ data: e }) => [b(at, { "reminder-configs": e.reminderConfigs }, null, 8, ["reminder-configs"])]),
+			loading: N(() => [b(j(L), { breadcrumbs: [] })]),
+			_: 1
+		}, 8, ["queries"]));
+	}
+}), st = /* @__PURE__ */ e({ default: () => $ }), $ = ot;
+//#endregion
+export { st as n, $ as t };

package/dist/RemoveOpenBoundaryIcon-CN8YWs6o.js

@@ -0,0 +1,28 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region ../icons/src/RemoveOpenBoundaryIcon.vue
+var i = {}, a = {
+	width: "100%",
+	height: "100%",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M6.11025 9.79154C8.19596 8.27846 9.59442 5.33301 12.1192 5.33301C15.5165 5.33301 15.5165 10.6663 12.1192 10.6663C8.72248 10.6663 7.36382 5.33301 3.62648 5.33301C1.79832 5.33301 1.06357 7.2408 1.42221 8.77433",
+		stroke: "currentColor",
+		"stroke-width": "1.33333",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	}, null, -1), n("path", {
+		d: "M3 11.7998H1H5",
+		stroke: "currentColor",
+		"stroke-width": "1.064",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	}, null, -1)]]);
+}
+var s = /*#__PURE__*/ e(i, [["render", o]]);
+//#endregion
+export { s as default };