@tesouro/embedded-components-react 0.3.0 → 0.3.1

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index469.js

@@ -1,72 +1,19 @@
-import { getLineItemErrorMessage as e } from "./index176.js";
-import { useCallback as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Alert as a, Collapse as o, List as s, ListItem as c, ListItemText as l } from "@mui/material";
-import { useLingui as u } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as n } from "radix-ui";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index469.js
-var d = ({ generalError: e, fieldErrors: t }) => {
-	let u = n(() => {
-		for (let e of Object.values(t)) if (e) return !0;
-		return !1;
-	}, [t]);
-	return e || u ? /* @__PURE__ */ r(o, {
-		in: !0,
-		sx: { ":not(.MuiCollapse-hidden)": { marginBottom: 1 } },
-		children: /* @__PURE__ */ i(a, {
-			severity: "error",
-			sx: { "& .MuiAlert-icon": { alignItems: "center" } },
-			children: [e && /* @__PURE__ */ r("div", { children: e }), u && /* @__PURE__ */ r(s, {
-				dense: !0,
-				disablePadding: !0,
-				sx: { mt: +!!e },
-				children: Object.entries(t).map(([e, t]) => t ? /* @__PURE__ */ r(c, {
-					disablePadding: !0,
-					children: /* @__PURE__ */ r(l, {
-						primary: t,
-						primaryTypographyProps: { sx: { color: "inherit" } }
-					})
-				}, e) : null)
-			})]
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "switch",
+		"data-size": i,
+		className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", r),
+		...a,
+		children: /* @__PURE__ */ t(n.Thumb, {
+			"data-slot": "switch-thumb",
+			className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground")
 		})
-	}) : null;
-}, f = (r) => {
-	let { i18n: i } = u(), a = n(() => Array.isArray(r) ? r : r ? [r] : [], [r]), o = t((t) => {
-		for (let n = 0; n < a.length; n++) {
-			let r = a[n];
-			if (typeof r == "object") {
-				let n = e(r, t);
-				if (n) return n;
-			}
-		}
-		return null;
-	}, [a]), s = n(() => o("product.name") ?? o("name"), [o]), c = n(() => o("quantity"), [o]), l = n(() => o("price") ?? o("product.price.value") ?? o("product.price.currency"), [o]), d = n(() => o("tax_rate_value"), [o]), f = n(() => o("product.measure_unit_id") ?? o("product.measure_unit_name") ?? o("measure_unit"), [o]), p = n(() => o("product.type"), [o]), m = n(() => {
-		if (a.length !== 0 && !(s || c || l || d || f || p)) return a.some((e) => {
-			if (!e || typeof e != "object") return !1;
-			let t = Object.keys(e);
-			return t.length > 0 && t.some((t) => e[t] != null);
-		}) ? i._("Please check the form for errors") : void 0;
-	}, [
-		a,
-		s,
-		c,
-		l,
-		d,
-		f,
-		p,
-		i
-	]);
-	return {
-		generalError: m,
-		fieldErrors: {
-			name: s,
-			quantity: c,
-			price: l,
-			tax: d,
-			measureUnit: f,
-			productType: p
-		},
-		hasErrors: !!(m || s || c || l || d || f || p)
-	};
-};
+	});
+}
 //#endregion
-export { d as FormErrorDisplay, f as useFormErrors };
+export { r as Switch };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index470.js

@@ -1,151 +1,148 @@
 import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
 import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { useCurrencies as n } from "./index63.js";
