@tesouro/embedded-components-react 0.5.230 → 0.5.232

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

@@ -1,106 +1,403 @@
-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 "./index9.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Badge as i, Button as a, Sheet as o, SheetContent as ee, SheetDescription as s, SheetHeader as c, SheetTitle as l, Spinner as te, Tooltip as u, TooltipContent as d, TooltipProvider as f, TooltipTrigger as p, cn as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as h } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { RECEIVABLE_DETAILS_PANEL_LABELS_EN as g } from "./index9.js";
+import { ReceivableStatusBadge as _ } from "./index18.js";
+import { RECEIVABLE_DETAILS_SECTION as v } from "./index21.js";
+import { ACTION_ICON as y, ACTION_LABEL_KEY as b, STATUS_ICON as x, amountValueToneClass as S, headerIconButtonClass as C } from "./index19.js";
+import { AmountCell as w } from "./index20.js";
+import { AttachmentsItem as ne } from "./index22.js";
+import { AuditHistoryItem as re } from "./index23.js";
+import { CloseButton as T } from "./index24.js";
+import { InfoRow as E } from "./index25.js";
+import { OverflowMenu as ie } from "./index26.js";
+import { SeriesStatusChip as ae } from "./index28.js";
+import { ScheduledInvoicesTable as D } from "./index29.js";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { ChevronLeft as j, CircleAlert as M, EyeIcon as N, Repeat as P } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js
-function h({ message: e }) {
-	return e ? /* @__PURE__ */ p("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
+function F({ open: F, onOpenChange: I, details: L, unsupported: R, isLoading: z, isError: B, onActionClick: V, onClose: H, openSections: U, onOpenSectionsChange: W, disabledActions: G, labels: K }) {
+	let q = {
+		...g,
+		...K
+	}, J = L?.panel, Y = B ? {
+		title: q.errorTitle,
+		description: q.errorDescription
+	} : R, oe = J?.amountTone === "danger", X = (e) => q[b[e]], Z = L ? x[L.status] : void 0, Q = J?.recurringSeries, $ = L && J && J.primaryActions.length > 0 ? /* @__PURE__ */ k("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
+		children: J.primaryActions.map((e, t) => {
+			let n = y[e], r = t === J.primaryActions.length - 1;
+			return /* @__PURE__ */ A(a, {
+				size: "sm",
+				variant: r ? "default" : "outline",
+				onClick: () => V(e, L),
+				children: [/* @__PURE__ */ k(n, { className: "ttw:size-4" }), X(e)]
+			}, e);
+		})
 	}) : null;
-}
-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",
+	return /* @__PURE__ */ k(o, {
+		open: F,
+		onOpenChange: I,
+		children: /* @__PURE__ */ A(ee, {
+			showCloseButton: !1,
+			className: "ttw:w-180 ttw:overflow-y-auto ttw:p-0 ttw:sm:max-w-180",
+			children: [Y || z || !L ? /* @__PURE__ */ k(T, {
+				label: q.closeButton,
+				onClose: H,
+				className: m(C, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
+			}) : null, Y ? /* @__PURE__ */ A("div", {
+				className: "ttw:p-6",
+				children: [/* @__PURE__ */ A(c, {
+					className: "ttw:sr-only",
+					children: [/* @__PURE__ */ k(l, { children: Y.title }), /* @__PURE__ */ k(s, { children: q.hiddenDescription })]
+				}), /* @__PURE__ */ k(h, {
+					title: Y.title,
+					description: Y.description
+				})]
+			}) : z || !L || !J ? /* @__PURE__ */ A(c, {
+				className: "ttw:p-6",
+				children: [/* @__PURE__ */ k(l, { children: q.loadingTitle }), /* @__PURE__ */ k(s, {
+					className: "ttw:sr-only",
+					children: q.hiddenDescription
+				})]
+			}) : /* @__PURE__ */ A(O, { children: [
+				J.seriesLink ? /* @__PURE__ */ k("div", {
+					className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
+					children: /* @__PURE__ */ A("button", {
+						type: "button",
+						onClick: J.seriesLink.onOpen,
+						className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline",
+						children: [/* @__PURE__ */ k(j, {
+							className: "ttw:size-4",
+							"aria-hidden": "true"
+						}), J.seriesLink.backLabel]
+					})
+				}) : null,
+				/* @__PURE__ */ A(c, {
+					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4",
+					children: [/* @__PURE__ */ A("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 						children: [
-							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
-							/* @__PURE__ */ p(s, {
-								type: "date",
-								value: v.paidAt,
-								onChange: (e) => x({ paidAt: e.target.value })
+							/* @__PURE__ */ k(l, {
+								className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+								children: L.title
 							}),
-							/* @__PURE__ */ p(h, { message: y?.paidAt })
+							J.subtitle ? /* @__PURE__ */ k("p", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: J.subtitle
+							}) : null,
+							/* @__PURE__ */ k(s, {
+								className: "ttw:sr-only",
+								children: q.hiddenDescription
+							})
 						]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					}), /* @__PURE__ */ k(f, {
+						delayDuration: 500,
+						children: /* @__PURE__ */ A("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-1.5",
+							children: [
+								L.pdfUrl ? /* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(p, {
+									asChild: !0,
+									children: /* @__PURE__ */ k(a, {
+										asChild: !0,
+										variant: "ghost",
+										size: "icon",
+										className: C,
+										children: /* @__PURE__ */ k("a", {
+											href: L.pdfUrl,
+											target: "_blank",
+											rel: "noreferrer",
+											"aria-label": q.viewPdfButton,
+											children: /* @__PURE__ */ k(N, { className: "ttw:size-4" })
+										})
+									})
+								}), /* @__PURE__ */ k(d, { children: q.viewPdfButton })] }) : null,
+								J.overflowActions.length > 0 ? /* @__PURE__ */ k(ie, {
+									actions: J.overflowActions,
+									triggerLabel: q.moreActionsLabel,
+									getActionLabel: X,
+									onSelect: (e) => V(e, L),
+									disabledActions: G,
+									className: C
+								}) : null,
+								/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(p, {
+									asChild: !0,
+									children: /* @__PURE__ */ k(T, {
+										label: q.closeButton,
+										onClose: H,
+										className: C
+									})
+								}), /* @__PURE__ */ k(d, { children: q.closeButton })] })
+							]
+						})
+					})]
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "ttw:flex ttw:flex-col",
+					children: [/* @__PURE__ */ k("div", {
+						className: "ttw:px-6",
+						children: Q ? /* @__PURE__ */ A("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4 ttw:dark:bg-violet-950",
+							children: [
+								/* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+									children: [/* @__PURE__ */ k("span", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: q.recurringAmountCaption
+									}), /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
+										children: [/* @__PURE__ */ k("span", {
+											className: m("ttw:text-2xl ttw:font-semibold", S[J.amountTone]),
+											children: Q.amountLabel
+										}), /* @__PURE__ */ k("span", {
+											className: "ttw:text-sm ttw:text-muted-foreground",
+											children: Q.amountPeriodLabel
+										})]
+									})]
+								}),
+								/* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:items-center ttw:gap-2",
+									children: [/* @__PURE__ */ A(i, {
+										variant: "outline",
+										className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+										children: [/* @__PURE__ */ k(P, { className: "ttw:size-3" }), q.recurringBadge]
+									}), /* @__PURE__ */ k(ae, {
+										label: Q.statusLabel,
+										tone: Q.statusTone,
+										icon: Q.statusIcon
+									})]
+								}),
+								/* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:gap-12 ttw:text-sm",
+									children: [/* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+										children: [/* @__PURE__ */ k("span", {
+											className: "ttw:text-xs ttw:text-muted-foreground",
+											children: q.startsOnCaption
+										}), /* @__PURE__ */ k("span", {
+											className: "ttw:text-foreground",
+											children: Q.startsOnLabel
+										})]
+									}), /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+										children: [/* @__PURE__ */ k("span", {
+											className: "ttw:text-xs ttw:text-muted-foreground",
+											children: q.endsOnCaption
+										}), /* @__PURE__ */ k("span", {
+											className: "ttw:text-foreground",
+											children: Q.endsOnLabel
+										})]
+									})]
+								}),
+								$
+							]
+						}) : /* @__PURE__ */ A("div", {
+							className: m("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", oe && "ttw:border ttw:border-red-200"),
+							children: [
+								/* @__PURE__ */ k("div", {
+									className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
+									children: J.amountRows.map((e) => /* @__PURE__ */ k(w, {
+										row: e,
+										defaultTone: J.amountTone
+									}, e.label))
+								}),
+								/* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:items-center ttw:gap-2",
+									children: [J.overdueLabel ? /* @__PURE__ */ A("span", {
+										className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700",
+										children: [/* @__PURE__ */ k(M, { className: "ttw:size-3" }), J.overdueLabel]
+									}) : /* @__PURE__ */ k(_, {
+										label: J.statusLabel,
+										tone: L.statusTone,
+										icon: Z ? /* @__PURE__ */ k(Z, { className: "ttw:size-3" }) : void 0
+									}), J.recurring ? /* @__PURE__ */ A(i, {
+										variant: "outline",
+										className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+										children: [/* @__PURE__ */ k(P, { className: "ttw:size-3" }), q.recurringBadge]
+									}) : null]
+								}),
+								/* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:gap-12 ttw:text-sm",
+									children: [/* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+										children: [/* @__PURE__ */ k("span", {
+											className: "ttw:text-xs ttw:text-muted-foreground",
+											children: q.invoiceDateCaption
+										}), /* @__PURE__ */ k("span", {
+											className: "ttw:text-foreground",
+											children: J.issueDateLabel
+										})]
+									}), /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+										children: [/* @__PURE__ */ k("span", {
+											className: "ttw:text-xs ttw:text-muted-foreground",
+											children: J.dueDateCaption
+										}), /* @__PURE__ */ k("span", {
+											className: "ttw:text-foreground",
+											children: J.dueDateLabel
+										})]
+									})]
+								}),
+								$
+							]
+						})
+					}), /* @__PURE__ */ A("div", {
+						className: "ttw:px-6",
 						children: [
-							/* @__PURE__ */ p(c, { children: T.commentLabel }),
-							/* @__PURE__ */ p(d, {
-								rows: 3,
-								value: v.comment,
-								onChange: (e) => x({ comment: e.target.value })
+							J.paymentHistory ? /* @__PURE__ */ A("section", {
+								"aria-label": q.paymentHistoryHeading,
+								className: "ttw:border-b ttw:py-4",
+								children: [/* @__PURE__ */ k("h3", {
+									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
+									children: q.paymentHistoryHeading
+								}), J.paymentHistory.isLoading ? /* @__PURE__ */ k("div", {
+									className: "ttw:flex ttw:py-2",
+									children: /* @__PURE__ */ k(te, { className: "ttw:size-5" })
+								}) : J.paymentHistory.rows.length === 0 ? /* @__PURE__ */ k("p", {
+									className: m("ttw:text-sm", J.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground"),
+									children: q.paymentHistoryEmpty
+								}) : /* @__PURE__ */ A("div", {
+									className: "ttw:flex ttw:flex-col",
+									children: [J.paymentHistory.rows.map((e) => /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2 ttw:text-sm",
+										children: [/* @__PURE__ */ k("span", { children: e.dateLabel }), /* @__PURE__ */ k("span", { children: e.amountLabel })]
+									}, e.id)), /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:justify-between ttw:py-2 ttw:text-sm ttw:font-medium",
+										children: [/* @__PURE__ */ k("span", { children: q.paymentHistoryTotalLabel }), /* @__PURE__ */ k("span", { children: J.paymentHistory.totalLabel })]
+									})]
+								})]
+							}) : null,
+							J.customerContact.length > 0 ? /* @__PURE__ */ A("section", {
+								"aria-label": q.customerDetailsHeading,
+								className: "ttw:border-b ttw:py-4",
+								children: [/* @__PURE__ */ k("h3", {
+									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
+									children: q.customerDetailsHeading
+								}), /* @__PURE__ */ k("div", {
+									className: "ttw:flex ttw:flex-col",
+									children: J.customerContact.map((e) => /* @__PURE__ */ k(E, { ...e }, e.label))
+								})]
+							}) : null,
+							/* @__PURE__ */ A(e, {
+								type: "multiple",
+								value: U,
+								onValueChange: W,
+								className: "ttw:w-full",
+								children: [
+									/* @__PURE__ */ A(n, {
+										value: v.billing,
+										children: [/* @__PURE__ */ k(r, { children: q.billingHeading }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:flex-col",
+											children: [J.billingItems.map((e) => /* @__PURE__ */ k(E, { ...e }, e.label)), J.seriesLink ? /* @__PURE__ */ A("div", {
+												className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
+												children: [/* @__PURE__ */ k("span", {
+													className: "ttw:w-40 ttw:shrink-0 ttw:text-muted-foreground",
+													children: q.recurringSeriesRowLabel
+												}), /* @__PURE__ */ k("button", {
+													type: "button",
+													onClick: J.seriesLink.onOpen,
+													className: "ttw:text-left ttw:text-primary ttw:hover:underline",
+													children: J.seriesLink.title
+												})]
+											}) : null]
+										}) })]
+									}),
+									J.lineItemsSection ? /* @__PURE__ */ A(n, {
+										value: v.lineItems,
+										children: [/* @__PURE__ */ k(r, { children: /* @__PURE__ */ A("span", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [q.lineItemsHeading, /* @__PURE__ */ k(i, {
+												variant: "secondary",
+												className: "ttw:rounded-full",
+												children: J.lineItemsSection.countLabel
+											})]
+										}) }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:flex-col ttw:text-sm",
+											children: [L.lineItems.length === 0 ? /* @__PURE__ */ k("p", {
+												className: "ttw:py-3 ttw:text-muted-foreground",
+												children: q.noLineItems
+											}) : L.lineItems.map((e) => /* @__PURE__ */ A("div", {
+												className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
+												children: [/* @__PURE__ */ A("div", {
+													className: "ttw:flex ttw:flex-col",
+													children: [/* @__PURE__ */ k("span", {
+														className: "ttw:font-medium",
+														children: e.name
+													}), /* @__PURE__ */ A("span", {
+														className: "ttw:text-muted-foreground",
+														children: [
+															e.quantityLabel,
+															" ",
+															q.lineItemMultiplier,
+															" ",
+															e.unitPriceLabel,
+															" ",
+															q.lineItemEaLabel
+														]
+													})]
+												}), /* @__PURE__ */ k("span", { children: e.totalLabel })]
+											}, e.id)), J.lineItemsSection.totals.length > 0 ? /* @__PURE__ */ k("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
+												children: J.lineItemsSection.totals.map((e) => /* @__PURE__ */ A("div", {
+													className: m("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
+													children: [/* @__PURE__ */ k("span", { children: e.label }), /* @__PURE__ */ k("span", { children: e.value })]
+												}, e.label))
+											}) : null]
+										}) })]
+									}) : null,
+									J.notes ? /* @__PURE__ */ A(n, {
+										value: v.notes,
+										children: [/* @__PURE__ */ k(r, { children: /* @__PURE__ */ A("span", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [q.notesHeading, /* @__PURE__ */ k(i, {
+												variant: "secondary",
+												className: "ttw:rounded-full",
+												children: J.notes.countLabel
+											})]
+										}) }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:text-sm",
+											children: [J.notes.opening ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+												className: "ttw:mb-1 ttw:font-medium",
+												children: q.notesOpeningLabel
+											}), /* @__PURE__ */ k("p", {
+												className: "ttw:text-muted-foreground",
+												children: J.notes.opening
+											})] }) : null, J.notes.closing ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
+												className: "ttw:mb-1 ttw:font-medium",
+												children: q.notesClosingLabel
+											}), /* @__PURE__ */ k("p", {
+												className: "ttw:text-muted-foreground",
+												children: J.notes.closing
+											})] }) : null]
+										}) })]
+									}) : null,
+									/* @__PURE__ */ k(ne, {
+										attachments: J.attachments,
+										labels: q
+									}),
+									/* @__PURE__ */ k(re, {
+										auditHistory: J.auditHistory,
+										labels: q
+									})
+								]
 							}),
