@tesouro/embedded-components-react 0.5.197 → 0.5.200

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index13.js

@@ -16,10 +16,10 @@ import "../../../shared/product-catalog/feature/dist/index.js";
 import { useReceivablesWidget as l } from "./index12.js";
 import { ReceivableActionDialog as u } from "../../ui/dist/index3.js";
 import { ReceivableDetailsSheet as d } from "../../ui/dist/index12.js";
-import { ReceivableFormSheet as f } from "../../ui/dist/index13.js";
-import { ReceivablePaymentDialog as p } from "../../ui/dist/index14.js";
-import { ReceivableSendDialog as m } from "../../ui/dist/index15.js";
-import { ReceivablesScreen as h } from "../../ui/dist/index16.js";
+import { ReceivableFormSheet as f } from "../../ui/dist/index14.js";
+import { ReceivablePaymentDialog as p } from "../../ui/dist/index15.js";
+import { ReceivableSendDialog as m } from "../../ui/dist/index16.js";
+import { ReceivablesScreen as h } from "../../ui/dist/index17.js";
 import "../../ui/dist/index.js";
 import { useEffect as g, useState as _ } from "react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index6.js

@@ -21,7 +21,8 @@ function d() {
 		currency: "USD",
 		issueDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
 		dueDate: "",
-		memo: "",
+		openingNote: "",
+		closingNote: "",
 		paymentTermsId: "",
 		lineItems: [n()]
 	};
