@tesouro/embedded-components-react 0.5.178 → 0.5.180

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

@@ -1,60 +1,41 @@
-import { cn as e } from "./index48.js";
-import { Button as t } from "./index55.js";
-import { Badge as n } from "./index229.js";
-import * as r from "react";
-import { XIcon as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { Button as e } from "./index55.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "./index433.js";
+import { Calendar as i } from "./index458.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/index460.js
-var s = ({ className: s, value: c, onChange: l, onPendingChange: u, ref: d, ...f }) => {
-	let [p, m] = r.useState(""), h = (e) => {
-		m(e), u?.(e);
-	};
-	r.useEffect(() => {
-		if (p.includes(",")) {
-			let e = /* @__PURE__ */ new Set([...c, ...p.split(",").map((e) => e.trim())]);
-			l(Array.from(e)), m(""), u?.("");
-		}
-	}, [
-		p,
-		l,
-		u,
-		c
-	]);
-	let g = () => {
-		let e = p.trim();
-		if (e) {
-			let t = /* @__PURE__ */ new Set([...c, e]);
-			l(Array.from(t)), h("");
-		}
-	};
-	return /* @__PURE__ */ o("div", {
-		className: e("ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950", s),
-		children: [c.map((e) => /* @__PURE__ */ o(n, {
-			variant: "secondary",
-			children: [e, /* @__PURE__ */ a(t, {
-				variant: "ghost",
-				size: "icon",
-				className: "ttw:ml-2 ttw:h-3 ttw:w-3",
-				onClick: () => {
-					l(c.filter((t) => t !== e));
-				},
-				children: /* @__PURE__ */ a(i, { className: "ttw:w-3" })
-			})]
-		}, e)), /* @__PURE__ */ a("input", {
-			className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400",
-			value: p,
-			onChange: (e) => h(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" || e.key === "," ? (e.preventDefault(), g()) : e.key === "Backspace" && p.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
-			},
-			...f,
-			onBlur: (e) => {
-				g(), f.onBlur?.(e);
-			},
-			ref: d
+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);
+				}
+			})
 		})]
 	});
-};
-s.displayName = "InputTags";
+}
 //#endregion
-export { s as InputTags };
+export { f as DatePicker };

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