-import { InputGroupAddon as r } from "./index103.js";
-import { Combobox as i, ComboboxContent as a, ComboboxEmpty as o, ComboboxInput as s, ComboboxItem as c, ComboboxList as l } from "./index104.js";
-import "./index189.js";
-import { useUserPermissions as u } from "./index112.js";
-import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { calculateDueDate as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as r } from "./index89.js";
+import { Typography as i } from "./index62.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index90.js";
+import { useUserPermissions as s } from "./index116.js";
+import { useGetPaymentReminderById as c } from "./index146.js";
+import { useGetPaymentReminders as l } from "./index147.js";
+import { useCreatePaymentReminder as u } from "./index148.js";
+import { useGetPaymentTermById as d } from "./index173.js";
+import { CUSTOM_DATE_PAYMENT_TERM as f, RECEIPT_DUE_PAYMENT_TERM as p } from "./index196.js";
+import "./index222.js";
+import { useState as m } from "react";
 import { Loader2 as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+import { differenceInCalendarDays as g, format as _ } from "date-fns";
+import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useFormContext as x } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index470.js
-var y = "custom", b = ({ fieldName: y, error: b, disabled: x, index: S = 0, defaultCurrency: C, measureUnits: w, container: T, autoFocus: E = !1, onChange: D }) => {
-	let { i18n: O } = v(), k = C, [A, j] = m(""), [M, N] = m(!1), [ee, P] = m(null), [F, I] = m(!1), { api: L } = t(), { formatCurrencyToDisplay: R } = n(), z = u().has(e.InvoiceWriteOrg), { data: B, isLoading: V, fetchNextPage: H, hasNextPage: U, isFetchingNextPage: W } = L.finops.getProducts.useInfiniteQuery({ query: {
-		limit: 20,
-		currency: k
-	} }, {
-		initialPageParam: { query: { pagination_token: void 0 } },
-		getNextPageParam: (e) => {
-			if (e.next_pagination_token) return { query: { pagination_token: e.next_pagination_token } };
-		},
-		enabled: !!k
-	}), G = d((e) => {
-		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e.currentTarget;
-		n - t - r < 100 && U && !W && H();
-	}, [
-		H,
-		U,
-		W
-	]), K = p(() => B ? B.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [B]), q = p(() => !K || K.length === 0 ? [] : K.map((e) => {
-		let t = w ? w.data.find((t) => t.id === e.measure_unit_id) : void 0;
-		return {
-			id: e.id,
-			label: e.name,
-			description: e.description,
-			price: e.price,
-			smallestAmount: e.smallest_amount,
-			measureUnit: t
-		};
-	}), [K, w]);
-	f(() => {
-		!M && y && y.length > 0 && !A.length && (K?.find((e) => e?.name === y) || j(y));
-	}, [
-		y,
-		M,
-		K,
-		A
-	]);
-	let J = K?.find((e) => e?.id === ee);
-	if (!M && y && y.length > 0 && !A.length && !J) {
-		let e = K?.find((e) => e?.name === y);
-		e && (J = e);
-	}
-	let Y = J ? J.id : null, X = J ? J.name : A, Z = p(() => {
-		let e = X.toLowerCase().trim();
-		return !e || J && J.name.toLowerCase() === e ? q : q.filter((t) => t.label.toLowerCase().includes(e));
-	}, [
-		X,
-		q,
-		J
-	]), Q = p(() => Z.map((e) => e.id), [Z]), te = d(() => {
-		N(!0), I(!0);
-	}, []), ne = d(() => {
-		N(!1);
-	}, []), $ = d((e) => {
-		if (!e) {
-			P(null), j(""), D({
-				id: "",
-				label: ""
-			}, !1);
-			return;
-		}
-		let t = q.find((t) => t.id === e);
-		t && (P(t.id), j(""), D(t, !0));
-	}, [q, D]), re = d((e, t) => {
-		if (t.reason !== "input-change") {
-			z || j("");
-			return;
-		}
-		j(e), P(null), z && D(e.trim() ? {
-			id: "custom",
-			label: e
-		} : {
-			id: "",
-			label: ""
-		}, !1);
-	}, [z, D]);
-	return /* @__PURE__ */ _(i, {
-		value: Y,
-		onValueChange: $,
-		inputValue: X,
-		onInputValueChange: re,
-		items: Q,
-		filter: () => !0,
-		disabled: x,
-		open: F,
-		onOpenChange: I,
-		children: [/* @__PURE__ */ g(s, {
-			id: `item-selector-${S}`,
-			placeholder: z ? O._("e.g., Office supplies") : O._("Search for an item"),
-			"aria-invalid": b || void 0,
-			maxLength: 100,
-			autoFocus: E,
-			onFocus: te,
-			onBlur: ne,
-			onClick: () => {
-				F || I(!0);
-			},
-			onKeyDown: (e) => {
-				if (e.key === "Enter") e.preventDefault(), I(!1);
-				else if (e.key === "Tab" && F) {
-					let e = X.toLowerCase().trim();
-					if (!e) return;
-					let t = Z.find((t) => t.label.toLowerCase() === e) ?? (Z.length === 1 ? Z[0] : void 0);
-					t && ($(t.id), I(!1));
-				}
-			},
-			className: "ttw:w-full",
-			children: V && /* @__PURE__ */ g(r, {
-				align: "inline-start",
-				children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
-			})
-		}), /* @__PURE__ */ g(a, {
-			container: T,
-			className: "ttw:min-w-138",
-			children: /* @__PURE__ */ _(l, {
-				onScroll: G,
+var S = "MMM d, yyyy", C = 1, w = 1e4, T = ({ disabled: T }) => {
+	let { data: E } = l(), [D, O] = m(""), { i18n: k } = b(), A = s().has(e.InvoiceWriteOrg), { watch: j, setValue: M } = x(), N = j("payment_reminder_id"), P = j("payment_terms_id"), F = j("payment_terms_custom_date"), I = P === f, L = P === p, { data: R } = d(P && !I && !L ? P : void 0), z = I ? F ?? void 0 : L ? /* @__PURE__ */ new Date() : R && t(R) || void 0, { mutate: B, isPending: V } = u(), H = Number(D), U = D !== "" && H >= C && H <= w, W = D !== "" && !U, G = I && F ? g(F, /* @__PURE__ */ new Date()) : void 0, { data: K } = c(N), q = K ? [
+		K.term_1_reminder?.days_before,
+		K.term_2_reminder?.days_before,
+		K.term_final_reminder?.days_before
+	].filter((e) => typeof e == "number") : [], J = G !== void 0 && (D !== "" && Number(D) > G || q.some((e) => e > G));
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2",
+		children: [
+			/* @__PURE__ */ y(i, {
+				variant: "body2",
+				children: [
+					k._("Number of days"),
+					" ",
+					/* @__PURE__ */ v("span", {
+						className: "ttw:text-green-700 ttw:font-bold",
+						children: k._("BEFORE")
+					}),
+					" ",
+					k._("due date")
+				]
+			}),
+			/* @__PURE__ */ v(a, {
+				className: "ttw:contents",
+				value: N ?? "",
+				onValueChange: (e) => M("payment_reminder_id", e),
+				children: /* @__PURE__ */ y("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: "",
+								id: "no-payment-reminder"
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: k._("No reminder")
+							})]
+						})
+					}), E?.map((e) => /* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: e.value,
+								id: e.value
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: e.label
+							})]
+						})
+					}, e.value))]
+				})
+			}),
+			A && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
 				children: [
-					/* @__PURE__ */ g(o, { children: z ? O._("No saved items found - type to add an item") : O._("No saved items found") }),
-					Z.map((e) => /* @__PURE__ */ _(c, {
-						value: e.id,
-						children: [/* @__PURE__ */ g("span", {
-							className: "ttw:flex-1 ttw:min-w-0 ttw:truncate",
-							children: e.label
-						}), /* @__PURE__ */ g("span", {
-							className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground",
-							children: [e.price && R(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ")
-						})]
-					}, e.id)),
-					W && /* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:justify-center ttw:py-1",
-						children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
+					!!(E && E?.length > 0) && /* @__PURE__ */ v(i, {
+						variant: "caption",
+						color: "muted",
+						children: k._("Add schedule")
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [
+							/* @__PURE__ */ v(r, {
+								type: "text",
+								inputMode: "numeric",
+								value: D,
+								onChange: (e) => O(e.target.value.replace(/\D/g, "")),
+								disabled: T || V,
+								name: "new_reminders",
+								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
+								placeholder: k._("e.g., 3"),
+								"aria-invalid": W,
+								"aria-describedby": W ? "new-reminder-error" : void 0
+							}),
+							/* @__PURE__ */ v(i, {
+								variant: "body2",
+								children: Number(D) === 1 ? k._("day") : k._("days")
+							}),
+							/* @__PURE__ */ v(n, {
+								type: "button",
+								variant: "secondary",
+								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+								disabled: !U || V,
+								onClick: () => {
+									let e = Number(D);
+									B({ body: {
+										name: e === 1 ? k._("{daysBefore} day", { daysBefore: e }) : k._("{daysBefore} days", { daysBefore: e }),
+										term_final_reminder: {
+											days_before: e,
+											subject: k._("Payment is due soon"),
+											body: z ? k._("Payment is due on {dueDate}.", { dueDate: _(z, S) }) : k._("Payment is due soon.")
+										}
+									} }, { onSuccess: (e) => {
+										O(""), M("payment_reminder_id", e.id);
+									} });
+								},
+								children: V ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : k._("Save")
+							})
+						]
+					}),
+					W && /* @__PURE__ */ v(i, {
+						id: "new-reminder-error",
+						variant: "caption",
+						color: "destructive",
+						children: k._("Enter a number of days between {min} and {max}.", {
+							min: C,
+							max: w
+						})
 					})
 				]
+			}),
+			J && /* @__PURE__ */ v(i, {
+				variant: "body2",
+				className: "ttw:text-amber-700",
+				children: k._("This reminder would be sent after the due date has already passed.")
 			})
-		})]
+		]
 	});
 };
 //#endregion