@@ -261,7 +262,8 @@ function k({ values: e, billingAddressId: t, unitNamesById: n }) {
 		counterpart_id: e.customerId,
 		currency: e.currency,
 		line_items: a,
-		memo: e.memo || void 0
+		memo: e.openingNote,
+		footer: e.closingNote
 	};
 	return e.type === "quote" ? {
 		...o,
@@ -287,7 +289,8 @@ function A(e, t) {
 		currency: e.currency,
 		issueDate: N(e.issue_date),
 		dueDate: N(e.type === "quote" ? e.expiry_date : e.due_date),
-		memo: e.memo ?? "",
+		openingNote: e.memo ?? "",
+		closingNote: e.footer ?? "",
 		paymentTermsId: i,
 		lineItems: a.length > 0 ? a : [n(e.currency)]
 	};
@@ -298,7 +301,8 @@ function j({ values: e, billingAddressId: t, lineItemChanges: n }) {
 		counterpart_id: e.customerId,
 		currency: e.currency,
 		issue_date: e.issueDate || void 0,
-		memo: e.memo || void 0
+		memo: e.openingNote,
+		footer: e.closingNote
 	};
 	return e.type === "quote" ? { quote: {
 		...r,

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

@@ -4,8 +4,8 @@ import "./index4.js";
 import "./index10.js";
 import "./index11.js";
 import { ReceivableDetailsSheet as t } from "./index12.js";
-import { ReceivableFormSheet as n } from "./index13.js";
-import { ReceivablePaymentDialog as r } from "./index14.js";
-import { ReceivableSendDialog as i } from "./index15.js";
-import { ReceivablesScreen as a } from "./index16.js";
+import { ReceivableFormSheet as n } from "./index14.js";
+import { ReceivablePaymentDialog as r } from "./index15.js";
+import { ReceivableSendDialog as i } from "./index16.js";
+import { ReceivablesScreen as a } from "./index17.js";
 export { e as ReceivableActionDialog, t as ReceivableDetailsSheet, n as ReceivableFormSheet, r as ReceivablePaymentDialog, i as ReceivableSendDialog, a as ReceivablesScreen };

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

@@ -1,390 +1,72 @@
-import { Alert as e, AlertDescription as t, Button as n, Input as r, InputGroup as i, InputGroupAddon as a, InputGroupInput as o, Label as s, RadioGroup as c, RadioGroupItem as l, Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m, Sheet as h, SheetContent as g, SheetDescription as _, SheetFooter as v, SheetHeader as y, SheetTitle as b, Spinner as x, Textarea as S, Typography as C, cn as w } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as T } from "./index2.js";
-import { useId as E } from "react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { MinusIcon as k, PlusIcon as A, Trash2Icon as j } from "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/index13.js
-var M = "__none__", N = "__manage__";
-function P({ message: e }) {
-	return e ? /* @__PURE__ */ D("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 ee({ formId: e, lineItem: t, errors: r, controls: s, focusOnMount: c, canRemove: l, unitOptions: h, currencySymbol: g, labels: _, renderProductSelector: v, onChange: y, onCommit: b, onQuantityStep: x, onManageUnits: S, onRemove: C }) {
-	let T = `${e}-line-${t.id}`;
-	return /* @__PURE__ */ O("li", {
-		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
+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__ */ D("div", {
-				className: "ttw:min-w-30 ttw:flex-1",
-				children: v(t, {
-					inputId: `${T}-name`,
-					invalid: !!r?.name,
-					focusOnMount: c
-				})
-			}),
-			/* @__PURE__ */ O("div", {
-				className: w("ttw:flex ttw:h-9 ttw:w-26 ttw:min-w-26 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs", r?.quantity && "ttw:border-destructive"),
-				children: [
-					/* @__PURE__ */ D("button", {
-						type: "button",
-						"aria-label": _.decreaseQuantityButton,
-						disabled: s ? !s.canDecreaseQuantity : !1,
-						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
-						onClick: () => x(-1),
-						children: /* @__PURE__ */ D(k, { className: "ttw:size-3.5" })
-					}),
-					/* @__PURE__ */ D("input", {
-						id: `${T}-quantity`,
-						"aria-label": _.quantityLabel,
-						"aria-invalid": !!r?.quantity || void 0,
-						type: "text",
-						inputMode: "decimal",
-						className: "ttw:h-full ttw:w-full ttw:min-w-0 ttw:bg-transparent ttw:px-0 ttw:text-center ttw:text-sm ttw:outline-none",
-						value: t.quantity,
-						onChange: (e) => y({ quantity: e.target.value }),
-						onBlur: () => b("quantity")
-					}),
-					/* @__PURE__ */ D("button", {
-						type: "button",
-						"aria-label": _.increaseQuantityButton,
-						disabled: s ? !s.canIncreaseQuantity : !1,
-						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
-						onClick: () => x(1),
-						children: /* @__PURE__ */ D(A, { className: "ttw:size-3.5" })
-					})
-				]
-			}),
-			/* @__PURE__ */ O(u, {
-				value: t.unit || M,
-				onValueChange: (e) => {
-					if (e === N) {
-						S?.();
-						return;
-					}
-					y({ unit: e === M ? "" : e });
-				},
-				children: [/* @__PURE__ */ D(p, {
-					id: `${T}-unit`,
-					"aria-label": _.unitLabel,
-					"aria-invalid": !!r?.measureUnit || void 0,
-					className: "ttw:w-22",
-					children: /* @__PURE__ */ D(m, {
-						className: "ttw:truncate",
-						placeholder: _.unitPlaceholder
-					})
-				}), /* @__PURE__ */ O(d, { children: [
-					S && /* @__PURE__ */ O(f, {
-						value: N,
-						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
-						children: [/* @__PURE__ */ D(A, { className: "ttw:text-primary" }), _.manageUnitsOption]
-					}),
-					/* @__PURE__ */ D(f, {
-						value: M,
-						children: _.unitNone
-					}),
-					h.map((e) => /* @__PURE__ */ D(f, {
-						value: e.value,
-						children: e.label
-					}, e.value))
-				] })]
-			}),
-			/* @__PURE__ */ O(i, {
-				className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-				children: [/* @__PURE__ */ D(a, {
-					align: "inline-start",
-					children: g
-				}), /* @__PURE__ */ D(o, {
-					id: `${T}-price`,
-					"aria-label": _.priceLabel,
-					"aria-invalid": !!r?.price || void 0,
-					"data-has-start-addon": !0,
-					type: "text",
-					inputMode: "decimal",
-					className: "ttw:text-right",
-					value: t.price,
-					onChange: (e) => y({ price: e.target.value }),
-					onBlur: () => b("price")
+			/* @__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
 				})]
 			}),
-			l && /* @__PURE__ */ D(n, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				"aria-label": _.removeLineItemButton,
-				className: "ttw:w-10 ttw:rounded-none ttw:border-l ttw:border-border ttw:pl-4 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:has-[>svg]:pr-0",
-				onClick: C,
-				children: /* @__PURE__ */ D(j, {})
+			/* @__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
 			})
 		]
 	});
 }
-function F({ open: i, onOpenChange: a, mode: o = "create", values: w, errors: k, currencyOptions: j, paymentTermsOptions: M, unitOptions: N, currencySymbol: F, lineItemControls: I, autoFocusLineItemId: L, lineItemsLoading: R, inProgress: te, customerSelector: z, renderProductSelector: B, onChange: V, onLineItemChange: H, onLineItemCommit: U, onLineItemQuantityStep: W, onManageUnits: G, onAddLineItem: K, onRemoveLineItem: q, onSubmit: J, onCancel: Y, labels: X }) {
-	let Z = {
-		...T,
-		...X
-	}, Q = E(), $ = o === "edit", ne = w.type === "invoice" || o === "edit", re = $ ? "ttw:grid ttw:grid-cols-3 ttw:gap-4" : "ttw:grid ttw:grid-cols-2 ttw:gap-4";
-	return /* @__PURE__ */ D(h, {
-		open: i,
-		onOpenChange: a,
-		children: /* @__PURE__ */ O(g, {
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
-			children: [
-				/* @__PURE__ */ O(y, { children: [/* @__PURE__ */ D(b, { children: o === "edit" ? Z.editTitle : Z.createTitle }), /* @__PURE__ */ D(_, {
-					className: "ttw:sr-only",
-					children: Z.hiddenDescription
-				})] }),
-				/* @__PURE__ */ D("form", {
-					id: Q,
-					onSubmit: (e) => {
-						e.preventDefault(), e.stopPropagation(), J();
-					},
-					children: /* @__PURE__ */ O("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6",
-						children: [
-							k?.form && /* @__PURE__ */ D("p", {
-								role: "alert",
-								className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-								children: k.form
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ D(s, { children: Z.documentTypeLabel }),
-									/* @__PURE__ */ O(c, {
-										className: "ttw:flex ttw:flex-row ttw:gap-6",
-										disabled: o === "edit",
-										value: w.type,
-										onValueChange: (e) => V({ type: e }),
-										children: [/* @__PURE__ */ O("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ D(l, {
-												value: "invoice",
-												id: `${Q}-invoice`
-											}), /* @__PURE__ */ D(s, {
-												htmlFor: `${Q}-invoice`,
-												children: Z.typeInvoice
-											})]
-										}), /* @__PURE__ */ O("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ D(l, {
-												value: "quote",
-												id: `${Q}-quote`
-											}), /* @__PURE__ */ D(s, {
-												htmlFor: `${Q}-quote`,
-												children: Z.typeQuote
-											})]
-										})]
-									}),
-									/* @__PURE__ */ D(P, { message: k?.type })
-								]
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ D(s, { children: Z.customerLabel }),
-									z,
-									/* @__PURE__ */ D("p", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: Z.customerHint
-									}),
-									/* @__PURE__ */ D(P, { message: k?.customerId })
-								]
-							}),
-							/* @__PURE__ */ O("div", {
-								className: re,
-								children: [
-									/* @__PURE__ */ O("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ D(s, {
-												htmlFor: `${Q}-currency`,
-												children: Z.currencyLabel
-											}),
-											/* @__PURE__ */ O(u, {
-												value: w.currency,
-												onValueChange: (e) => V({ currency: e }),
-												children: [/* @__PURE__ */ D(p, {
-													id: `${Q}-currency`,
-													children: /* @__PURE__ */ D(m, {})
-												}), /* @__PURE__ */ D(d, { children: j.map((e) => /* @__PURE__ */ D(f, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											}),
-											/* @__PURE__ */ D(P, { message: k?.currency })
-										]
-									}),
-									$ && /* @__PURE__ */ O("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ D(s, {
-												htmlFor: `${Q}-issue-date`,
-												children: Z.issueDateLabel
-											}),
-											/* @__PURE__ */ D(r, {
-												id: `${Q}-issue-date`,
-												type: "date",
-												value: w.issueDate,
-												onChange: (e) => V({ issueDate: e.target.value })
-											}),
-											/* @__PURE__ */ D(P, { message: k?.issueDate })
-										]
-									}),
-									/* @__PURE__ */ O("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ D(s, {
-												htmlFor: `${Q}-due-date`,
-												children: Z.dueDateLabel
-											}),
-											/* @__PURE__ */ D(r, {
-												id: `${Q}-due-date`,
-												type: "date",
-												value: w.dueDate,
-												onChange: (e) => V({ dueDate: e.target.value })
-											}),
-											/* @__PURE__ */ D(P, { message: k?.dueDate })
-										]
-									})
-								]
-							}),
-							ne && /* @__PURE__ */ O("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ D(s, {
-										htmlFor: `${Q}-payment-terms`,
-										children: Z.paymentTermsLabel
-									}),
-									/* @__PURE__ */ O(u, {
-										value: w.paymentTermsId || void 0,
-										onValueChange: (e) => V({ paymentTermsId: e === "__none__" ? "" : e }),
-										children: [/* @__PURE__ */ D(p, {
-											id: `${Q}-payment-terms`,
-											children: /* @__PURE__ */ D(m, { placeholder: Z.paymentTermsPlaceholder })
-										}), /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(f, {
-											value: "__none__",
-											children: Z.paymentTermsNone
-										}), M.map((e) => /* @__PURE__ */ D(f, {
-											value: e.value,
-											children: e.label
-										}, e.value))] })]
-									}),
-									/* @__PURE__ */ D(P, { message: k?.paymentTermsId })
-								]
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-								children: [
-									/* @__PURE__ */ O("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-										children: [/* @__PURE__ */ D(C, {
-											variant: "h4",
-											children: Z.lineItemsHeading
-										}), /* @__PURE__ */ D(C, {
-											variant: "body2",
-											color: "muted",
-											className: "ttw:font-medium",
-											children: Z.lineItemsDescription
-										})]
-									}),
-									k?.lineItemsSummary?.length ? /* @__PURE__ */ D(e, {
-										variant: "destructive",
-										className: "ttw:mb-2",
-										children: /* @__PURE__ */ D(t, { children: /* @__PURE__ */ D("ul", { children: k.lineItemsSummary.map((e) => /* @__PURE__ */ D("li", { children: e }, e)) }) })
-									}) : null,
-									/* @__PURE__ */ O("ul", {
-										className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-										children: [/* @__PURE__ */ O("li", {
-											"aria-hidden": !0,
-											className: "ttw:flex ttw:h-5 ttw:items-center ttw:gap-2.5 ttw:text-sm ttw:leading-5 ttw:font-medium",
-											children: [
-												/* @__PURE__ */ D("span", {
-													className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
-													children: Z.productLabel
-												}),
-												/* @__PURE__ */ D("span", {
-													className: "ttw:w-24 ttw:min-w-24",
-													children: Z.quantityLabel
-												}),
-												/* @__PURE__ */ D("span", {
-													className: "ttw:w-20.5 ttw:min-w-20.5",
-													children: Z.unitLabel
-												}),
-												/* @__PURE__ */ D("span", {
-													className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-													children: Z.priceLabel
-												}),
-												w.lineItems.length > 1 && /* @__PURE__ */ D("span", { className: "ttw:w-10 ttw:min-w-10" })
-											]
-										}), R ? /* @__PURE__ */ D("li", {
-											className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
-											children: /* @__PURE__ */ D(x, { className: "ttw:size-5" })
-										}) : w.lineItems.map((e) => /* @__PURE__ */ D(ee, {
-											formId: Q,
-											lineItem: e,
-											errors: k?.lineItems?.[e.id],
-											controls: I?.[e.id],
-											focusOnMount: e.id === L,
-											canRemove: w.lineItems.length > 1,
-											unitOptions: N,
-											currencySymbol: F,
-											labels: Z,
-											renderProductSelector: B,
-											onChange: (t) => H(e.id, t),
-											onCommit: (t) => U(e.id, t),
-											onQuantityStep: (t) => W(e.id, t),
-											onManageUnits: G,
-											onRemove: () => q(e.id)
-										}, e.id))]
-									}),
-									/* @__PURE__ */ O(n, {
-										type: "button",
-										variant: "ghost",
-										className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
-										onClick: K,
-										children: [/* @__PURE__ */ D(A, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
-									})
-								]
-							}),
-							/* @__PURE__ */ O("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ D(s, {
-										htmlFor: `${Q}-memo`,
-										children: Z.memoLabel
-									}),
-									/* @__PURE__ */ D(S, {
-										id: `${Q}-memo`,
-										rows: 3,
-										value: w.memo,
-										onChange: (e) => V({ memo: e.target.value })
-									}),
-									/* @__PURE__ */ D(P, { message: k?.memo })
-								]
-							})
-						]
-					})
-				}),
-				/* @__PURE__ */ D(v, { children: /* @__PURE__ */ O("div", {
-					className: "ttw:flex ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ D(n, {
-						type: "button",
-						variant: "ghost",
-						onClick: Y,
-						children: Z.cancelButton
-					}), /* @__PURE__ */ D(n, {
-						type: "submit",
-						form: Q,
-						loading: te,
-						disabled: R,
-						children: o === "edit" ? Z.updateButton : Z.createButton
-					})]
-				}) })
-			]
-		})
-	});
-}
 //#endregion
-export { F as ReceivableFormSheet, F as default };
+export { u as ReceivableNotesSection };