@tesouro/embedded-components-react 0.5.214 → 0.5.216

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

@@ -1,72 +1,48 @@
-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";
+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/index23.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 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 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",
+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__ */ 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__ */ 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__ */ 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__ */ t(r, {
+				label: i.taxTotalLabel,
+				value: e.tax,
+				className: "ttw:text-sm ttw:font-normal"
 			}),
-			/* @__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
+			/* @__PURE__ */ t(r, {
+				label: i.totalLabel,
+				value: e.total,
+				className: "ttw:text-lg ttw:font-medium"
 			})
 		]
 	});
 }
 //#endregion
-export { u as ReceivableNotesSection };
+export { i as ReceivableFormTotals };

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

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