@tesouro/embedded-components-react 0.5.159 → 0.5.162

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

@@ -1,19 +1,61 @@
-import { cn as e } from "./index48.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Switch as n } from "radix-ui";
+import { useLingui as e } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index461.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 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 { r as Switch };
+export { n as useRecurrenceEmailModalLabels, t as useRecurrenceSectionLabels };

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

@@ -1,148 +1,141 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { calculateDueDate as t } from "./index52.js";
-import { Button as n } from "./index55.js";
-import { Input as r } from "./index88.js";
-import { Typography as i } from "./index61.js";
-import { RadioGroup as a, RadioGroupItem as o } from "./index89.js";
-import { useUserPermissions as s } from "./index118.js";
-import { useGetPaymentReminderById as c } from "./index148.js";
-import { useGetPaymentReminders as l } from "./index149.js";
-import { useCreatePaymentReminder as u } from "./index150.js";
-import { CUSTOM_DATE_PAYMENT_TERM as d, RECEIPT_DUE_PAYMENT_TERM as f } from "./index176.js";
-import { useGetPaymentTermById as p } from "./index204.js";
-import "./index227.js";
-import { useState as m } from "react";
-import { Loader2 as h } from "lucide-react";
-import { differenceInCalendarDays as g, format as _ } from "date-fns";
-import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useFormContext as x } from "react-hook-form";
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index462.js
-var S = "MMM d, yyyy", C = 1, w = 1e4, T = ({ disabled: T }) => {
-	let { data: E } = l(), [D, O] = m(""), { i18n: k } = b(), A = s().has(e.InvoiceWriteOrg), { watch: j, setValue: M } = x(), N = j("payment_reminder_id"), P = j("payment_terms_id"), F = j("payment_terms_custom_date"), I = P === d, L = P === f, { data: R } = p(P && !I && !L ? P : void 0), z = I ? F ?? void 0 : L ? /* @__PURE__ */ new Date() : R && t(R) || void 0, { mutate: B, isPending: V } = u(), H = Number(D), U = D !== "" && H >= C && H <= w, W = D !== "" && !U, G = I && F ? g(F, /* @__PURE__ */ new Date()) : void 0, { data: K } = c(N), q = K ? [
-		K.term_1_reminder?.days_before,
-		K.term_2_reminder?.days_before,
-		K.term_final_reminder?.days_before
-	].filter((e) => typeof e == "number") : [], J = G !== void 0 && (D !== "" && Number(D) > G || q.some((e) => e > G));
-	return /* @__PURE__ */ y("div", {
-		className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2",
-		children: [
-			/* @__PURE__ */ y(i, {
-				variant: "body2",
-				children: [
-					k._("Number of days"),
-					" ",
-					/* @__PURE__ */ v("span", {
-						className: "ttw:text-green-700 ttw:font-bold",
-						children: k._("BEFORE")
-					}),
-					" ",
-					k._("due date")
-				]
-			}),
-			/* @__PURE__ */ v(a, {
-				className: "ttw:contents",
-				value: N ?? "",
-				onValueChange: (e) => M("payment_reminder_id", e),
-				children: /* @__PURE__ */ y("ul", {
-					className: "ttw:flex ttw:flex-col ttw:gap-3",
-					children: [/* @__PURE__ */ v("li", {
-						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
-						children: /* @__PURE__ */ y("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-2",
-							children: [/* @__PURE__ */ v(o, {
-								value: "",
-								id: "no-payment-reminder"
-							}), /* @__PURE__ */ v(i, {
-								variant: "body2",
-								className: "ttw:leading-snug",
-								children: k._("No reminder")
-							})]
-						})
-					}), E?.map((e) => /* @__PURE__ */ v("li", {
-						className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between",
-						children: /* @__PURE__ */ y("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-2",
-							children: [/* @__PURE__ */ v(o, {
-								value: e.value,
-								id: e.value
-							}), /* @__PURE__ */ v(i, {
-								variant: "body2",
-								className: "ttw:leading-snug",
-								children: e.label
-							})]
-						})
-					}, e.value))]
-				})
-			}),
-			A && /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-				children: [
-					!!(E && E?.length > 0) && /* @__PURE__ */ v(i, {
-						variant: "caption",
-						color: "muted",
-						children: k._("Add schedule")
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2.5",
-						children: [
-							/* @__PURE__ */ v(r, {
-								type: "text",
-								inputMode: "numeric",
-								value: D,
-								onChange: (e) => O(e.target.value.replace(/\D/g, "")),
-								disabled: T || V,
-								name: "new_reminders",
-								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
-								placeholder: k._("e.g., 3"),
-								"aria-invalid": W,
-								"aria-describedby": W ? "new-reminder-error" : void 0
-							}),
-							/* @__PURE__ */ v(i, {
-								variant: "body2",
-								children: Number(D) === 1 ? k._("day") : k._("days")
-							}),
-							/* @__PURE__ */ v(n, {
-								type: "button",
-								variant: "secondary",
-								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
-								disabled: !U || V,
-								onClick: () => {
-									let e = Number(D);
-									B({ body: {
-										name: e === 1 ? k._("{daysBefore} day", { daysBefore: e }) : k._("{daysBefore} days", { daysBefore: e }),
-										term_final_reminder: {
-											days_before: e,
-											subject: k._("Payment is due soon"),
-											body: z ? k._("Payment is due on {dueDate}.", { dueDate: _(z, S) }) : k._("Payment is due soon.")
-										}
-									} }, { onSuccess: (e) => {
-										O(""), M("payment_reminder_id", e.id);
-									} });
-								},
-								children: V ? /* @__PURE__ */ v(h, { className: "ttw:size-4 ttw:animate-spin" }) : k._("Save")
-							})
-						]
-					}),
-					W && /* @__PURE__ */ v(i, {
-						id: "new-reminder-error",
-						variant: "caption",
-						color: "destructive",
-						children: k._("Enter a number of days between {min} and {max}.", {
-							min: C,
-							max: w
-						})
-					})
-				]
-			}),
-			J && /* @__PURE__ */ v(i, {
-				variant: "body2",
-				className: "ttw:text-amber-700",
-				children: k._("This reminder would be sent after the due date has already passed.")
+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
+	})]
+});
 //#endregion
-export { T as ReminderBeforeDueDate };
+export { C as RecurrenceEmailModal };