@tesouro/embedded-components-react 0.2.241 → 0.2.242

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

@@ -6,46 +6,45 @@ 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 { 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 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 { 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/index457.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);
+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: [
-					O._("Number of days"),
+					k._("Number of days"),
 					" ",
 					/* @__PURE__ */ v("span", {
-						className: "ttw:text-destructive ttw:font-bold",
-						children: O._("AFTER")
+						className: "ttw:text-green-700 ttw:font-bold",
+						children: k._("BEFORE")
 					}),
 					" ",
-					O._("due date")
+					k._("due date")
 				]
 			}),
 			/* @__PURE__ */ v(a, {
 				className: "ttw:contents",
-				value: M ?? "",
-				onValueChange: (e) => j("overdue_reminder_id", e),
+				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", {
@@ -54,14 +53,14 @@ var S = "MMM d, yyyy", C = 3, w = ({ disabled: w }) => {
 							className: "ttw:flex ttw:items-center ttw:gap-2",
 							children: [/* @__PURE__ */ v(o, {
 								value: "",
-								id: "no-overdue-reminder"
+								id: "no-payment-reminder"
 							}), /* @__PURE__ */ v(i, {
 								variant: "body2",
 								className: "ttw:leading-snug",
-								children: O._("No reminder")
+								children: k._("No reminder")
 							})]
 						})
-					}), T?.map((e) => /* @__PURE__ */ v("li", {
+					}), 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",
@@ -77,71 +76,73 @@ var S = "MMM d, yyyy", C = 3, w = ({ disabled: w }) => {
 					}, e.value))]
 				})
 			}),
-			k && /* @__PURE__ */ y("div", {
+			A && /* @__PURE__ */ y("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
 				children: [
-					/* @__PURE__ */ v(i, {
+					!!(E && E?.length > 0) && /* @__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")
+						children: k._("Add schedule")
 					}),
 					/* @__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")]
-						})]
+						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")
+							})
+						]
 					}),
-					/* @__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")
-						})]
+					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 { w as ReminderOverdue };
+export { T as ReminderBeforeDueDate };

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

@@ -1,40 +1,147 @@
-import { Typography as e } from "./index62.js";
-import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index222.js";
-import { Switch as n } from "./index455.js";
-import { ReminderBeforeDueDate as r } from "./index456.js";
-import { ReminderOverdue as i } from "./index457.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 { 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/index458.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 = 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: 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: [
+					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 { d as RemindersSection };
+export { w as ReminderOverdue };

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

@@ -1,66 +1,40 @@
-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 "./index452.js";
-import { RecurrenceSection as s } from "./index454.js";
-import { RemindersSection as c } from "./index458.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 { 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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index459.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 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, {
 				variant: "body2",
-				color: "muted",
-				className: "ttw:font-medium",
-				children: y._("What are the billing terms?")
+				children: f._("Send reminders when an invoice is approaching its due date or past due.")
 			})]
-		}), /* @__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 })
-			]
-		})]
+		}), 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")
+		})] })]
 	});
 };
 //#endregion
-export { m as BillingSection };
+export { d as RemindersSection };

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

@@ -1,72 +1,66 @@
-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 { 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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index460.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)
+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, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: y._("What are the billing terms?")
 			})]
-		})
-	}) : 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)
-	};
+		}), /* @__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 })
+			]
+		})]
+	});
 };
 //#endregion
-export { d as FormErrorDisplay, f as useFormErrors };
+export { m as BillingSection };