@tesouro/embedded-components-react 0.5.227 → 0.5.228

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

@@ -1,236 +1,3 @@
-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 "./index32.js";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.js
-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: 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 { y as ReceivableRecurrenceSection, y as default };
+import "./index3.js";
+import "./index30.js";
+import "./index32.js";

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

@@ -1,3 +1,249 @@
-import "./index3.js";
-import "./index31.js";
-import "./index33.js";
+import { Button as e, Input as t, Label as n, RadioGroup as r, RadioGroupItem as i, Switch as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as s } from "./index4.js";
+import { Fragment as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PlusIcon as f } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index34.js
+function p(e) {
+	e.key === "Enter" && e.preventDefault();
+}
+var m = "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";
+function h({ id: e, value: t, label: r }) {
+	return /* @__PURE__ */ d("li", {
+		className: "ttw:flex ttw:items-center ttw:gap-2",
+		children: [/* @__PURE__ */ u(i, {
+			value: t,
+			id: e
+		}), /* @__PURE__ */ u(n, {
+			htmlFor: e,
+			className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+			children: r
+		})]
+	});
+}
+function g({ idPrefix: e, options: t, selectedId: n, noneLabel: i, onSelect: a }) {
+	return /* @__PURE__ */ u(r, {
+		className: "ttw:contents",
+		value: n,
+		onValueChange: a,
+		children: /* @__PURE__ */ d("ul", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3",
+			children: [/* @__PURE__ */ u(h, {
+				id: `${e}-none`,
+				value: "",
+				label: i
+			}), t.map((t) => /* @__PURE__ */ u(h, {
+				id: `${e}-${t.value}`,
+				value: t.value,
+				label: t.label
+			}, t.value))]
+		})
+	});
+}
+function _({ direction: e, directionClassName: t, labels: n }) {
+	return /* @__PURE__ */ d(o, {
+		variant: "body2",
+		children: [
+			n.reminderNumberOfDays,
+			" ",
+			/* @__PURE__ */ u("span", {
+				className: t,
+				children: e
+			}),
+			" ",
+			n.reminderDueDate
+		]
+	});
+}
+function v({ idPrefix: n, view: r, labels: i, onSelect: a, onInputChange: s, onSave: c }) {
+	let { create: l } = r, f = `${n}-error`;
+	return /* @__PURE__ */ d("div", {
+		className: m,
+		children: [
+			/* @__PURE__ */ u(_, {
+				direction: i.reminderBefore,
+				directionClassName: "ttw:text-green-700 ttw:font-bold",
+				labels: i
+			}),
+			/* @__PURE__ */ u(g, {
+				idPrefix: `${n}-option`,
+				options: r.options,
+				selectedId: r.selectedId,
+				noneLabel: i.reminderNone,
+				onSelect: a
+			}),
+			l && /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					l.caption && /* @__PURE__ */ u(o, {
+						variant: "caption",
+						color: "muted",
+						children: l.caption
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [
+							/* @__PURE__ */ u(t, {
+								type: "text",
+								inputMode: "numeric",
+								value: l.value,
+								onChange: (e) => s(e.target.value),
+								onKeyDown: p,
+								disabled: l.inputDisabled,
+								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
+								placeholder: i.reminderPlaceholder,
+								"aria-label": i.reminderBeforeDueInputLabel,
+								"aria-invalid": !!l.error,
+								"aria-describedby": l.error ? f : void 0
+							}),
+							/* @__PURE__ */ u(o, {
+								variant: "body2",
+								children: l.unitLabel
+							}),
+							/* @__PURE__ */ u(e, {
+								type: "button",
+								variant: "secondary",
+								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+								disabled: l.saveDisabled,
+								loading: l.isSaving,
+								onClick: c,
+								children: i.reminderSaveButton
+							})
+						]
+					}),
+					l.error && /* @__PURE__ */ u(o, {
+						id: f,
+						variant: "caption",
+						color: "destructive",
+						children: l.error
+					})
+				]
+			}),
+			r.warning && /* @__PURE__ */ u(o, {
+				variant: "body2",
+				className: "ttw:text-amber-700",
+				children: r.warning
+			})
+		]
+	});
+}
+function y({ idPrefix: n, view: r, labels: i, onSelect: a, onTermChange: s, onAddTerm: l, onClear: h, onSave: v }) {
+	let { create: y } = r;
+	return /* @__PURE__ */ d("div", {
+		className: m,
+		children: [
+			/* @__PURE__ */ u(_, {
+				direction: i.reminderAfter,
+				directionClassName: "ttw:text-destructive ttw:font-bold",
+				labels: i
+			}),
+			/* @__PURE__ */ u(g, {
+				idPrefix: `${n}-option`,
+				options: r.options,
+				selectedId: r.selectedId,
+				noneLabel: i.reminderNone,
+				onSelect: a
+			}),
+			y && /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ u(o, {
+						variant: "caption",
+						color: "muted",
+						children: y.caption
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [y.terms.map((e, n) => /* @__PURE__ */ d(c, { children: [/* @__PURE__ */ u(t, {
+							type: "text",
+							inputMode: "numeric",
+							value: e.value,
+							onChange: (e) => s(n, e.target.value),
+							onKeyDown: p,
+							disabled: y.inputsDisabled,
+							className: "ttw:text-right ttw:w-15 ttw:p-1.5",
+							placeholder: e.showPlaceholder ? i.reminderPlaceholder : void 0,
+							"aria-label": e.ariaLabel
+						}), /* @__PURE__ */ u(o, {
+							variant: "body2",
+							children: e.unitLabel
+						})] }, n)), y.showAddTerm && /* @__PURE__ */ d(e, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
+							disabled: y.addTermDisabled,
+							onClick: l,
+							children: [/* @__PURE__ */ u(f, {}), i.reminderAddTermButton]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [/* @__PURE__ */ u(e, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs",
+							disabled: y.clearDisabled,
+							onClick: h,
+							children: i.reminderClearButton
+						}), /* @__PURE__ */ u(e, {
+							type: "button",
+							variant: "secondary",
+							className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+							disabled: y.saveDisabled,
+							loading: y.isSaving,
+							onClick: v,
+							children: i.reminderSaveButton
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function b({ idPrefix: e, view: t, onToggle: n, onPaymentReminderSelect: r, onOverdueReminderSelect: i, onBeforeDueInputChange: c, onBeforeDueSave: f, onOverdueTermChange: p, onOverdueAddTerm: m, onOverdueClear: h, onOverdueSave: g, labels: _ }) {
+	let b = {
+		...s,
+		..._
+	}, { cards: x } = t;
+	return /* @__PURE__ */ d("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ d("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-3",
+			children: [/* @__PURE__ */ u(a, {
+				checked: t.checked,
+				disabled: t.toggleDisabled,
+				onCheckedChange: n,
+				"aria-label": b.remindersToggleLabel
+			}), /* @__PURE__ */ u(o, {
+				variant: "body2",
+				children: b.remindersDescription
+			})]
+		}), x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
+			children: [x.beforeDue && /* @__PURE__ */ u(v, {
+				idPrefix: `${e}-before`,
+				view: x.beforeDue,
+				labels: b,
+				onSelect: r,
+				onInputChange: c,
+				onSave: f
+			}), /* @__PURE__ */ u(y, {
+				idPrefix: `${e}-overdue`,
+				view: x.overdue,
+				labels: b,
+				onSelect: i,
+				onTermChange: p,
+				onAddTerm: m,
+				onClear: h,
+				onSave: g
+			})]
+		}), /* @__PURE__ */ u(o, {
+			variant: "body2",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: b.remindersLibraryNote
+		})] })]
+	});
+}
+//#endregion
+export { b as ReceivableRemindersSection };