@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,40 +1,141 @@
-import { Typography as e } from "./index62.js";
-import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index222.js";
-import { Switch as n } from "./index459.js";
-import { ReminderBeforeDueDate as r } from "./index460.js";
-import { ReminderOverdue as i } from "./index461.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 { 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 "./index102.js";
+import "./index138.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 "./index217.js";
+import { isRecurrenceEmailComplete as h } from "./index219.js";
+import { InputTags as g } from "./index303.js";
+import { useRecurrenceEmailModalLabels as _ } from "./index461.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/index462.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")
-		})] })]
+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
 	});
-};
+	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 { d as RemindersSection };
+export { C as RecurrenceEmailModal };