@tesouro/embedded-components-react 0.5.279 → 0.5.281

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

@@ -1,93 +1,237 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_SEND_DIALOG_LABELS_EN as u } from "./index13.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+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 "./index13.js";
+import { CreationModeOption as m } from "./index52.js";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index53.js
-function p({ message: e }) {
-	return e ? /* @__PURE__ */ d("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
-}
-function m({ open: m, onOpenChange: h, values: g, errors: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
-	let C = {
-		...u,
-		...S
-	};
-	return /* @__PURE__ */ d(t, {
-		open: m,
-		onOpenChange: h,
-		children: /* @__PURE__ */ f(n, { children: [
-			/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: C.title }), /* @__PURE__ */ d(r, { children: C.description })] }),
-			/* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
+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,
+			className: "ttw:flex-row-reverse ttw:justify-between ttw:text-foreground ttw:[&>svg]:mr-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: [
-					_?.form && /* @__PURE__ */ d("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: _.form
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.frequency,
+						className: v,
+						children: N.recurrenceRepeatLabel
 					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.toLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.to,
-								onChange: (e) => y({ to: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.to })
-						]
+					/* @__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)) })]
 					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-						children: [/* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.ccLabel }), /* @__PURE__ */ d(s, {
-								value: g.cc,
-								onChange: (e) => y({ cc: e.target.value })
-							})]
-						}), /* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.bccLabel }), /* @__PURE__ */ d(s, {
-								value: g.bcc,
-								onChange: (e) => y({ bcc: e.target.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: 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__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.subjectLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.subject,
-								onChange: (e) => y({ subject: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.subject })
-						]
+					/* @__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)) })]
 					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.bodyLabel }),
-							/* @__PURE__ */ d(l, {
-								rows: 6,
-								value: g.body,
-								onChange: (e) => y({ body: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.body })
-						]
+					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 }]
 					})
 				]
-			}),
-			/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
-				variant: "ghost",
-				onClick: x,
-				children: C.cancelButton
-			}), /* @__PURE__ */ d(e, {
-				loading: v,
-				onClick: b,
-				children: C.sendButton
-			})] })
-		] })
+			})
+		]
 	});
 }
 //#endregion
-export { m as ReceivableSendDialog, m as default };
+export { y as ReceivableRecurrenceSection, y as default };

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

@@ -1,60 +1,3 @@
-import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index13.js";
-import { ReceivableStatusBadge as r } from "./index22.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index54.js
-var o = 6;
-function s({ selected: e, onClick: n, children: r }) {
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		"aria-pressed": e,
-		onClick: n,
-		className: t("ttw:flex ttw:w-42 ttw:shrink-0 ttw:cursor-pointer ttw:flex-col ttw:gap-2 ttw:rounded-xl ttw:border ttw:bg-card ttw:px-4 ttw:py-2 ttw:text-left ttw:transition-colors", e ? "ttw:border-primary" : "ttw:border-card ttw:hover:border-primary"),
-		children: r
-	});
-}
-function c({ view: t, onSelect: c, labels: l }) {
-	let u = {
-		...n,
-		...l
-	};
-	return t.kind === "loading" ? /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:gap-2",
-		children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i(e, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl" }, n))
-	}) : /* @__PURE__ */ a("div", {
-		className: "ttw:mb-6 ttw:flex ttw:gap-2 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
-		children: [/* @__PURE__ */ a(s, {
-			selected: t.all.selected,
-			onClick: () => c(t.all.value),
-			children: [/* @__PURE__ */ i("span", {
-				className: "ttw:text-xs ttw:font-medium ttw:text-foreground",
-				children: u.all
-			}), /* @__PURE__ */ i("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-				children: t.all.countLabel
-			})]
-		}), t.statuses.map((e) => /* @__PURE__ */ i(s, {
-			selected: e.selected,
-			onClick: () => c(e.value),
-			children: /* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:flex-col",
-				children: [/* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-					children: [/* @__PURE__ */ i(r, {
-						label: e.statusLabel,
-						status: e.value,
-						variant: "filled"
-					}), /* @__PURE__ */ i("span", {
-						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
-						children: e.countLabel
-					})]
-				}), /* @__PURE__ */ i("span", {
-					className: "ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-					children: e.amountLabel
-				})]
-			})
-		}, e.value))]
-	});
-}
-//#endregion
-export { c as ReceivableStatusCards, c as default };
+import "./index13.js";
+import "./index51.js";
+import "./index53.js";