-							/* @__PURE__ */ p(h, { message: y?.comment })
+							Q ? /* @__PURE__ */ A("section", {
+								"aria-label": Q.scheduleTitle,
+								className: "ttw:border-t ttw:border-border ttw:py-4",
+								children: [/* @__PURE__ */ k("h3", {
+									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
+									children: Q.scheduleTitle
+								}), /* @__PURE__ */ k(D, {
+									rows: Q.schedule,
+									labels: q
+								})]
+							}) : null
 						]
-					})
-				]
-			}),
-			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
-				variant: "ghost",
-				onClick: C,
-				children: T.cancelButton
-			}), /* @__PURE__ */ p(e, {
-				loading: b,
-				onClick: S,
-				children: T.submitButton
-			})] })
-		] })
+					})]
+				})
+			] })]
+		})
 	});
 }
 //#endregion
-export { g as ReceivablePaymentDialog, g as default };
+export { F as ReceivableDetailsPanel, F as default };

package/dist/libs/tesouro-embedded-components-react/{expense-management-widget/feature/dist/index22.js → invoicing-widget/ui/dist/index31.js}

@@ -1 +1,2 @@
 import "./index21.js";
+import "./index30.js";

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

@@ -1,2 +1,48 @@
-import "react";
-import "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js
+function r({ label: r, value: i, className: a }) {
+	return /* @__PURE__ */ n("li", {
+		className: e("ttw:flex ttw:items-center ttw:justify-between", a),
+		children: [/* @__PURE__ */ t("span", { children: r }), /* @__PURE__ */ t("span", { children: i })]
+	});
+}
+function i({ totals: e, labels: i }) {
+	return /* @__PURE__ */ n("ul", {
+		className: "ttw:flex ttw:w-full ttw:list-none ttw:flex-col ttw:gap-1.5",
+		children: [
+			/* @__PURE__ */ t(r, {
+				label: i.subtotalLabel,
+				value: e.subtotal,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.discountTotalLabel,
+				value: e.discount,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.nonTaxableSubtotalLabel,
+				value: e.nonTaxableSubtotal,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.taxableSubtotalLabel,
+				value: e.taxableSubtotal,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.taxTotalLabel,
+				value: e.tax,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.totalLabel,
+				value: e.total,
+				className: "ttw:text-lg ttw:font-medium"
+			})
+		]
+	});
+}
+//#endregion
+export { i as ReceivableFormTotals };

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

@@ -1,4 +1,72 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index32.js";
-import "react/jsx-runtime";
-import "lucide-react";
+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/index33.js
+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 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__ */ 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 { u as ReceivableNotesSection };