@tesouro/embedded-components-react 0.5.200 → 0.5.201

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

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

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

@@ -82,6 +82,10 @@ var e = {
 	unitNone: "None",
 	manageUnitsOption: "Manage measure units",
 	priceLabel: "Price",
+	taxableLabel: "Taxable",
+	taxRateLabel: "Tax rate",
+	taxRatePlaceholder: "e.g. 6.25",
+	taxRateSuffix: "%",
 	decreaseQuantityButton: "Decrease quantity",
 	increaseQuantityButton: "Increase quantity",
 	addLineItemButton: "Add item",

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.200", n = "2d0cb8a498d77268769d522f5dfe8e9a53e17b39", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.201", n = "cd0c735e2c3567051bef81ad70e386b70463397e", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.200",
+  "version": "0.5.201",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {