@tesouro/embedded-components-react 0.3.57 → 0.3.60

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

@@ -1,19 +1,555 @@
 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 { Button as t } from "./index56.js";
+import { Input as n } from "./index89.js";
+import { Typography as r } from "./index62.js";
+import { Label as i } from "./index87.js";
+import { Field as a, FieldContent as o, FieldError as s } from "./index88.js";
+import { RECURRENCE_CREATION_MODES as ee, RECURRENCE_EMAIL_FIELD_NAMES as te } from "./index93.js";
+import { Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "./index108.js";
+import { isRecurrenceEmailComplete as ne } from "./index190.js";
+import { RECEIPT_DUE_PAYMENT_TERM as re } from "./index197.js";
+import { DatePicker as m } from "./index466.js";
+import { useRecurrenceSectionLabels as h } from "./index467.js";
+import { RecurrenceEmailModal as g } from "./index468.js";
+import { useState as ie } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useLingui as ae } from "@lingui/react";
+import { Controller as b, useFormContext as oe } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index469.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 x = "recurrence-email-error", S = [
+	"day",
+	"week",
+	"month"
+], C = (e) => {
+	(e.key === "." || e.key === ",") && e.preventDefault();
+}, w = (e) => {
+	let t = [
+		"th",
+		"st",
+		"nd",
+		"rd"
+	], n = e % 100;
+	return `${e}${t[(n - 20) % 10] ?? t[n] ?? t[0]}`;
+}, T = Array.from({ length: 31 }, (e, t) => t + 1), E = [
+	"recurrence_start_date",
+	"recurrence_end_date",
+	"recurrence_issue_mode",
+	"recurrence_days_of_week",
+	"recurrence_end_mode",
+	"recurrence_max_occurrences"
+], D = {
+	su: 0,
+	mo: 1,
+	tu: 2,
+	we: 3,
+	th: 4,
+	fr: 5,
+	sa: 6
+}, O = () => {
+	let e = /* @__PURE__ */ new Date();
+	return e.setHours(0, 0, 0, 0), e;
+}, se = () => {
+	let e = O();
+	return e.setDate(e.getDate() + 1), e;
+}, ce = (e) => {
+	let t = O(), n = (D[e] - t.getDay() + 7) % 7 || 7, r = new Date(t);
+	return r.setDate(t.getDate() + n), r;
+}, k = ({ lockSchedule: O = !1, labels: k, emailModalLabels: ue }) => {
+	let { i18n: A } = ae(), j = h(k), { control: M, watch: N, clearErrors: P, getValues: F, setValue: I, formState: { errors: L } } = oe(), R = N("frequency"), z = N("payment_terms_id"), B = N("recurrence_issue_mode"), V = N("recurrence_end_mode"), H = N("recurrence_days_of_week"), de = N("recurrence_max_occurrences"), U = Number(de) === 1, W = N("recurrence_start_date"), G = W ? new Date(W) : void 0, K = N("recurrence_end_date"), q = K ? new Date(K) : void 0, [fe, J] = ie(!1), Y = N("recurrence_automation_level") ?? "issue", X = Y === "issue_and_send", Z = N("recurrence_recipients_to"), pe = Z?.length ? Z.join(", ") : j.noRecipients, Q = te.map((e) => L[e]).find(Boolean), $ = (e) => {
+		if (e < se()) return !0;
+		if (R === "week") return H ? e.getDay() !== D[H] : !1;
+		if (R !== "month" || !B) return !1;
+		let t = e.getDate(), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+		if (B === "first_day") return t !== 1;
+		if (B === "last_day") return t !== n;
+		let r = Number(B);
+		return !Number.isNaN(r) && t !== Math.min(r, n);
+	}, me = (e) => {
+		if ($(e)) return !0;
+		if (!G) return !1;
+		let t = new Date(G);
+		return t.setHours(0, 0, 0, 0), e < t;
+	}, he = (e) => {
+		if ($(e)) return !0;
+		if (!q) return !1;
+		let t = new Date(q);
+		return t.setHours(0, 0, 0, 0), e > t;
+	};
+	return /* @__PURE__ */ y("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ v(r, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:text-nowrap",
+						children: A._("Repeat this invoice")
+					}),
+					/* @__PURE__ */ v(b, {
+						name: "frequency",
+						control: M,
+						render: ({ field: e }) => /* @__PURE__ */ v(a, {
+							className: "ttw:w-fit",
+							children: /* @__PURE__ */ v(o, {
+								className: "ttw:grow-0",
+								children: /* @__PURE__ */ y(c, {
+									value: e.value,
+									disabled: O,
+									onValueChange: (t) => {
+										P(E), E.forEach((e) => {
+											I(e, void 0, { shouldDirty: !1 });
+										}), S.includes(t) ? (I("payment_terms_id", re, { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 }), I("payment_reminder_id", "", { shouldDirty: !0 })) : t !== "once" && z === "custom" && (I("payment_terms_id", "", { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 })), e.onChange(t);
+									},
+									children: [/* @__PURE__ */ v(f, {
+										id: "frequency",
+										className: "ttw:w-31",
+										children: /* @__PURE__ */ v(p, {})
+									}), /* @__PURE__ */ y(l, { children: [
+										/* @__PURE__ */ v(u, {
+											value: "once",
+											children: A._("Once")
+										}),
+										/* @__PURE__ */ v(u, {
+											value: "day",
+											children: A._("Daily")
+										}),
+										/* @__PURE__ */ v(u, {
+											value: "week",
+											children: A._("Weekly")
+										}),
+										/* @__PURE__ */ v(u, {
+											value: "month",
+											children: A._("Monthly")
+										}),
+										/* @__PURE__ */ v(u, {
+											value: "quarter",
+											children: A._("Quarterly")
+										}),
+										/* @__PURE__ */ v(u, {
+											value: "year",
+											children: A._("Annually")
+										})
+									] })]
+								})
+							})
+						})
+					}),
+					(() => {
+						switch (R) {
+							case "once":
+							case "day":
+							case "quarter":
+							case "year":
+							default: return null;
+							case "month": return /* @__PURE__ */ y(_, { children: [
+								/* @__PURE__ */ v(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: A._("on the")
+								}),
+								/* @__PURE__ */ v(b, {
+									name: "recurrence_issue_mode",
+									control: M,
+									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+										className: "ttw:w-fit",
+										children: /* @__PURE__ */ v(o, {
+											className: "ttw:grow-0",
+											children: /* @__PURE__ */ y(c, {
+												value: e.value,
+												disabled: O,
+												onValueChange: (t) => {
+													e.onChange(t), P("recurrence_issue_mode"), O || I("recurrence_start_date", void 0, { shouldDirty: !1 });
+												},
+												children: [/* @__PURE__ */ v(f, {
+													id: "recurrence_issue_mode",
+													className: "ttw:min-w-21 ttw:w-fit",
+													"aria-invalid": !!t,
+													children: /* @__PURE__ */ v(p, {})
+												}), /* @__PURE__ */ y(l, { children: [
+													/* @__PURE__ */ v(u, {
+														value: "first_day",
+														children: A._("First day")
+													}),
+													/* @__PURE__ */ v(u, {
+														value: "last_day",
+														children: A._("Last day")
+													}),
+													/* @__PURE__ */ v(d, {}),
+													T.map((e) => /* @__PURE__ */ v(u, {
+														value: String(e),
+														children: w(e)
+													}, e))
+												] })]
+											})
+										})
+									})
+								}),
+								/* @__PURE__ */ v(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: A._("day of every month")
+								})
+							] });
+							case "week": return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
+								variant: "body2",
+								color: "muted",
+								children: A._("on")
+							}), /* @__PURE__ */ v(b, {
+								name: "recurrence_days_of_week",
+								control: M,
+								render: ({ field: t, fieldState: { error: n } }) => {
+									let r = t.value, i = (e) => {
+										O || r === e || (t.onChange(e), I("recurrence_start_date", ce(e), { shouldDirty: !0 }), P("recurrence_start_date"));
+									};
+									return /* @__PURE__ */ v(a, {
+										className: "ttw:w-fit",
+										children: /* @__PURE__ */ v(o, {
+											className: "ttw:grow-0",
+											children: /* @__PURE__ */ y("div", {
+												"aria-invalid": !!n,
+												"aria-disabled": O || 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", O && "ttw:opacity-50 ttw:pointer-events-none"),
+												children: [
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "mo",
+														"data-active": r === "mo",
+														onClick: () => i("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: A._("Mo")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "tu",
+														"data-active": r === "tu",
+														onClick: () => i("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: A._("Tu")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "we",
+														"data-active": r === "we",
+														onClick: () => i("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: A._("We")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "th",
+														"data-active": r === "th",
+														onClick: () => i("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: A._("Th")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "fr",
+														"data-active": r === "fr",
+														onClick: () => i("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: A._("Fr")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "sa",
+														"data-active": r === "sa",
+														onClick: () => i("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: A._("Sa")
+													}),
+													/* @__PURE__ */ v("button", {
+														type: "button",
+														disabled: O,
+														"aria-pressed": r === "su",
+														"data-active": r === "su",
+														onClick: () => i("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: A._("Su")
+													})
+												]
+											})
+										})
+									});
+								}
+							})] });
+						}
+					})()
+				]
+			}),
+			R !== "once" && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ v(r, {
+						variant: "body2",
+						color: "muted",
+						className: "ttw:text-nowrap",
+						children: A._("Start on")
+					}),
+					/* @__PURE__ */ v(b, {
+						control: M,
+						name: "recurrence_start_date",
+						render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+							className: "ttw:grow-0 ttw:w-44",
+							children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
+								...e,
+								selected: e.value ? new Date(e.value) : void 0,
+								onSelect: e.onChange,
+								showOutsideDays: !1,
+								shouldDisableButton: O || R === "week" && !H,
+								disabled: he,
+								"aria-invalid": !!t,
+								startMonth: /* @__PURE__ */ new Date(),
+								endMonth: q ? new Date(q.getFullYear(), q.getMonth(), 1) : new Date(2050, 11)
+							}) })
+						})
+					}),
+					(() => {
+						switch (R) {
+							case "once":
+							default: return null;
+							case "day": return /* @__PURE__ */ y(_, { children: [
+								/* @__PURE__ */ v(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: A._("and end")
+								}),
+								/* @__PURE__ */ v(b, {
+									name: "recurrence_end_mode",
+									control: M,
+									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+										className: "ttw:w-fit",
+										children: /* @__PURE__ */ v(o, {
+											className: "ttw:grow-0",
+											children: /* @__PURE__ */ y(c, {
+												value: e.value,
+												onValueChange: (t) => {
+													e.onChange(t), I(t === "after" ? "recurrence_end_date" : "recurrence_max_occurrences", void 0, { shouldDirty: !1 });
+												},
+												children: [/* @__PURE__ */ v(f, {
+													id: "recurrence_end_mode",
+													className: "ttw:w-21",
+													"aria-invalid": !!t,
+													children: /* @__PURE__ */ v(p, {})
+												}), /* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, {
+													value: "after",
+													children: A._("After")
+												}), /* @__PURE__ */ v(u, {
+													value: "on",
+													children: A._("On")
+												})] })]
+											})
+										})
+									})
+								}),
+								V === "on" ? /* @__PURE__ */ v(b, {
+									control: M,
+									name: "recurrence_end_date",
+									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+										className: "ttw:grow-0 ttw:w-44",
+										children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
+											...e,
+											selected: e.value ? new Date(e.value) : void 0,
+											onSelect: e.onChange,
+											showOutsideDays: !1,
+											disabled: me,
+											"aria-invalid": !!t,
+											startMonth: G ? new Date(G.getFullYear(), G.getMonth(), 1) : /* @__PURE__ */ new Date(),
+											endMonth: new Date(2050, 11)
+										}) })
+									})
+								}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(b, {
+									name: "recurrence_max_occurrences",
+									control: M,
+									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+										className: "ttw:w-fit",
+										children: /* @__PURE__ */ v(o, {
+											className: "ttw:grow-0",
+											children: /* @__PURE__ */ v(n, {
+												...e,
+												className: "ttw:w-16",
+												value: e.value ?? "",
+												type: "number",
+												min: 0,
+												max: 1e3,
+												onKeyDown: C,
+												"aria-invalid": !!t
+											})
+										})
+									})
+								}), /* @__PURE__ */ v(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: U ? A._("day") : A._("days")
+								})] })
+							] });
+							case "month":
+							case "quarter":
+							case "year":
+							case "week": return /* @__PURE__ */ y(_, { children: [
+								/* @__PURE__ */ v(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: A._("and end after")
+								}),
+								/* @__PURE__ */ v(b, {
+									name: "recurrence_max_occurrences",
+									control: M,
+									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
+										className: "ttw:w-fit",
+										children: /* @__PURE__ */ v(o, {
+											className: "ttw:grow-0",
+											children: /* @__PURE__ */ v(n, {
+												...e,
+												className: "ttw:w-16",
+												value: e.value ?? "",
+												type: "number",
+												min: 0,
+												max: 1e3,
+												onKeyDown: C,
+												"aria-invalid": !!t
+											})
+										})
+									})
+								}),
+								/* @__PURE__ */ y(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:text-nowrap",
+									children: [
+										R === "month" && (U ? A._("month") : A._("months")),
+										R === "quarter" && (U ? A._("quarter") : A._("quarters")),
+										R === "week" && (U ? A._("week") : A._("weeks")),
+										R === "year" && (U ? A._("year") : A._("years"))
+									]
+								})
+							] });
+						}
+					})()
+				]
+			}),
+			L.recurrence_max_occurrences && /* @__PURE__ */ v(s, { errors: [L.recurrence_max_occurrences] }),
+			/* @__PURE__ */ v(g, {
+				open: fe,
+				onOpenChange: J,
+				labels: ue
+			}),
+			[
+				"month",
+				"quarter",
+				"year"
+			].includes(R) && /* @__PURE__ */ v(r, {
+				variant: "caption",
+				color: "muted",
+				children: A._("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.")
+			}),
+			R !== "once" && /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
+				children: [
+					/* @__PURE__ */ v(i, {
+						htmlFor: "recurrence_automation_level",
+						children: /* @__PURE__ */ y(r, {
+							variant: "body2",
+							component: "span",
+							className: "ttw:block",
+							children: [
+								j.creationModeQuestion,
+								" ",
+								/* @__PURE__ */ v(r, {
+									variant: "body2",
+									component: "span",
+									color: "muted",
+									children: j.creationModeHint
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ v(b, {
+						name: "recurrence_automation_level",
+						control: M,
+						render: ({ field: e }) => /* @__PURE__ */ y(c, {
+							value: Y,
+							onValueChange: (t) => {
+								e.onChange(t);
+								let [n, r, i, a, o] = F([
+									"recurrence_subject_text",
+									"recurrence_body_text",
+									"recurrence_recipients_to",
+									"recurrence_recipients_cc",
+									"recurrence_recipients_bcc"
+								]);
+								t === "issue_and_send" && !ne({
+									to: i,
+									cc: a,
+									bcc: o,
+									subject: n,
+									body: r
+								}) && J(!0);
+							},
+							children: [/* @__PURE__ */ v(f, {
+								id: "recurrence_automation_level",
+								"aria-invalid": !!Q,
+								"aria-describedby": Q ? x : void 0,
+								className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
+								children: /* @__PURE__ */ v(p, {})
+							}), /* @__PURE__ */ v(l, { children: ee.map(({ value: e, Icon: t }) => /* @__PURE__ */ v(u, {
+								value: e,
+								children: /* @__PURE__ */ v(le, {
+									Icon: t,
+									...j.creationModes[e]
+								})
+							}, e)) })]
+						})
+					}),
+					X && /* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ v(r, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:truncate",
+							children: pe
+						}), /* @__PURE__ */ v(t, {
+							type: "button",
+							variant: "link",
+							className: "ttw:h-auto ttw:p-0",
+							onClick: () => J(!0),
+							children: j.setUpEmail
+						})]
+					}),
+					Q && /* @__PURE__ */ v(s, {
+						id: x,
+						errors: [Q]
+					})
+				]
+			})
+		]
 	});
-}
+}, le = ({ Icon: e, title: t, description: n }) => /* @__PURE__ */ y("div", {
+	className: "ttw:flex ttw:items-center ttw:gap-3",
+	children: [/* @__PURE__ */ v(e, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ y("div", {
+		className: "ttw:flex ttw:flex-col ttw:text-left",
+		children: [/* @__PURE__ */ v(r, {
+			variant: "body2",
+			children: t
+		}), /* @__PURE__ */ v(r, {
+			variant: "body2",
+			color: "muted",
+			children: n
+		})]
+	})]
+});
 //#endregion
-export { r as Switch };
+export { k as RecurrenceSection };