@@ -1,61 +1,60 @@
-import { useLingui as e } from "@lingui/react";
+import { cn as e } from "./index48.js";
+import { Button as t } from "./index55.js";
+import { Badge as n } from "./index230.js";
+import * as r from "react";
+import { XIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index461.js
-var t = (t) => {
-	let { i18n: n } = e(), r = {
-		creationModeQuestion: n._("When an invoice in the series is created, what should happen?"),
-		creationModeHint: n._("(You can change this at any time)"),
-		noRecipients: n._("No recipients yet"),
-		setUpEmail: n._("Set up the email"),
-		creationModes: {
-			issue_and_send: {
-				title: n._("Finalize and send"),
-				description: n._("Automatically finalized and emailed.")
-			},
-			issue: {
-				title: n._("Finalize, don't send"),
-				description: n._("Finalized but held for manual send.")
-			},
-			draft: {
-				title: n._("Save as draft"),
-				description: n._("Created but not finalized. Edit and send when ready.")
-			}
+var s = ({ className: s, value: c, onChange: l, onPendingChange: u, ref: d, ...f }) => {
+	let [p, m] = r.useState(""), h = (e) => {
+		m(e), u?.(e);
+	};
+	r.useEffect(() => {
+		if (p.includes(",")) {
+			let e = /* @__PURE__ */ new Set([...c, ...p.split(",").map((e) => e.trim())]);
+			l(Array.from(e)), m(""), u?.("");
+		}
+	}, [
+		p,
+		l,
+		u,
+		c
+	]);
+	let g = () => {
+		let e = p.trim();
+		if (e) {
+			let t = /* @__PURE__ */ new Set([...c, e]);
+			l(Array.from(t)), h("");
 		}
 	};
-	return {
-		...r,
-		...t,
-		creationModes: {
-			issue_and_send: {
-				...r.creationModes.issue_and_send,
-				...t?.creationModes?.issue_and_send
+	return /* @__PURE__ */ o("div", {
+		className: e("ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950", s),
+		children: [c.map((e) => /* @__PURE__ */ o(n, {
+			variant: "secondary",
+			children: [e, /* @__PURE__ */ a(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:ml-2 ttw:h-3 ttw:w-3",
+				onClick: () => {
+					l(c.filter((t) => t !== e));
+				},
+				children: /* @__PURE__ */ a(i, { className: "ttw:w-3" })
+			})]
+		}, e)), /* @__PURE__ */ a("input", {
+			className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400",
+			value: p,
+			onChange: (e) => h(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), g()) : e.key === "Backspace" && p.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
 			},
-			issue: {
-				...r.creationModes.issue,
-				...t?.creationModes?.issue
+			...f,
+			onBlur: (e) => {
+				g(), f.onBlur?.(e);
 			},
-			draft: {
-				...r.creationModes.draft,
-				...t?.creationModes?.draft
-			}
-		}
-	};
-}, n = (t) => {
-	let { i18n: n } = e();
-	return {
-		title: n._("Email sent with each invoice"),
-		description: n._("The same recipients, subject, and message are used for every invoice in the series."),
-		to: n._("To"),
-		cc: n._("Cc"),
-		bcc: n._("Bcc"),
-		subject: n._("Subject"),
-		message: n._("Message"),
-		recipientPlaceholder: n._("name@example.com"),
-		messagePlaceholder: n._("e.g., Thank you for your business"),
-		footnote: n._("Each invoice is finalized and emailed automatically on its schedule."),
-		cancel: n._("Cancel"),
-		save: n._("Save"),
-		...t
-	};
+			ref: d
+		})]
+	});
 };
+s.displayName = "InputTags";
 //#endregion
-export { n as useRecurrenceEmailModalLabels, t as useRecurrenceSectionLabels };
+export { s as InputTags };

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

@@ -1,141 +1,61 @@
-import { useCounterpartById as e } from "./index47.js";
-import { getCounterpartEmail as t } from "./index52.js";
-import { cn as n } from "./index48.js";
-import { Button as r } from "./index55.js";
-import { Input as i } from "./index88.js";
-import { Textarea as a } from "./index108.js";
-import "./index144.js";
-import { Dialog as o, DialogContent as s, DialogDescription as c, DialogFooter as l, DialogHeader as u, DialogTitle as d } from "./index57.js";
-import { Typography as f } from "./index61.js";
-import { Label as p } from "./index86.js";
-import { RECURRENCE_EMAIL_FIELD_NAMES as m } from "./index92.js";
-import { isRecurrenceEmailComplete as h } from "./index168.js";
-import { useRecurrenceEmailModalLabels as g } from "./index461.js";
-import { InputTags as _ } from "./index460.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";
+import { useLingui as e } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index462.js
-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 = g(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(_, {
-						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(_, {
-						id: "recurrence-recipients-cc",
-						value: D,
-						onChange: O
-					})
-				}),
-				/* @__PURE__ */ b(T, {
-					label: o.bcc,
-					htmlFor: "recurrence-recipients-bcc",
-					children: /* @__PURE__ */ b(_, {
-						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
-	})]
-});
+var t = (t) => {
+	let { i18n: n } = e(), r = {
+		creationModeQuestion: n._("When an invoice in the series is created, what should happen?"),
+		creationModeHint: n._("(You can change this at any time)"),
+		noRecipients: n._("No recipients yet"),
+		setUpEmail: n._("Set up the email"),
+		creationModes: {
+			issue_and_send: {
+				title: n._("Finalize and send"),
+				description: n._("Automatically finalized and emailed.")
+			},
+			issue: {
+				title: n._("Finalize, don't send"),
+				description: n._("Finalized but held for manual send.")
+			},
+			draft: {
+				title: n._("Save as draft"),
+				description: n._("Created but not finalized. Edit and send when ready.")
+			}
+		}
+	};
+	return {
+		...r,
+		...t,
+		creationModes: {
+			issue_and_send: {
+				...r.creationModes.issue_and_send,
+				...t?.creationModes?.issue_and_send
+			},
+			issue: {
+				...r.creationModes.issue,
+				...t?.creationModes?.issue
+			},
+			draft: {
+				...r.creationModes.draft,
+				...t?.creationModes?.draft
+			}
+		}
+	};
+}, n = (t) => {
+	let { i18n: n } = e();
+	return {
+		title: n._("Email sent with each invoice"),
+		description: n._("The same recipients, subject, and message are used for every invoice in the series."),
+		to: n._("To"),
+		cc: n._("Cc"),
+		bcc: n._("Bcc"),
+		subject: n._("Subject"),
+		message: n._("Message"),
+		recipientPlaceholder: n._("name@example.com"),
+		messagePlaceholder: n._("e.g., Thank you for your business"),
+		footnote: n._("Each invoice is finalized and emailed automatically on its schedule."),
+		cancel: n._("Cancel"),
+		save: n._("Save"),
+		...t
+	};
+};
 //#endregion
-export { C as RecurrenceEmailModal };
+export { n as useRecurrenceEmailModalLabels, t as useRecurrenceSectionLabels };