@tesouro/embedded-components-react 0.2.317 → 0.2.319

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index17.js

@@ -1,2 +1,262 @@
+import { Badge as e, Button as t, Skeleton as n, cn as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as i } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { BillStatusBadge as a } from "./index14.js";
 import "./index15.js";
-import "./index16.js";
+import { mergeBillDetailBodyLabels as o } from "./index16.js";
+import { BillActionButtons as s } from "./index12.js";
+import { AchFieldGroup as c } from "../../../shared/counterpart-management/ui/dist/index5.js";
+import "../../../shared/counterpart-management/ui/dist/index.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AlertTriangle as d, ChevronRight as f } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index17.js
+var p = "ttw:text-base ttw:font-semibold", m = "ttw:px-3 ttw:py-2", h = "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
+function g({ view: g, actions: _ = [], scheduledSummary: v, paymentInstructionsForm: y, isLoading: b, isError: x, labels: S }) {
+	let C = o(S);
+	if (x) return /* @__PURE__ */ l(i, {
+		title: C.errorTitle,
+		description: C.errorDescription
+	});
+	if (b || !g) return /* @__PURE__ */ u("div", {
+		"aria-hidden": !0,
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			/* @__PURE__ */ l(n, { className: "ttw:h-40 ttw:w-full" }),
+			/* @__PURE__ */ l(n, { className: "ttw:h-32 ttw:w-full" }),
+			/* @__PURE__ */ l(n, { className: "ttw:h-24 ttw:w-full" })
+		]
+	});
+	let w = !g.payTo.paymentInstructionsLabel && y;
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			w ? /* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-md ttw:border ttw:border-amber-200 ttw:bg-amber-50 ttw:px-3 ttw:py-2.5",
+				children: [
+					/* @__PURE__ */ l(d, { className: "ttw:size-4 ttw:shrink-0 ttw:text-amber-800" }),
+					/* @__PURE__ */ l("p", {
+						className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
+						children: C.missingPaymentInstructionsBanner
+					}),
+					/* @__PURE__ */ l(t, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: y.onOpen,
+						children: C.addPaymentInstructions
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ u("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ l("span", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: C.amountDueHeading
+						}), /* @__PURE__ */ l("span", {
+							className: "ttw:text-3xl ttw:font-semibold",
+							children: g.amountDue
+						})]
+					}),
+					/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(a, {
+						status: g.status,
+						tone: g.statusTone,
+						labels: C.statusBadge
+					}) }),
+					/* @__PURE__ */ u("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
+						children: [/* @__PURE__ */ u("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ l("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: C.invoiceDateLabel
+							}), /* @__PURE__ */ l("span", {
+								className: "ttw:text-sm ttw:font-medium",
+								children: g.invoiceDateLabel
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ l("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: C.dueDateLabel
+							}), /* @__PURE__ */ l("span", {
+								className: "ttw:text-sm ttw:font-medium",
+								children: g.dueDateLabel
+							})]
+						})]
+					}),
+					v ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(e, {
+						variant: "outline",
+						className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
+						children: v
+					}) }) : _.length ? /* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+						children: /* @__PURE__ */ l(s, { actions: _ })
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ u("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [
+					/* @__PURE__ */ l("h3", {
+						className: p,
+						children: C.payToHeading
+					}),
+					/* @__PURE__ */ u("div", {
+						className: h,
+						children: [/* @__PURE__ */ l("span", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: C.vendorRow
+						}), /* @__PURE__ */ u("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-right",
+							children: [/* @__PURE__ */ u("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [/* @__PURE__ */ l("span", {
+									className: "ttw:text-sm ttw:font-medium ttw:text-primary",
+									children: g.payTo.name
+								}), g.payTo.email ? /* @__PURE__ */ l("span", {
+									className: "ttw:text-xs ttw:text-muted-foreground",
+									children: g.payTo.email
+								}) : null]
+							}), /* @__PURE__ */ l(f, {
+								"aria-hidden": !0,
+								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: h,
+						children: [/* @__PURE__ */ l("span", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: C.paymentInstructionsRow
+						}), /* @__PURE__ */ u("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [g.payTo.paymentInstructionsLabel ? /* @__PURE__ */ l("span", {
+								className: "ttw:text-sm ttw:font-medium",
+								children: g.payTo.paymentInstructionsLabel
+							}) : y ? /* @__PURE__ */ l("button", {
+								type: "button",
+								onClick: y.onOpen,
+								className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
+								children: C.addPaymentInstructions
+							}) : /* @__PURE__ */ l("span", {
+								className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
+								children: C.addPaymentInstructions
+							}), /* @__PURE__ */ l(f, {
+								"aria-hidden": !0,
+								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+							})]
+						})]
+					}),
+					y?.isOpen ? /* @__PURE__ */ u("div", {
+						className: "ttw:mt-2 ttw:rounded-lg ttw:border ttw:border-border ttw:p-4",
+						children: [/* @__PURE__ */ l(c, {
+							idPrefix: "bill-detail-payment-instructions",
+							values: y.values,
+							errors: y.errors,
+							onChange: y.onChange
+						}), /* @__PURE__ */ u("div", {
+							className: "ttw:mt-4 ttw:flex ttw:justify-end ttw:gap-2",
+							children: [/* @__PURE__ */ l(t, {
+								type: "button",
+								variant: "ghost",
+								onClick: y.onCancel,
+								children: C.paymentInstructionsCancel
+							}), /* @__PURE__ */ l(t, {
+								type: "button",
+								loading: y.isSaving,
+								onClick: y.onSave,
+								children: C.paymentInstructionsSave
+							})]
+						})]
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ l("dl", {
+				className: "ttw:flex ttw:flex-col",
+				children: g.invoiceFields.map((e) => /* @__PURE__ */ u("div", {
+					className: h,
+					children: [/* @__PURE__ */ l("dt", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: e.label
+					}), /* @__PURE__ */ l("dd", {
+						className: "ttw:text-right ttw:text-sm ttw:font-medium",
+						children: e.value
+					})]
+				}, e.label))
+			}),
+			/* @__PURE__ */ l("section", { children: /* @__PURE__ */ u("table", {
+				className: "ttw:w-full ttw:text-sm",
+				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
+					className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
+					children: [
+						/* @__PURE__ */ l("th", {
+							className: r(m, "ttw:text-left ttw:font-normal"),
+							children: C.descriptionAndGlCodeColumn
+						}),
+						/* @__PURE__ */ l("th", {
+							className: r(m, "ttw:text-right ttw:font-normal"),
+							children: C.qtyPriceColumn
+						}),
+						/* @__PURE__ */ l("th", {
+							className: r(m, "ttw:text-right ttw:font-normal"),
+							children: C.amountColumn
+						})
+					]
+				}) }), /* @__PURE__ */ u("tbody", { children: [g.lineItems.map((e) => /* @__PURE__ */ u("tr", {
+					className: "ttw:border-b ttw:border-border",
+					children: [
+						/* @__PURE__ */ l("td", {
+							className: m,
+							children: /* @__PURE__ */ u("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [/* @__PURE__ */ l("span", { children: e.description }), /* @__PURE__ */ l("span", {
+									className: "ttw:text-xs ttw:text-muted-foreground",
+									children: e.glCodeLabel
+								})]
+							})
+						}),
+						/* @__PURE__ */ l("td", {
+							className: r(m, "ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground"),
+							children: e.qtyPriceLabel
+						}),
+						/* @__PURE__ */ l("td", {
+							className: r(m, "ttw:text-right ttw:whitespace-nowrap"),
+							children: e.amount
+						})
+					]
+				}, e.id)), g.amountRows.map((e) => /* @__PURE__ */ u("tr", {
+					className: r(e.emphasis ? "ttw:font-semibold" : "ttw:text-muted-foreground"),
+					children: [/* @__PURE__ */ l("td", {
+						colSpan: 2,
+						className: m,
+						children: e.label
+					}), /* @__PURE__ */ l("td", {
+						className: r(m, "ttw:text-right ttw:whitespace-nowrap", e.emphasis && "ttw:text-foreground"),
+						children: e.value
+					})]
+				}, e.label))] })]
+			}) }),
+			g.history.length ? /* @__PURE__ */ u("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [/* @__PURE__ */ l("h3", {
+					className: p,
+					children: C.historyHeading
+				}), /* @__PURE__ */ l("ul", {
+					className: "ttw:flex ttw:flex-col",
+					children: g.history.map((e) => /* @__PURE__ */ u("li", {
+						className: "ttw:flex ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
+						children: [/* @__PURE__ */ l("span", {
+							className: "ttw:w-28 ttw:shrink-0 ttw:text-muted-foreground",
+							children: e.dateLabel
+						}), /* @__PURE__ */ l("span", { children: e.description })]
+					}, e.id))
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { g as BillDetailBody, g as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index18.js

@@ -1,16 +1,2 @@
-import { ACH_FIELD_GROUP_LABELS_EN as e } from "../../../shared/counterpart-management/ui/dist/index2.js";
-import "../../../shared/counterpart-management/ui/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index18.js
-var t = {
-	payToHeading: "Pay to",
-	editAction: "Edit",
-	clearAction: "Clear",
-	paymentInstructionsHeading: "Payment instructions",
-	paymentInstructionsDescription: "How and where will the money be sent. This information is required to send a payment.",
-	addPaymentInstructions: "Add payment instructions",
-	ach: e,
-	revealField: (e) => `Show ${e.toLowerCase()}`,
-	hideField: (e) => `Hide ${e.toLowerCase()}`
-};
-//#endregion
-export { t as VENDOR_SUMMARY_CARD_LABELS_EN };
+import "./index16.js";
+import "./index17.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js

@@ -1,120 +1,9 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { AchFieldGroup as t } from "../../../shared/counterpart-management/ui/dist/index5.js";
-import "../../../shared/counterpart-management/ui/dist/index.js";
-import { VENDOR_SUMMARY_CARD_LABELS_EN as n } from "./index18.js";
-import { useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Eye as s, EyeOff as c, Pencil as l, Plus as u, X as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js
-function f({ field: e, labels: t }) {
-	let [n, i] = r(!1), l = !!e.maskedValue, u = l && !n ? e.maskedValue : e.value;
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm",
-		children: [
-			/* @__PURE__ */ a("span", {
-				className: "ttw:w-44 ttw:shrink-0 ttw:text-muted-foreground",
-				children: e.label
-			}),
-			/* @__PURE__ */ a("span", {
-				className: "ttw:text-foreground",
-				children: u
-			}),
-			l ? /* @__PURE__ */ a("button", {
-				type: "button",
-				onClick: () => i((e) => !e),
-				"aria-label": n ? t.hideField(e.label) : t.revealField(e.label),
-				className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-				children: a(n ? c : s, { className: "ttw:size-4" })
-			}) : null
-		]
-	});
-}
-function p({ summary: r, onEdit: s, onClear: c, paymentInstructions: p, testId: m, labels: h }) {
-	let g = {
-		...n,
-		...h,
-		ach: {
-			...n.ach,
-			...h?.ach
-		}
-	};
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-		"data-testid": m,
-		children: [/* @__PURE__ */ o("div", {
-			className: "ttw:flex ttw:items-start ttw:justify-between",
-			children: [/* @__PURE__ */ o("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-				children: [
-					/* @__PURE__ */ a("span", {
-						className: "ttw:text-xs ttw:text-muted-foreground",
-						children: g.payToHeading
-					}),
-					/* @__PURE__ */ a("span", {
-						className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-						children: r.name
-					}),
-					/* @__PURE__ */ a("span", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: r.email
-					})
-				]
-			}), /* @__PURE__ */ o("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-1",
-				children: [s ? /* @__PURE__ */ a(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": g.editAction,
-					onClick: s,
-					children: /* @__PURE__ */ a(l, { className: "ttw:size-4" })
-				}) : null, c ? /* @__PURE__ */ a(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon",
-					"aria-label": g.clearAction,
-					onClick: c,
-					children: /* @__PURE__ */ a(d, { className: "ttw:size-4" })
-				}) : null]
-			})]
-		}), r.fields.length ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("p", {
-			className: "ttw:mt-3 ttw:text-xs ttw:text-muted-foreground",
-			children: r.methodLabel
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:mt-2 ttw:flex ttw:flex-col ttw:gap-1",
-			children: r.fields.map((e) => /* @__PURE__ */ a(f, {
-				field: e,
-				labels: g
-			}, `${e.label}:${e.value}:${e.maskedValue ?? ""}`))
-		})] }) : /* @__PURE__ */ o("div", {
-			className: "ttw:mt-4 ttw:flex ttw:flex-col ttw:gap-3",
-			children: [/* @__PURE__ */ o("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ a("p", {
-					className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
-					children: g.paymentInstructionsHeading
-				}), /* @__PURE__ */ a("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: g.paymentInstructionsDescription
-				})]
-			}), p?.isOpen ? /* @__PURE__ */ a(t, {
-				idPrefix: "vendor-summary-ach",
-				values: p.values,
-				errors: p.errors,
-				onChange: p.onChange,
-				labels: g.ach
-			}) : p ? /* @__PURE__ */ o(e, {
-				type: "button",
-				variant: "link",
-				className: "ttw:w-fit ttw:px-0",
-				onClick: p.onOpen,
-				children: [/* @__PURE__ */ a(u, { className: "ttw:size-4" }), g.addPaymentInstructions]
-			}) : /* @__PURE__ */ a("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: r.methodLabel
-			})]
-		})]
-	});
-}
+var e = {
+	invoiceNumber: "Invoice number",
+	invoiceDate: "Invoice date",
+	dueDate: "Due date",
+	poNumber: "PO number (optional)"
+};
 //#endregion
