@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,19 +1,136 @@
-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";
+import { calculateDueDate as e } from "./index53.js";
+import { cn as t } from "./index49.js";
+import { Skeleton as n } from "./index54.js";
+import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index88.js";
+import { Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "./index101.js";
+import { RECEIPT_DUE_PAYMENT_TERM as m } from "./index222.js";
+import { Popover as h, PopoverAnchor as g, PopoverContent as _ } from "./index431.js";
+import "./index437.js";
+import { dedupePaymentTermsByContent as v } from "./index454.js";
+import { Calendar as y } from "./index455.js";
+import { useMemo as b, useState as x } from "react";
+import { Calendar as S } from "lucide-react";
+import { addYears as C, format as w, max as T, min as E } from "date-fns";
+import { Fragment as D, jsx as O, jsxs as k } from "@emotion/react/jsx-runtime";
+import { useLingui as A } from "@lingui/react";
+import { Controller as j, useFormContext as M } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index456.js
-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")
-		})
+var N = "MMM d, yyyy", P = ({ disabled: P, paymentTerms: F, isLoading: I }) => {
+	let { i18n: L } = A(), { control: R, watch: z, setValue: B } = M(), [V, H] = x(!1), U = z("payment_terms_id"), W = z("frequency") !== "once", G = z("payment_terms_custom_date") ?? void 0, K = (e) => B("payment_terms_custom_date", e ?? null), { dedupedTerms: q } = b(() => v(F?.data ?? []), [F]), J = q.find((e) => e?.id === U), Y = J && e(J), X = b(() => {
+		let e = /* @__PURE__ */ new Date(), t = C(e, 5);
+		return {
+			start: G ? E([e, G]) : e,
+			end: G ? T([t, G]) : t
+		};
+	}, [G]), Z = () => {
+		window.setTimeout(() => H(!0), 0);
+	}, Q = (e, t) => /* @__PURE__ */ k("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ O("span", {
+			className: "ttw:truncate",
+			children: e
+		}), t && /* @__PURE__ */ O("span", {
+			className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
+			children: w(t, N)
+		})]
 	});
-}
+	return /* @__PURE__ */ O(D, { children: I ? /* @__PURE__ */ O(n, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ O(D, { children: /* @__PURE__ */ O(j, {
+		name: "payment_terms_id",
+		control: R,
+		render: ({ field: n, fieldState: { error: v } }) => /* @__PURE__ */ O(r, { children: /* @__PURE__ */ k(i, { children: [
+			/* @__PURE__ */ O(s, {
+				htmlFor: "payment_terms_id",
+				children: L._("Payment terms")
+			}),
+			/* @__PURE__ */ k(h, {
+				open: V,
+				onOpenChange: (e) => {
+					H(e), !e && U === "custom" && !G && n.onChange(void 0);
+				},
+				children: [/* @__PURE__ */ k(c, {
+					...n,
+					disabled: P,
+					value: n.value,
+					onValueChange: (e) => {
+						if (e === "custom") {
+							U !== "custom" && K(void 0), n.onChange(e), Z();
+							return;
+						}
+						n.onChange(e), e === "receipt_due" && B("payment_reminder_id", "", { shouldDirty: !0 }), K(void 0), H(!1);
+					},
+					children: [/* @__PURE__ */ O(g, {
+						className: "ttw:w-full",
+						children: /* @__PURE__ */ O(f, {
+							id: "payment_terms_id",
+							className: "ttw:w-full",
+							"aria-invalid": !!v,
+							children: /* @__PURE__ */ k(p, {
+								placeholder: L._("Select payment terms"),
+								children: [
+									U === "receipt_due" && /* @__PURE__ */ O("span", {
+										className: "ttw:truncate",
+										children: L._("Due on receipt")
+									}),
+									U === "custom" && /* @__PURE__ */ k("span", {
+										className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+										children: [/* @__PURE__ */ k("span", {
+											className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
+											children: [/* @__PURE__ */ O(S, { className: t("ttw:size-4 ttw:shrink-0", !G && "ttw:text-muted-foreground") }), /* @__PURE__ */ O("span", {
+												className: t("ttw:truncate", !G && "ttw:text-muted-foreground"),
+												children: G ? w(G, N) : L._("Mon DD, YYYY")
+											})]
+										}), /* @__PURE__ */ O("span", {
+											className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
+											children: L._("Custom date")
+										})]
+									}),
+									J && Q(J.name, Y)
+								]
+							})
+						})
+					}), /* @__PURE__ */ k(l, { children: [
+						/* @__PURE__ */ O(u, {
+							value: m,
+							children: L._("Due on receipt")
+						}),
+						!W && /* @__PURE__ */ O(u, {
+							value: "custom",
+							onPointerUp: Z,
+							onClick: Z,
+							onKeyDown: (e) => {
+								(e.key === "Enter" || e.key === " ") && Z();
+							},
+							children: L._("Custom date")
+						}),
+						/* @__PURE__ */ O(d, {}),
+						q.map((t) => /* @__PURE__ */ O(u, {
+							value: t.id,
+							children: Q(t.name, e(t))
+						}, t.id))
+					] })]
+				}), /* @__PURE__ */ O(_, {
+					className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
+					align: "start",
+					onFocusOutside: (e) => {
+						e.preventDefault();
+					},
+					children: /* @__PURE__ */ O(y, {
+						mode: "single",
+						captionLayout: "dropdown",
+						selected: G,
+						disabled: { before: /* @__PURE__ */ new Date() },
+						startMonth: X.start,
+						endMonth: X.end,
+						onSelect: (e) => {
+							K(e), H(!1);
+						}
+					})
+				})]
+			}),
+			W && /* @__PURE__ */ O(a, { children: L._("Each invoice in the series will have the same payment term.") }),
+			/* @__PURE__ */ O(o, { errors: v ? [v] : [] })
+		] }) })
+	}) }) });
+};
 //#endregion
-export { r as Switch };
+export { P as PaymentSection };

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

@@ -1,148 +1,41 @@
-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";
+import { Button as e } from "./index56.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "./index431.js";
+import { Calendar as i } from "./index455.js";
+import * as a from "react";
+import { Calendar as o } from "lucide-react";
+import { format as s } from "date-fns";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index457.js
-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: [
-					!!(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.")
+var d = "MMM d, yyyy";
+function f(f) {
+	let [p, m] = a.useState(!1), { i18n: h } = u();
+	return /* @__PURE__ */ l(t, {
+		open: p,
+		onOpenChange: m,
+		children: [/* @__PURE__ */ c(r, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(e, {
+				variant: "outline",
+				id: "date",
+				disabled: !!f.shouldDisableButton,
+				"aria-invalid": f["aria-invalid"],
+				className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border",
+				children: [f.selected ? s(f.selected, d) : f.placeholder ?? h._("Mon DD, YYYY"), /* @__PURE__ */ c(o, {})]
 			})
-		]
+		}), /* @__PURE__ */ c(n, {
+			className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
+			align: "start",
+			children: /* @__PURE__ */ c(i, {
+				...f,
+				mode: "single",
+				captionLayout: "dropdown",
+				onSelect: (e) => {
+					f.onSelect(e), m(!1);
+				}
+			})
+		})]
 	});
-};
+}
 //#endregion
-export { T as ReminderBeforeDueDate };
+export { f as DatePicker };