@tesouro/embedded-components-react 0.3.55 → 0.3.58

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

@@ -1,555 +1,141 @@
-import { cn as e } from "./index49.js";
-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 "./index105.js";
-import { isRecurrenceEmailComplete as ne } from "./index189.js";
-import { RECEIPT_DUE_PAYMENT_TERM as re } from "./index196.js";
-import { DatePicker as m } from "./index465.js";
-import { useRecurrenceSectionLabels as h } from "./index466.js";
-import { RecurrenceEmailModal as g } from "./index467.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";
+import { useCounterpartById as e } from "./index48.js";
+import { getCounterpartEmail as t } from "./index53.js";
+import { cn as n } from "./index49.js";
+import { Button as r } from "./index56.js";
+import { Input as i } from "./index89.js";
+import { Textarea as a } from "./index109.js";
+import "./index145.js";
+import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index58.js";
+import { Typography as f } from "./index62.js";
+import { Label as p } from "./index87.js";
+import { RECURRENCE_EMAIL_FIELD_NAMES as m } from "./index93.js";
+import { isRecurrenceEmailComplete as h } from "./index190.js";
+import { InputTags as g } from "./index309.js";
+import { useRecurrenceEmailModalLabels as _ } from "./index467.js";
+import { useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useFormContext as S } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index468.js
-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]
-					})
-				]
+var C = ({ open: n, onOpenChange: r, labels: i }) => {
+	let { watch: a } = S(), { data: c, isLoading: l } = e(a("counterpart_id")), u = a("counterpart_email")?.trim() || t(c);
+	return /* @__PURE__ */ b(o, {
+		open: n,
+		onOpenChange: r,
+		children: /* @__PURE__ */ b(s, {
+			className: "ttw:gap-0 ttw:p-0 ttw:max-w-150 ttw:sm:max-w-150",
+			children: n && !l && /* @__PURE__ */ b(w, {
+				onOpenChange: r,
+				labels: i,
+				counterpartEmail: u
 			})
-		]
+		})
+	});
+}, w = ({ onOpenChange: e, labels: t, counterpartEmail: n }) => {
+	let o = _(t), { watch: s, setValue: p, clearErrors: C } = S(), [w, E] = v(s("recurrence_recipients_to") ?? (n ? [n] : [])), [D, O] = v(s("recurrence_recipients_cc") ?? []), [k, A] = v(s("recurrence_recipients_bcc") ?? []), [j, M] = v(""), [N, P] = v(s("recurrence_subject_text") ?? ""), [F, I] = v(s("recurrence_body_text") ?? ""), L = () => {
+		p("recurrence_recipients_to", w, { shouldDirty: !0 }), p("recurrence_recipients_cc", D, { shouldDirty: !0 }), p("recurrence_recipients_bcc", k, { shouldDirty: !0 }), p("recurrence_subject_text", N, { shouldDirty: !0 }), p("recurrence_body_text", F, { shouldDirty: !0 }), C(m), e(!1);
+	}, R = h({
+		to: j.trim() ? [...w, j.trim()] : w,
+		cc: D,
+		bcc: k,
+		subject: N,
+		body: F
 	});
-}, 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
-		})]
+	return /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ x(u, {
+			className: "ttw:border-b ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ b(d, { children: o.title }), /* @__PURE__ */ b(c, {
+				className: "ttw:text-xs",
+				children: o.description
+			})]
+		}),
+		/* @__PURE__ */ x("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:p-6",
+			children: [
+				/* @__PURE__ */ b(T, {
+					label: o.to,
+					htmlFor: "recurrence-recipients-to",
+					children: /* @__PURE__ */ b(g, {
+						id: "recurrence-recipients-to",
+						value: w,
+						onChange: E,
+						onPendingChange: M,
+						placeholder: w.length === 0 ? o.recipientPlaceholder : void 0
+					})
+				}),
+				/* @__PURE__ */ b(T, {
+					label: o.cc,
+					htmlFor: "recurrence-recipients-cc",
+					children: /* @__PURE__ */ b(g, {
+						id: "recurrence-recipients-cc",
+						value: D,
+						onChange: O
+					})
+				}),
+				/* @__PURE__ */ b(T, {
+					label: o.bcc,
+					htmlFor: "recurrence-recipients-bcc",
+					children: /* @__PURE__ */ b(g, {
+						id: "recurrence-recipients-bcc",
+						value: k,
+						onChange: A
+					})
+				}),
+				/* @__PURE__ */ b(T, {
+					label: o.subject,
+					htmlFor: "recurrence-subject",
+					children: /* @__PURE__ */ b(i, {
+						id: "recurrence-subject",
+						value: N,
+						onChange: (e) => P(e.target.value)
+					})
+				}),
+				/* @__PURE__ */ b(T, {
+					label: o.message,
+					htmlFor: "recurrence-message",
+					alignTop: !0,
+					children: /* @__PURE__ */ b(a, {
+						id: "recurrence-message",
+						value: F,
+						onChange: (e) => I(e.target.value),
+						placeholder: o.messagePlaceholder
+					})
+				}),
+				/* @__PURE__ */ b(f, {
+					variant: "caption",
+					color: "muted",
+					className: "ttw:pl-20",
+					children: o.footnote
+				})
+			]
+		}),
+		/* @__PURE__ */ x(l, {
+			className: "ttw:flex ttw:flex-row ttw:gap-4 ttw:border-t ttw:border-border ttw:p-6",
+			children: [/* @__PURE__ */ b(r, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:flex-1 ttw:border-border",
+				onClick: () => e(!1),
+				children: o.cancel
+			}), /* @__PURE__ */ b(r, {
+				type: "button",
+				variant: "default",
+				className: "ttw:flex-1",
+				disabled: !R,
+				onClick: L,
+				children: o.save
+			})]
+		})
+	] });
+}, T = ({ label: e, htmlFor: t, alignTop: r = !1, children: i }) => /* @__PURE__ */ x("div", {
+	className: n("ttw:flex ttw:gap-4", r ? "ttw:items-start" : "ttw:items-center"),
+	children: [/* @__PURE__ */ b(p, {
+		htmlFor: t,
+		className: n("ttw:w-16 ttw:shrink-0 ttw:font-normal ttw:text-muted-foreground", r && "ttw:pt-2"),
+		children: e
+	}), /* @__PURE__ */ b("div", {
+		className: "ttw:flex-1",
+		children: i
 	})]
 });
 //#endregion
-export { k as RecurrenceSection };
+export { C as RecurrenceEmailModal };