-export { p as VendorSummaryCard, p as default };
+export { e as BILL_FORM_FIELDS_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js

@@ -1,2 +1,49 @@
-import "./index18.js";
-import "./index19.js";
+import { Input as e, Label as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_FORM_FIELDS_LABELS_EN as n } from "./index19.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js
+function o({ values: o, errors: s, onChange: c, disabled: l, testId: u, labels: d }) {
+	let f = {
+		...n,
+		...d
+	}, p = r(), m = (n, r, u) => {
+		let d = `${p}-${n}`, f = `${d}-error`, m = s?.[n];
+		return /* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+			children: [
+				/* @__PURE__ */ i(t, {
+					htmlFor: d,
+					children: r
+				}),
+				/* @__PURE__ */ i(e, {
+					id: d,
+					type: u,
+					value: o[n],
+					disabled: l,
+					"aria-invalid": m ? !0 : void 0,
+					"aria-describedby": m ? f : void 0,
+					onChange: (e) => c({ [n]: e.target.value })
+				}),
+				m ? /* @__PURE__ */ i("p", {
+					id: f,
+					className: "ttw:text-sm ttw:text-destructive",
+					children: m
+				}) : null
+			]
+		});
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		"data-testid": u,
+		children: [/* @__PURE__ */ a("div", {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+			children: [m("invoiceDate", f.invoiceDate, "date"), m("dueDate", f.dueDate, "date")]
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+			children: [m("invoiceNumber", f.invoiceNumber), m("poNumber", f.poNumber)]
+		})]
+	});
+}
+//#endregion
+export { o as BillFormFields, o as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js

@@ -1,10 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js
-var e = {
-	fieldLabel: "Select or add vendor",
-	placeholder: "Search",
-	loading: "Searching vendors...",
-	emptyResults: "No vendors found",
-	addVendorAction: "Add vendor"
-};
-//#endregion
-export { e as VENDOR_SEARCH_COMBOBOX_LABELS_EN };
+import "./index19.js";
+import "./index20.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js

@@ -1,96 +1,22 @@
-import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i, CommandSeparator as a, Label as o, Popover as s, PopoverContent as c, PopoverTrigger as l, Skeleton as u, cn as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as f } from "./index21.js";
-import { useId as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Plus as _, Search as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js
-var y = 5, b = "ttw:min-h-44";
-function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor: T, testId: E, labels: D }) {
-	let O = {
-		...f,
-		...D
-	}, k = p(), [A, j] = m(!1);
-	return /* @__PURE__ */ g("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-		"data-testid": E,
-		children: [/* @__PURE__ */ h(o, {
-			htmlFor: k,
-			children: O.fieldLabel
-		}), /* @__PURE__ */ g(s, {
-			open: A,
-			onOpenChange: j,
-			children: [/* @__PURE__ */ h(l, {
-				asChild: !0,
-				children: /* @__PURE__ */ g("button", {
-					type: "button",
-					id: k,
-					role: "combobox",
-					"aria-expanded": A,
-					className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
-					children: [/* @__PURE__ */ h(v, {
-						"aria-hidden": !0,
-						className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50"
-					}), /* @__PURE__ */ h("span", {
-						className: d("ttw:min-w-0 ttw:flex-1 ttw:truncate", !x && "ttw:text-muted-foreground"),
-						children: x || O.placeholder
-					})]
-				})
-			}), /* @__PURE__ */ h(c, {
-				align: "start",
-				className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
-				children: /* @__PURE__ */ g(e, {
-					shouldFilter: !1,
-					children: [/* @__PURE__ */ h(n, {
-						value: x,
-						onValueChange: S,
-						placeholder: O.placeholder,
-						"aria-label": O.placeholder
-					}), /* @__PURE__ */ g(i, {
-						className: d("ttw:max-h-72", b),
-						children: [
-							w ? /* @__PURE__ */ g("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-2",
-								"aria-busy": "true",
-								children: [/* @__PURE__ */ h("span", {
-									className: "ttw:sr-only",
-									children: O.loading
-								}), Array.from({ length: y }).map((e, t) => /* @__PURE__ */ g("div", {
-									className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:px-2 ttw:py-1.5",
-									children: [/* @__PURE__ */ h(u, {
-										height: 14,
-										width: "55%"
-									}), /* @__PURE__ */ h(u, {
-										height: 14,
-										width: "30%"
-									})]
-								}, t))]
-							}) : C.length === 0 && x ? /* @__PURE__ */ h("div", {
-								className: d("ttw:flex ttw:items-center ttw:justify-center ttw:py-6 ttw:text-center ttw:text-sm", b),
-								children: O.emptyResults
-							}) : C.length > 0 ? /* @__PURE__ */ h(t, { children: C.map((e, t) => /* @__PURE__ */ g(r, {
-								value: `${e.name} ${e.email} ${t}`,
-								onSelect: () => e.onSelect(),
-								children: [/* @__PURE__ */ h("span", {
-									className: "ttw:text-foreground",
-									children: e.name
-								}), /* @__PURE__ */ h("span", {
-									className: "ttw:ml-auto ttw:text-muted-foreground",
-									children: e.email
-								})]
-							}, `${e.name}:${e.email}:${t}`)) }) : null,
-							w || C.length > 0 || x ? /* @__PURE__ */ h(a, {}) : null,
-							/* @__PURE__ */ g(r, {
-								value: "__add_vendor__",
-								onSelect: T,
-								className: "ttw:sticky ttw:bottom-0 ttw:bg-popover ttw:text-primary",
-								children: [/* @__PURE__ */ h(_, { className: "ttw:size-4 ttw:text-primary" }), O.addVendorAction]
-							})
-						]
-					})]
-				})
-			})]
-		})]
-	});
-}
+var e = {
+	heading: "Line items",
+	helpText: "Enter a single amount for this payment, or split it into line items to assign a GL code to each one.",
+	description: "Description",
+	descriptionPlaceholder: "e.g., Office supplies",
+	glCode: "GL code (optional)",
+	glCodePlaceholder: "Select",
+	quantity: "Quantity",
+	price: "Price",
+	amount: "Amount",
+	currencySymbol: "$",
+	discount: "Discounts",
+	tax: "Tax",
+	totalAmount: "Total amount",
+	addLineItem: "+ Add line item",
+	increaseQuantity: (e) => `Increase quantity — line item ${e}`,
+	decreaseQuantity: (e) => `Decrease quantity — line item ${e}`,
+	removeLineItem: (e) => `Remove line item ${e}`
+};
 //#endregion
-export { x as VendorSearchCombobox, x as default };
+export { e as LINE_ITEMS_SECTION_LABELS_EN };