@tesouro/embedded-components-react 0.2.288 → 0.2.289

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

@@ -1,147 +1,19 @@
-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 "./index112.js";
-import { useGetOverdueReminders as c } from "./index146.js";
-import { useCreateOverdueReminder as l } from "./index147.js";
-import { useGetPaymentTermById as u } from "./index169.js";
-import "./index194.js";
-import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./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";
+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/index458.js
-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")
-						})]
-					})
-				]
-			})
-		]
+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")
+		})
 	});
-};
+}
 //#endregion
-export { w as ReminderOverdue };
+export { r as Switch };

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

@@ -1,40 +1,148 @@
-import { Typography as e } from "./index62.js";
-import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index222.js";
-import { Switch as n } from "./index456.js";
-import { ReminderBeforeDueDate as r } from "./index457.js";
-import { ReminderOverdue as i } from "./index458.js";
-import { useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { useFormContext as u } from "react-hook-form";
+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 "./index112.js";
+import { useGetPaymentReminderById as c } from "./index142.js";
+import { useGetPaymentReminders as l } from "./index143.js";
+import { useCreatePaymentReminder as u } from "./index144.js";
+import { useGetPaymentTermById as d } from "./index169.js";
+import "./index194.js";
+import { CUSTOM_DATE_PAYMENT_TERM as f, RECEIPT_DUE_PAYMENT_TERM as p } from "./index222.js";
+import { useState as m } from "react";
+import { Loader2 as h } from "lucide-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/index459.js
-var d = ({ disabled: d }) => {
-	let { i18n: f } = l(), { watch: p, setValue: m } = u(), h = p("payment_terms_id"), g = p("payment_terms_custom_date"), _ = p("payment_reminder_id"), v = p("overdue_reminder_id"), y = !!(h || g), b = !!(_ || v), x = h !== t, [S, C] = a(y || b);
-	return /* @__PURE__ */ c("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [/* @__PURE__ */ c("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-3",
-			children: [/* @__PURE__ */ s(n, {
-				checked: S,
-				disabled: !y,
-				onCheckedChange: (e) => {
-					e || (m("payment_reminder_id", "", { shouldDirty: !0 }), m("overdue_reminder_id", "", { shouldDirty: !0 })), C(e);
-				},
-				"aria-label": f._("Payment reminders")
-			}), /* @__PURE__ */ s(e, {
+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: f._("Send reminders when an invoice is approaching its due date or past due.")
-			})]
-		}), S && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
-			children: [x && /* @__PURE__ */ s(r, { disabled: d }), /* @__PURE__ */ s(i, { disabled: d })]
-		}), /* @__PURE__ */ s(e, {
-			variant: "body2",
-			color: "muted",
-			className: "ttw:font-medium",
-			children: f._("New reminders will be saved to your organization's library and can be managed via Invoice settings")
-		})] })]
+				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: [
+					!!(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 { d as RemindersSection };
+export { T as ReminderBeforeDueDate };

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

@@ -1,66 +1,147 @@
-import { Input as e } from "./index89.js";
-import { Typography as t } from "./index62.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
-import { PaymentSection as o } from "./index453.js";
-import { RecurrenceSection as s } from "./index455.js";
-import { RemindersSection as c } from "./index459.js";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import { Controller as f, useFormContext as p } from "react-hook-form";
+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 "./index112.js";
+import { useGetOverdueReminders as c } from "./index146.js";
+import { useCreateOverdueReminder as l } from "./index147.js";
+import { useGetPaymentTermById as u } from "./index169.js";
+import "./index194.js";
+import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./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/index460.js
-var m = ({ paymentTerms: m, disabled: h, isPaymentTermsLoading: g, showPurchaseOrder: _ = !0, lockRecurrenceSchedule: v = !1 }) => {
-	let { i18n: y } = d(), { control: b } = p();
-	return /* @__PURE__ */ u("div", {
-		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
-		children: [/* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-			children: [/* @__PURE__ */ l(t, {
-				variant: "h4",
-				children: y._("Billing details")
-			}), /* @__PURE__ */ l(t, {
+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",
-				color: "muted",
-				className: "ttw:font-medium",
-				children: y._("What are the billing terms?")
-			})]
-		}), /* @__PURE__ */ u("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-6",
-			children: [
-				/* @__PURE__ */ l(s, { lockSchedule: v }),
-				/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full",
-					children: [/* @__PURE__ */ l(o, {
-						paymentTerms: m,
-						disabled: h,
-						isLoading: g
-					}), _ && /* @__PURE__ */ l(f, {
-						name: "purchase_order",
-						control: b,
-						render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(r, { children: [
-							/* @__PURE__ */ u(a, {
-								htmlFor: o.name,
-								className: "ttw:text-nowrap",
-								children: [y._("PO Number"), /* @__PURE__ */ l(t, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:leading-snug",
-									children: y._("(optional)")
-								})]
-							}),
-							/* @__PURE__ */ l(e, {
-								...o,
-								id: o.name,
-								disabled: h,
-								"aria-invalid": !!s
-							}),
-							/* @__PURE__ */ l(i, { errors: s ? [s] : [] })
-						] }) })
-					})]
-				}),
-				/* @__PURE__ */ l(c, { disabled: h })
-			]
-		})]
+				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 { m as BillingSection };
+export { w as ReminderOverdue };