@tesouro/embedded-components-react 0.5.160 → 0.5.163

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

@@ -1,40 +1,19 @@
-import { Typography as e } from "./index61.js";
-import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index176.js";
-import { Switch as n } from "./index461.js";
-import { ReminderBeforeDueDate as r } from "./index462.js";
-import { ReminderOverdue as i } from "./index463.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 { cn as e } from "./index48.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/index464.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, {
-				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")
-		})] })]
+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 { d as RemindersSection };
+export { r as Switch };

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

@@ -1,66 +1,148 @@
-import { Input as e } from "./index88.js";
-import { Typography as t } from "./index61.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index87.js";
-import { PaymentSection as o } from "./index455.js";
-import { RecurrenceSection as s } from "./index460.js";
-import { RemindersSection as c } from "./index464.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 "./index52.js";
+import { Button as n } from "./index55.js";
+import { Input as r } from "./index88.js";
+import { Typography as i } from "./index61.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index89.js";
+import { useUserPermissions as s } from "./index118.js";
+import { useGetPaymentReminderById as c } from "./index148.js";
+import { useGetPaymentReminders as l } from "./index149.js";
+import { useCreatePaymentReminder as u } from "./index150.js";
+import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./index176.js";
+import { useGetPaymentTermById as p } from "./index205.js";
+import "./index228.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/index465.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 = 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 === d, L = P === f, { data: R } = p(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",
-				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)")
-								})]
+				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, { shouldDirty: !0 }),
+				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__ */ l(e, {
-								...o,
-								id: o.name,
-								disabled: h,
-								"aria-invalid": !!s
+							/* @__PURE__ */ v(i, {
+								variant: "body2",
+								children: Number(D) === 1 ? k._("day") : k._("days")
 							}),
-							/* @__PURE__ */ l(i, { errors: s ? [s] : [] })
-						] }) })
-					})]
-				}),
-				/* @__PURE__ */ l(c, { disabled: h })
-			]
-		})]
+							/* @__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, { shouldDirty: !0 });
+									} });
+								},
+								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 { m as BillingSection };
+export { T as ReminderBeforeDueDate };

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

@@ -1,72 +1,147 @@
-import { getLineItemErrorMessage as e } from "./index99.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 { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { calculateDueDate as t } from "./index52.js";
+import { Button as n } from "./index55.js";
+import { Input as r } from "./index88.js";
+import { Typography as i } from "./index61.js";
+import { RadioGroup as a, RadioGroupItem as o } from "./index89.js";
+import { useUserPermissions as s } from "./index118.js";
+import { useGetOverdueReminders as c } from "./index152.js";
+import { useCreateOverdueReminder as l } from "./index153.js";
+import { CUSTOM_DATE_PAYMENT_TERM as u, RECEIPT_DUE_PAYMENT_TERM as d } from "./index176.js";
+import { useGetPaymentTermById as f } from "./index205.js";
+import "./index228.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/index466.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" } }
+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 === u, I = N === d, { data: L } = f(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, { shouldDirty: !0 }),
+				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, { shouldDirty: !0 });
+								} });
+							},
+							children: B ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : O._("Save")
+						})]
 					})
-				}, e) : null)
-			})]
-		})
-	}) : 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 { w as ReminderOverdue };