@tesouro/embedded-components-react 0.5.201 → 0.5.202

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

@@ -1,106 +1,72 @@
-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, RadioGroup as l, RadioGroupItem as u, Textarea as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as f } from "./index2.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Textarea as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js
-function h({ message: e }) {
-	return e ? /* @__PURE__ */ p("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
+function l({ id: l, value: u, error: d, disabled: f, label: p, optionalSuffix: m, placeholder: h, description: g, onChange: _ }) {
+	return /* @__PURE__ */ s(e, { children: /* @__PURE__ */ c(t, { children: [
+		/* @__PURE__ */ c(i, {
+			htmlFor: l,
+			className: "ttw:text-nowrap",
+			children: [p, /* @__PURE__ */ s(o, {
+				variant: "body2",
+				component: "span",
+				color: "muted",
+				className: "ttw:leading-snug",
+				children: m
+			})]
+		}),
+		/* @__PURE__ */ s(a, {
+			id: l,
+			value: u,
+			disabled: f,
+			placeholder: h,
+			className: "ttw:h-26 ttw:resize-none",
+			"aria-invalid": !!d,
+			onChange: (e) => _(e.target.value)
+		}),
+		/* @__PURE__ */ s(n, { children: g }),
+		/* @__PURE__ */ s(r, { errors: d ? [{ message: d }] : [] })
+	] }) });
 }
-function g({ open: g, onOpenChange: _, values: v, errors: y, inProgress: b, onChange: x, onSubmit: S, onCancel: C, labels: w }) {
-	let T = {
-		...f,
-		...w
-	};
-	return /* @__PURE__ */ p(t, {
-		open: g,
-		onOpenChange: _,
-		children: /* @__PURE__ */ m(n, { children: [
-			/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, { children: T.title }), /* @__PURE__ */ p(r, { children: T.description })] }),
-			/* @__PURE__ */ m("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				children: [
-					y?.form && /* @__PURE__ */ p("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: y.form
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [/* @__PURE__ */ p(c, { children: T.modeLabel }), /* @__PURE__ */ m(l, {
-							className: "ttw:flex ttw:flex-row ttw:gap-6",
-							value: v.mode,
-							onValueChange: (e) => x({ mode: e }),
-							children: [/* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "full",
-									id: "receivable-payment-full"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-full",
-									children: T.fullPayment
-								})]
-							}), /* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "partial",
-									id: "receivable-payment-partial"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-partial",
-									children: T.partialPayment
-								})]
-							})]
-						})]
-					}),
-					v.mode === "partial" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.amountPaidLabel }),
-							/* @__PURE__ */ p(s, {
-								inputMode: "decimal",
-								value: v.amountPaid,
-								onChange: (e) => x({ amountPaid: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.amountPaid })
-						]
-					}),
-					v.mode === "full" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
-							/* @__PURE__ */ p(s, {
-								type: "date",
-								value: v.paidAt,
-								onChange: (e) => x({ paidAt: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.paidAt })
-						]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.commentLabel }),
-							/* @__PURE__ */ p(d, {
-								rows: 3,
-								value: v.comment,
-								onChange: (e) => x({ comment: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.comment })
-						]
-					})
-				]
+function u({ idPrefix: e, openingNote: t, closingNote: n, openingNoteError: r, closingNoteError: i, disabled: a, onOpeningNoteChange: u, onClosingNoteChange: d, labels: f }) {
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(o, {
+					variant: "h4",
+					children: f.notesHeading
+				}), /* @__PURE__ */ s(o, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: f.notesDescription
+				})]
 			}),
-			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
-				variant: "ghost",
-				onClick: C,
-				children: T.cancelButton
-			}), /* @__PURE__ */ p(e, {
-				loading: b,
-				onClick: S,
-				children: T.submitButton
-			})] })
-		] })
+			/* @__PURE__ */ s(l, {
+				id: `${e}-opening-note`,
+				value: t,
+				error: r,
+				disabled: a,
+				label: f.openingNoteLabel,
+				optionalSuffix: f.optionalSuffix,
+				placeholder: f.openingNotePlaceholder,
+				description: f.openingNoteDescription,
+				onChange: u
+			}),
+			/* @__PURE__ */ s(l, {
+				id: `${e}-closing-note`,
+				value: n,
+				error: i,
+				disabled: a,
+				label: f.closingNoteLabel,
+				optionalSuffix: f.optionalSuffix,
+				placeholder: f.closingNotePlaceholder,
+				description: f.closingNoteDescription,
+				onChange: d
+			})
+		]
 	});
 }
 //#endregion
-export { g as ReceivablePaymentDialog, g as default };
+export { u as ReceivableNotesSection };