@tesouro/embedded-components-react 0.5.227 → 0.5.228

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js

@@ -1 +1,100 @@
-import "./index29.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Field as s, FieldContent as c, FieldLabel as l, Input as u, InputTags as d, Textarea as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as m } from "./index3.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js
+function _({ idPrefix: _, view: v, onOpenChange: y, onChange: b, onSave: x, labels: S }) {
+	let C = {
+		...m,
+		...S
+	}, w = {
+		to: `${_}-recipients-to`,
+		cc: `${_}-recipients-cc`,
+		bcc: `${_}-recipients-bcc`,
+		subject: `${_}-subject`,
+		message: `${_}-message`
+	};
+	return /* @__PURE__ */ h(t, {
+		open: v.open,
+		onOpenChange: y,
+		children: /* @__PURE__ */ g(n, {
+			className: "ttw:sm:max-w-lg",
+			children: [/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(o, { children: C.recurrenceEmailTitle }), /* @__PURE__ */ h(r, { children: C.recurrenceEmailDescription })] }), v.ready && /* @__PURE__ */ g("form", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				onSubmit: (e) => {
+					e.preventDefault(), e.stopPropagation(), v.saveDisabled || x();
+				},
+				children: [
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.to,
+						children: C.recurrenceEmailTo
+					}), /* @__PURE__ */ h(d, {
+						id: w.to,
+						value: v.to,
+						onChange: (e) => b("to", e),
+						inputValue: v.toInput,
+						onInputValueChange: (e) => b("toInput", e),
+						removeTagLabel: v.removeRecipientLabel,
+						placeholder: v.showToPlaceholder ? C.recurrenceEmailRecipientPlaceholder : void 0
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.cc,
+						children: C.recurrenceEmailCc
+					}), /* @__PURE__ */ h(d, {
+						id: w.cc,
+						value: v.cc,
+						onChange: (e) => b("cc", e),
+						inputValue: v.ccInput,
+						onInputValueChange: (e) => b("ccInput", e),
+						removeTagLabel: v.removeRecipientLabel
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.bcc,
+						children: C.recurrenceEmailBcc
+					}), /* @__PURE__ */ h(d, {
+						id: w.bcc,
+						value: v.bcc,
+						onChange: (e) => b("bcc", e),
+						inputValue: v.bccInput,
+						onInputValueChange: (e) => b("bccInput", e),
+						removeTagLabel: v.removeRecipientLabel
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.subject,
+						children: C.recurrenceEmailSubject
+					}), /* @__PURE__ */ h(u, {
+						id: w.subject,
+						value: v.subject,
+						onChange: (e) => b("subject", e.target.value)
+					})] }) }),
+					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
+						htmlFor: w.message,
+						children: C.recurrenceEmailMessage
+					}), /* @__PURE__ */ h(f, {
+						id: w.message,
+						rows: 5,
+						placeholder: C.recurrenceEmailMessagePlaceholder,
+						value: v.message,
+						onChange: (e) => b("message", e.target.value)
+					})] }) }),
+					/* @__PURE__ */ h(p, {
+						variant: "caption",
+						color: "muted",
+						children: C.recurrenceEmailFootnote
+					}),
+					/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "outline",
+						onClick: () => y(!1),
+						children: C.recurrenceEmailCancel
+					}), /* @__PURE__ */ h(e, {
+						type: "submit",
+						disabled: v.saveDisabled,
+						children: C.recurrenceEmailSave
+					})] })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as ReceivableRecurrenceEmailDialog, _ as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js

