@tesouro/embedded-components-react 0.2.240 → 0.2.242

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

@@ -1,451 +1,41 @@
-import { cn as e } from "./index49.js";
-import { Input as t } from "./index89.js";
-import { Typography as n } from "./index62.js";
-import { Field as r, FieldContent as i, FieldError as a } from "./index88.js";
-import { Select as o, SelectContent as s, SelectItem as c, SelectSeparator as l, SelectTrigger as u, SelectValue as d } from "./index101.js";
-import { RECEIPT_DUE_PAYMENT_TERM as f } from "./index222.js";
-import { DatePicker as p } from "./index453.js";
-import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useLingui as _ } from "@lingui/react";
-import { Controller as v, useFormContext as y } from "react-hook-form";
+import { Button as e } from "./index56.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "./index428.js";
+import { Calendar as i } from "./index452.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/index454.js
-var b = [
-	"day",
-	"week",
-	"month"
-], x = (e) => {
-	(e.key === "." || e.key === ",") && e.preventDefault();
-}, S = (e) => {
-	let t = [
-		"th",
-		"st",
-		"nd",
-		"rd"
-	], n = e % 100;
-	return `${e}${t[(n - 20) % 10] ?? t[n] ?? t[0]}`;
-}, C = Array.from({ length: 31 }, (e, t) => t + 1), w = [
-	"recurrence_start_date",
-	"recurrence_end_date",
-	"recurrence_issue_mode",
-	"recurrence_days_of_week",
-	"recurrence_end_mode",
-	"recurrence_max_occurrences"
-], T = {
-	su: 0,
-	mo: 1,
-	tu: 2,
-	we: 3,
-	th: 4,
-	fr: 5,
-	sa: 6
-}, E = () => {
-	let e = /* @__PURE__ */ new Date();
-	return e.setHours(0, 0, 0, 0), e;
-}, D = () => {
-	let e = E();
-	return e.setDate(e.getDate() + 1), e;
-}, O = (e) => {
-	let t = E(), n = (T[e] - t.getDay() + 7) % 7 || 7, r = new Date(t);
-	return r.setDate(t.getDate() + n), r;
-}, k = ({ lockSchedule: E = !1 }) => {
-	let { i18n: k } = _(), { control: A, watch: j, clearErrors: M, setValue: N, formState: { errors: P } } = y(), F = j("frequency"), I = j("payment_terms_id"), L = j("recurrence_issue_mode"), R = j("recurrence_end_mode"), z = j("recurrence_days_of_week"), B = j("recurrence_max_occurrences"), V = Number(B) === 1, H = j("recurrence_start_date"), U = H ? new Date(H) : void 0, W = j("recurrence_end_date"), G = W ? new Date(W) : void 0, K = (e) => {
-		if (e < D()) return !0;
-		if (F === "week") return z ? e.getDay() !== T[z] : !1;
-		if (F !== "month" || !L) return !1;
-		let t = e.getDate(), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-		if (L === "first_day") return t !== 1;
-		if (L === "last_day") return t !== n;
-		let r = Number(L);
-		return !Number.isNaN(r) && t !== Math.min(r, n);
-	}, q = (e) => {
-		if (K(e)) return !0;
-		if (!U) return !1;
-		let t = new Date(U);
-		return t.setHours(0, 0, 0, 0), e < t;
-	}, J = (e) => {
-		if (K(e)) return !0;
-		if (!G) return !1;
-		let t = new Date(G);
-		return t.setHours(0, 0, 0, 0), e > t;
-	};
-	return /* @__PURE__ */ g("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ h(n, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: k._("Repeat this invoice")
-					}),
-					/* @__PURE__ */ h(v, {
-						name: "frequency",
-						control: A,
-						render: ({ field: e }) => /* @__PURE__ */ h(r, {
-							className: "ttw:w-fit",
-							children: /* @__PURE__ */ h(i, {
-								className: "ttw:grow-0",
-								children: /* @__PURE__ */ g(o, {
-									value: e.value,
-									disabled: E,
-									onValueChange: (t) => {
-										M(w), w.forEach((e) => {
-											N(e, void 0, { shouldDirty: !1 });
-										}), b.includes(t) ? (N("payment_terms_id", f, { shouldDirty: !0 }), N("payment_terms_custom_date", null, { shouldDirty: !1 }), N("payment_reminder_id", "", { shouldDirty: !0 })) : t !== "once" && I === "custom" && (N("payment_terms_id", "", { shouldDirty: !0 }), N("payment_terms_custom_date", null, { shouldDirty: !1 })), e.onChange(t);
-									},
-									children: [/* @__PURE__ */ h(u, {
-										id: "frequency",
-										className: "ttw:w-31",
-										children: /* @__PURE__ */ h(d, {})
-									}), /* @__PURE__ */ g(s, { children: [
-										/* @__PURE__ */ h(c, {
-											value: "once",
-											children: k._("Once")
-										}),
-										/* @__PURE__ */ h(c, {
-											value: "day",
-											children: k._("Daily")
-										}),
-										/* @__PURE__ */ h(c, {
-											value: "week",
-											children: k._("Weekly")
-										}),
-										/* @__PURE__ */ h(c, {
-											value: "month",
-											children: k._("Monthly")
-										}),
-										/* @__PURE__ */ h(c, {
-											value: "quarter",
-											children: k._("Quarterly")
-										}),
-										/* @__PURE__ */ h(c, {
-											value: "year",
-											children: k._("Annually")
-										})
-									] })]
-								})
-							})
-						})
-					}),
-					(() => {
-						switch (F) {
-							case "once":
-							case "day":
-							case "quarter":
-							case "year":
-							default: return null;
-							case "month": return /* @__PURE__ */ g(m, { children: [
-								/* @__PURE__ */ h(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: k._("on the")
-								}),
-								/* @__PURE__ */ h(v, {
-									name: "recurrence_issue_mode",
-									control: A,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(r, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ h(i, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ g(o, {
-												value: e.value,
-												disabled: E,
-												onValueChange: (t) => {
-													e.onChange(t), M("recurrence_issue_mode"), E || N("recurrence_start_date", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ h(u, {
-													id: "recurrence_issue_mode",
-													className: "ttw:min-w-21 ttw:w-fit",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ h(d, {})
-												}), /* @__PURE__ */ g(s, { children: [
-													/* @__PURE__ */ h(c, {
-														value: "first_day",
-														children: k._("First day")
-													}),
-													/* @__PURE__ */ h(c, {
-														value: "last_day",
-														children: k._("Last day")
-													}),
-													/* @__PURE__ */ h(l, {}),
-													C.map((e) => /* @__PURE__ */ h(c, {
-														value: String(e),
-														children: S(e)
-													}, e))
-												] })]
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ h(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: k._("day of every month")
-								})
-							] });
-							case "week": return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(n, {
-								variant: "body2",
-								color: "muted",
-								children: k._("on")
-							}), /* @__PURE__ */ h(v, {
-								name: "recurrence_days_of_week",
-								control: A,
-								render: ({ field: t, fieldState: { error: n } }) => {
-									let a = t.value, o = (e) => {
-										E || a === e || (t.onChange(e), N("recurrence_start_date", O(e), { shouldDirty: !0 }), M("recurrence_start_date"));
-									};
-									return /* @__PURE__ */ h(r, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ h(i, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ g("div", {
-												"aria-invalid": !!n,
-												"aria-disabled": E || void 0,
-												className: e("ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", E && "ttw:opacity-50 ttw:pointer-events-none"),
-												children: [
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "mo",
-														"data-active": a === "mo",
-														onClick: () => o("mo"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Mo")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "tu",
-														"data-active": a === "tu",
-														onClick: () => o("tu"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Tu")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "we",
-														"data-active": a === "we",
-														onClick: () => o("we"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("We")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "th",
-														"data-active": a === "th",
-														onClick: () => o("th"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Th")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "fr",
-														"data-active": a === "fr",
-														onClick: () => o("fr"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Fr")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "sa",
-														"data-active": a === "sa",
-														onClick: () => o("sa"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Sa")
-													}),
-													/* @__PURE__ */ h("button", {
-														type: "button",
-														disabled: E,
-														"aria-pressed": a === "su",
-														"data-active": a === "su",
-														onClick: () => o("su"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: k._("Su")
-													})
-												]
-											})
-										})
-									});
-								}
-							})] });
-						}
-					})()
-				]
-			}),
-			F !== "once" && /* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ h(n, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: k._("Start on")
-					}),
-					/* @__PURE__ */ h(v, {
-						control: A,
-						name: "recurrence_start_date",
-						render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(r, {
-							className: "ttw:grow-0 ttw:w-44",
-							children: /* @__PURE__ */ h(i, { children: /* @__PURE__ */ h(p, {
-								...e,
-								selected: e.value ? new Date(e.value) : void 0,
-								onSelect: e.onChange,
-								showOutsideDays: !1,
-								shouldDisableButton: E || F === "week" && !z,
-								disabled: J,
-								"aria-invalid": !!t,
-								startMonth: /* @__PURE__ */ new Date(),
-								endMonth: G ? new Date(G.getFullYear(), G.getMonth(), 1) : new Date(2050, 11)
-							}) })
-						})
-					}),
-					(() => {
-						switch (F) {
-							case "once":
-							default: return null;
-							case "day": return /* @__PURE__ */ g(m, { children: [
-								/* @__PURE__ */ h(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: k._("and end")
-								}),
-								/* @__PURE__ */ h(v, {
-									name: "recurrence_end_mode",
-									control: A,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(r, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ h(i, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ g(o, {
-												value: e.value,
-												onValueChange: (t) => {
-													e.onChange(t), N(t === "after" ? "recurrence_end_date" : "recurrence_max_occurrences", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ h(u, {
-													id: "recurrence_end_mode",
-													className: "ttw:w-21",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ h(d, {})
-												}), /* @__PURE__ */ g(s, { children: [/* @__PURE__ */ h(c, {
-													value: "after",
-													children: k._("After")
-												}), /* @__PURE__ */ h(c, {
-													value: "on",
-													children: k._("On")
-												})] })]
-											})
-										})
-									})
-								}),
-								R === "on" ? /* @__PURE__ */ h(v, {
-									control: A,
-									name: "recurrence_end_date",
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(r, {
-										className: "ttw:grow-0 ttw:w-44",
-										children: /* @__PURE__ */ h(i, { children: /* @__PURE__ */ h(p, {
-											...e,
-											selected: e.value ? new Date(e.value) : void 0,
-											onSelect: e.onChange,
-											showOutsideDays: !1,
-											disabled: q,
-											"aria-invalid": !!t,
-											startMonth: U ? new Date(U.getFullYear(), U.getMonth(), 1) : /* @__PURE__ */ new Date(),
-											endMonth: new Date(2050, 11)
-										}) })
-									})
-								}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(v, {
-									name: "recurrence_max_occurrences",
-									control: A,
-									render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ h(r, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ h(i, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ h(t, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: x,
-												"aria-invalid": !!n
-											})
-										})
-									})
-								}), /* @__PURE__ */ h(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: V ? k._("day") : k._("days")
-								})] })
-							] });
-							case "month":
-							case "quarter":
-							case "year":
-							case "week": return /* @__PURE__ */ g(m, { children: [
-								/* @__PURE__ */ h(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: k._("and end after")
-								}),
-								/* @__PURE__ */ h(v, {
-									name: "recurrence_max_occurrences",
-									control: A,
-									render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ h(r, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ h(i, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ h(t, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: x,
-												"aria-invalid": !!n
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ g(n, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: [
-										F === "month" && (V ? k._("month") : k._("months")),
-										F === "quarter" && (V ? k._("quarter") : k._("quarters")),
-										F === "week" && (V ? k._("week") : k._("weeks")),
-										F === "year" && (V ? k._("year") : k._("years"))
-									]
-								})
-							] });
-						}
-					})()
-				]
-			}),
-			P.recurrence_max_occurrences && /* @__PURE__ */ h(a, { errors: [P.recurrence_max_occurrences] }),
-			[
-				"month",
-				"quarter",
-				"year"
-			].includes(F) && /* @__PURE__ */ h(n, {
-				variant: "caption",
-				color: "muted",
-				children: k._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.")
+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 { k as RecurrenceSection };
+export { f as DatePicker };