-export { y as CUSTOM_ID, b as ItemSelector };
+export { T as ReminderBeforeDueDate };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index471.js

@@ -1,64 +1,147 @@
-import { useCurrencies as e } from "./index63.js";
-import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index103.js";
-import "./index189.js";
-import { formatMinorToMajorCurrency as i, parseMajorToMinorCurrency as a } from "./index176.js";
-import { useEffect as o, useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { calculateDueDate as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as r } from "./index89.js";
+import { Typography as i } from "./index62.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index90.js";
+import { useUserPermissions as s } from "./index116.js";
+import { useGetOverdueReminders as c } from "./index150.js";
+import { useCreateOverdueReminder as l } from "./index151.js";
+import { useGetPaymentTermById as u } from "./index173.js";
+import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./index196.js";
+import "./index222.js";
+import { Fragment as p, useState as m } from "react";
+import { Loader2 as h, Plus as g } from "lucide-react";
+import { format as _ } from "date-fns";
+import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useFormContext as x } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index471.js
-var f = ({ value: f, error: p = !1, currency: m, disabled: h = !1, onChange: g, locale: _ }) => {
-	let { getSymbolFromCurrency: v } = e(), { i18n: y } = d(), b = _ ?? y.locale, x = s(() => new Intl.NumberFormat(b, {
-		minimumFractionDigits: 2,
-		maximumFractionDigits: 2
-	}), [b]), { decimalSeparator: S, groupSeparator: C } = s(() => {
-		let e = new Intl.NumberFormat(b).formatToParts(12345.67);
-		return {
-			decimalSeparator: e.find((e) => e.type === "decimal")?.value || ".",
-			groupSeparator: e.find((e) => e.type === "group")?.value || ""
-		};
-	}, [b]), [w, T] = c(i(f, x)), [E, D] = c(!1);
-	return o(() => {
-		if (!E) {
-			let e = i(f, x);
-			e !== w && T(e);
-		}
-	}, [
-		f,
-		E,
-		b,
-		x,
-		w
-	]), /* @__PURE__ */ u(t, {
-		className: "ttw:max-w-41 ttw:w-full ttw:min-w-29",
-		children: [/* @__PURE__ */ l(n, {
-			align: "inline-start",
-			children: v(m) || m
-		}), /* @__PURE__ */ l(r, {
-			type: "text",
-			inputMode: "decimal",
-			className: "ttw:text-right",
-			"aria-invalid": p || void 0,
-			disabled: h,
-			value: w,
-			onChange: (e) => {
-				let t = e.target.value;
-				T(t);
-			},
-			onFocus: () => {
-				D(!0);
-			},
-			onBlur: (e) => {
-				D(!1);
-				let t = e.target.value.trim();
-				if (t === "") {
-					T(i(0, x)), g(0);
-					return;
-				}
-				let n = a(t, S, C);
-				T(i(n, x)), g(n);
-			}
-		})]
+var S = "MMM d, yyyy", C = 3, w = ({ disabled: w }) => {
+	let { data: T } = c(), [E, D] = m([""]), { i18n: O } = b(), k = s().has(e.InvoiceWriteOrg), { watch: A, setValue: j } = x(), M = A("overdue_reminder_id"), N = A("payment_terms_id"), P = A("payment_terms_custom_date"), F = N === d, I = N === f, { data: L } = u(N && !F && !I ? N : void 0), R = F ? P ?? void 0 : I ? /* @__PURE__ */ new Date() : L && t(L) || void 0, { mutate: z, isPending: B } = l(), V = (e, t) => {
+		D((n) => n.map((n, r) => r === e ? t : n));
+	}, H = () => {
+		D((e) => e.length < C ? [...e, ""] : e);
+	}, U = () => {
+		D([""]);
+	}, W = E.every((e) => Number(e) >= 1);
+	return /* @__PURE__ */ y("div", {
+		className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2",
+		children: [
+			/* @__PURE__ */ y(i, {
+				variant: "body2",
+				children: [
+					O._("Number of days"),
+					" ",
+					/* @__PURE__ */ v("span", {
+						className: "ttw:text-destructive ttw:font-bold",
+						children: O._("AFTER")
+					}),
+					" ",
+					O._("due date")
+				]
+			}),
+			/* @__PURE__ */ v(a, {
+				className: "ttw:contents",
+				value: M ?? "",
+				onValueChange: (e) => j("overdue_reminder_id", e),
+				children: /* @__PURE__ */ y("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [/* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: "",
+								id: "no-overdue-reminder"
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: O._("No reminder")
+							})]
+						})
+					}), T?.map((e) => /* @__PURE__ */ v("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
+						children: /* @__PURE__ */ y("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ v(o, {
+								value: e.value,
+								id: e.value
+							}), /* @__PURE__ */ v(i, {
+								variant: "body2",
+								className: "ttw:leading-snug",
+								children: e.label
+							})]
+						})
+					}, e.value))]
+				})
+			}),
+			k && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ v(i, {
+						variant: "caption",
+						color: "muted",
+						children: T && T.length > 0 ? O._("Add schedule (Specify up to 3 terms)") : O._("Send up to three reminders")
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [E.map((e, t, n) => /* @__PURE__ */ y(p, { children: [/* @__PURE__ */ v(r, {
+							type: "text",
+							inputMode: "numeric",
+							value: e,
+							onChange: (e) => V(t, e.target.value.replace(/\D/g, "")),
+							disabled: w || B,
+							name: `new_reminders_${t}`,
+							className: "ttw:text-right ttw:w-15 ttw:p-1.5",
+							placeholder: n.length === 1 ? O._("e.g., 3") : void 0
+						}), /* @__PURE__ */ v(i, {
+							variant: "body2",
+							children: Number(e) === 1 ? O._("day") : O._("days")
+						})] }, t)), E.length < C && /* @__PURE__ */ y(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
+							disabled: w || B || !E[E.length - 1],
+							onClick: H,
+							children: [/* @__PURE__ */ v(g, {}), O._("Add")]
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [/* @__PURE__ */ v(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs",
+							disabled: w || B,
+							onClick: U,
+							children: O._("Clear")
+						}), /* @__PURE__ */ v(n, {
+							type: "button",
+							variant: "secondary",
+							className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+							disabled: w || B || !W,
+							onClick: () => {
+								let e = E.map((e) => Number(e)).sort((e, t) => e - t), t = e.map((e) => e === 1 ? O._("{daysAfter} day", { daysAfter: e }) : O._("{daysAfter} days", { daysAfter: e })), n = t.length === 1 ? t[0] : `${t.slice(0, -1).join(", ")} ${O._("and")} ${t[t.length - 1]}`;
+								z({ body: {
+									name: n,
+									terms: e.map((e) => ({
+										days_after: e,
+										subject: O._("Payment is overdue"),
+										body: R ? O._("Payment was due on {dueDate}.", { dueDate: _(R, S) }) : O._("Payment is overdue.")
+									}))
+								} }, { onSuccess: (e) => {
+									D([""]), j("overdue_reminder_id", e.id);
+								} });
+							},
+							children: B ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : O._("Save")
+						})]
+					})
+				]
+			})
+		]
 	});
 };
 //#endregion
-export { f as PriceField };
+export { w as ReminderOverdue };