@@ -1,100 +1,28 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Field as s, FieldContent as c, FieldLabel as l, Input as u, InputTags as d, Textarea as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as m } from "./index3.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { FileIcon as r, MailXIcon as i, SendIcon as a } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js
-function _({ idPrefix: _, view: v, onOpenChange: y, onChange: b, onSave: x, labels: S }) {
-	let C = {
-		...m,
-		...S
-	}, w = {
-		to: `${_}-recipients-to`,
-		cc: `${_}-recipients-cc`,
-		bcc: `${_}-recipients-bcc`,
-		subject: `${_}-subject`,
-		message: `${_}-message`
-	};
-	return /* @__PURE__ */ h(t, {
-		open: v.open,
-		onOpenChange: y,
-		children: /* @__PURE__ */ g(n, {
-			className: "ttw:sm:max-w-lg",
-			children: [/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(o, { children: C.recurrenceEmailTitle }), /* @__PURE__ */ h(r, { children: C.recurrenceEmailDescription })] }), v.ready && /* @__PURE__ */ g("form", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				onSubmit: (e) => {
-					e.preventDefault(), e.stopPropagation(), v.saveDisabled || x();
-				},
-				children: [
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.to,
-						children: C.recurrenceEmailTo
-					}), /* @__PURE__ */ h(d, {
-						id: w.to,
-						value: v.to,
-						onChange: (e) => b("to", e),
-						inputValue: v.toInput,
-						onInputValueChange: (e) => b("toInput", e),
-						removeTagLabel: v.removeRecipientLabel,
-						placeholder: v.showToPlaceholder ? C.recurrenceEmailRecipientPlaceholder : void 0
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.cc,
-						children: C.recurrenceEmailCc
-					}), /* @__PURE__ */ h(d, {
-						id: w.cc,
-						value: v.cc,
-						onChange: (e) => b("cc", e),
-						inputValue: v.ccInput,
-						onInputValueChange: (e) => b("ccInput", e),
-						removeTagLabel: v.removeRecipientLabel
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.bcc,
-						children: C.recurrenceEmailBcc
-					}), /* @__PURE__ */ h(d, {
-						id: w.bcc,
-						value: v.bcc,
-						onChange: (e) => b("bcc", e),
-						inputValue: v.bccInput,
-						onInputValueChange: (e) => b("bccInput", e),
-						removeTagLabel: v.removeRecipientLabel
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.subject,
-						children: C.recurrenceEmailSubject
-					}), /* @__PURE__ */ h(u, {
-						id: w.subject,
-						value: v.subject,
-						onChange: (e) => b("subject", e.target.value)
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.message,
-						children: C.recurrenceEmailMessage
-					}), /* @__PURE__ */ h(f, {
-						id: w.message,
-						rows: 5,
-						placeholder: C.recurrenceEmailMessagePlaceholder,
-						value: v.message,
-						onChange: (e) => b("message", e.target.value)
-					})] }) }),
-					/* @__PURE__ */ h(p, {
-						variant: "caption",
-						color: "muted",
-						children: C.recurrenceEmailFootnote
-					}),
-					/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "outline",
-						onClick: () => y(!1),
-						children: C.recurrenceEmailCancel
-					}), /* @__PURE__ */ h(e, {
-						type: "submit",
-						disabled: v.saveDisabled,
-						children: C.recurrenceEmailSave
-					})] })
-				]
+var o = {
+	issue_and_send: a,
+	issue: i,
+	draft: r
+};
+function s({ option: r }) {
+	let i = o[r.value];
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-3",
+		children: [/* @__PURE__ */ t(i, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ n("div", {
+			className: "ttw:flex ttw:flex-col ttw:text-left",
+			children: [/* @__PURE__ */ t(e, {
+				variant: "body2",
+				children: r.title
+			}), /* @__PURE__ */ t(e, {
+				variant: "body2",
+				color: "muted",
+				children: r.description
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { _ as ReceivableRecurrenceEmailDialog, _ as default };
+export { s as CreationModeOption };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js

@@ -1,28 +1,236 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { FileIcon as r, MailXIcon as i, SendIcon as a } from "lucide-react";
+import { Button as e, DatePicker as t, FieldError as n, Input as r, Label as i, Select as a, SelectContent as o, SelectItem as s, SelectSeparator as c, SelectTrigger as l, SelectValue as u, Typography as d, cn as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_RECURRENCE_SECTION_LABELS_EN as p } from "./index3.js";
+import { CreationModeOption as m } from "./index31.js";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js
-var o = {
-	issue_and_send: a,
-	issue: i,
-	draft: r
-};
-function s({ option: r }) {
-	let i = o[r.value];
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-3",
-		children: [/* @__PURE__ */ t(i, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ n("div", {
-			className: "ttw:flex ttw:flex-col ttw:text-left",
-			children: [/* @__PURE__ */ t(e, {
-				variant: "body2",
-				children: r.title
-			}), /* @__PURE__ */ t(e, {
-				variant: "body2",
+var v = "ttw:text-sm ttw:font-normal ttw:text-nowrap ttw:text-muted-foreground";
+function y({ idPrefix: y, view: b, disabled: x, onFrequencyChange: S, onMonthDayChange: C, onWeekdayChange: w, onStartDateChange: T, onEndModeChange: E, onEndDateChange: D, onMaxOccurrencesChange: O, onCreationModeChange: k, onSetUpEmailClick: A, emailDialog: j, labels: M }) {
+	let N = {
+		...p,
+		...M
+	}, P = {
+		frequency: `${y}-frequency`,
+		monthDay: `${y}-issue-mode`,
+		startDate: `${y}-start-date`,
+		endMode: `${y}-end-mode`,
+		endDate: `${y}-end-date`,
+		occurrences: `${y}-max-occurrences`,
+		creationMode: `${y}-automation-level`,
+		emailError: `${y}-email-error`
+	}, { schedule: F, creationMode: I } = b, L = (e, n, r) => /* @__PURE__ */ g("div", {
+		className: "ttw:w-44",
+		children: /* @__PURE__ */ g(t, {
+			id: e,
+			value: n.value,
+			onChange: r,
+			placeholder: N.recurrenceDatePlaceholder,
+			disabled: x || n.disabled,
+			minDate: n.minDate,
+			maxDate: n.maxDate,
+			defaultMonth: n.minDate,
+			disabledDates: n.isDateDisabled,
+			"aria-invalid": n.invalid || void 0
+		})
+	}), R = (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
+		id: P.occurrences,
+		className: "ttw:w-16",
+		type: "text",
+		inputMode: "numeric",
+		value: e.value,
+		disabled: x,
+		"aria-invalid": e.invalid || void 0,
+		"aria-describedby": F?.maxOccurrencesError ? `${P.occurrences}-error` : void 0,
+		onChange: (e) => O(e.target.value)
+	}), /* @__PURE__ */ g(i, {
+		htmlFor: P.occurrences,
+		className: v,
+		children: e.unitLabel
+	})] });
+	return /* @__PURE__ */ _("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.frequency,
+						className: v,
+						children: N.recurrenceRepeatLabel
+					}),
+					/* @__PURE__ */ _(a, {
+						value: b.frequency.value,
+						disabled: x || b.frequency.disabled,
+						onValueChange: S,
+						children: [/* @__PURE__ */ g(l, {
+							id: P.frequency,
+							className: "ttw:w-31",
+							children: /* @__PURE__ */ g(u, {})
+						}), /* @__PURE__ */ g(o, { children: b.frequency.options.map((e) => /* @__PURE__ */ g(s, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					}),
+					b.monthDay && /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(i, {
+							htmlFor: P.monthDay,
+							className: v,
+							children: N.recurrenceMonthDayLead
+						}),
+						/* @__PURE__ */ _(a, {
+							value: b.monthDay.value,
+							disabled: x || b.monthDay.disabled,
+							onValueChange: C,
+							children: [/* @__PURE__ */ g(l, {
+								id: P.monthDay,
+								className: "ttw:w-fit ttw:min-w-21",
+								"aria-invalid": b.monthDay.invalid || void 0,
+								children: /* @__PURE__ */ g(u, {})
+							}), /* @__PURE__ */ _(o, { children: [
+								b.monthDay.edgeOptions.map((e) => /* @__PURE__ */ g(s, {
+									value: e.value,
+									children: e.label
+								}, e.value)),
+								/* @__PURE__ */ g(c, {}),
+								b.monthDay.dayOptions.map((e) => /* @__PURE__ */ g(s, {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							] })]
+						}),
+						/* @__PURE__ */ g(d, {
+							variant: "body2",
+							color: "muted",
+							component: "span",
+							className: "ttw:text-nowrap",
+							children: N.recurrenceMonthDayTrail
+						})
+					] }),
+					b.weekday && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
+						variant: "body2",
+						color: "muted",
+						component: "span",
+						children: N.recurrenceWeekdayLead
+					}), /* @__PURE__ */ g("div", {
+						className: f("ttw:flex ttw:h-8 ttw:w-56 ttw:rounded-md ttw:border ttw:border-border", b.weekday.invalid && "ttw:border-destructive", b.weekday.disabled && "ttw:opacity-50"),
+						children: b.weekday.options.map((e, t, n) => /* @__PURE__ */ g("button", {
+							type: "button",
+							disabled: x || b.weekday?.disabled,
+							"aria-pressed": e.pressed,
+							onClick: () => w(e.value),
+							className: f("ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:transition-colors ttw:hover:cursor-pointer ttw:hover:bg-muted ttw:disabled:pointer-events-none", e.pressed && "ttw:bg-muted", t < n.length - 1 && "ttw:border-r ttw:border-border"),
+							children: e.label
+						}, e.value))
+					})] })
+				]
+			}),
+			F && /* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.startDate,
+						className: v,
+						children: N.recurrenceStartOnLabel
+					}),
+					L(P.startDate, F.start, T),
+					F.end.kind === "choice" ? /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(i, {
+							htmlFor: P.endMode,
+							className: v,
+							children: N.recurrenceEndChoiceLead
+						}),
+						/* @__PURE__ */ _(a, {
+							value: F.end.mode.value,
+							disabled: x,
+							onValueChange: E,
+							children: [/* @__PURE__ */ g(l, {
+								id: P.endMode,
+								className: "ttw:w-21",
+								"aria-invalid": F.end.mode.invalid || void 0,
+								children: /* @__PURE__ */ g(u, {})
+							}), /* @__PURE__ */ g(o, { children: F.end.mode.options.map((e) => /* @__PURE__ */ g(s, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						}),
+						F.end.date && L(P.endDate, F.end.date, D),
+						F.end.occurrences && R(F.end.occurrences)
+					] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
+						htmlFor: P.occurrences,
+						className: v,
+						children: N.recurrenceEndCountLead
+					}), R(F.end.occurrences)] })
+				]
+			}),
+			F?.maxOccurrencesError && /* @__PURE__ */ g(n, {
+				id: `${P.occurrences}-error`,
+				errors: [{ message: F.maxOccurrencesError }]
+			}),
+			j,
+			b.lastDayCaption && /* @__PURE__ */ g(d, {
+				variant: "caption",
 				color: "muted",
-				children: r.description
-			})]
-		})]
+				children: b.lastDayCaption
+			}),
+			I && /* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.creationMode,
+						children: /* @__PURE__ */ _(d, {
+							variant: "body2",
+							component: "span",
+							className: "ttw:block",
+							children: [
+								N.recurrenceCreationModeQuestion,
+								" ",
+								/* @__PURE__ */ g(d, {
+									variant: "body2",
+									component: "span",
+									color: "muted",
+									children: N.recurrenceCreationModeHint
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ _(a, {
+						value: I.value,
+						disabled: x,
+						onValueChange: (e) => k(e),
+						children: [/* @__PURE__ */ g(l, {
+							id: P.creationMode,
+							"aria-invalid": !!I.emailError || void 0,
+							"aria-describedby": I.emailError ? P.emailError : void 0,
+							className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
+							children: /* @__PURE__ */ g(u, {})
+						}), /* @__PURE__ */ g(o, { children: I.options.map((e) => /* @__PURE__ */ g(s, {
+							value: e.value,
+							children: /* @__PURE__ */ g(m, { option: e })
+						}, e.value)) })]
+					}),
+					I.emailSummary !== void 0 && /* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ g(d, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:truncate",
+							children: I.emailSummary
+						}), /* @__PURE__ */ g(e, {
+							type: "button",
+							variant: "link",
+							className: "ttw:h-auto ttw:p-0",
+							disabled: x,
+							onClick: A,
+							children: N.recurrenceSetUpEmail
+						})]
+					}),
+					I.emailError && /* @__PURE__ */ g(n, {
+						id: P.emailError,
+						errors: [{ message: I.emailError }]
+					})
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { s as CreationModeOption };
+export { y as ReceivableRecurrenceSection, y as default };