@tesouro/embedded-components-react 0.2.326 → 0.2.328

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

@@ -1,49 +1,2 @@
-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 };
+import "./index18.js";
+import "./index19.js";

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

@@ -1,2 +1,42 @@
-import "./index19.js";
+import { APPROVAL_POLICY_CARD_LABELS_EN as e } from "./index12.js";
+import "./index14.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index18.js";
 import "./index20.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js
+var n = {
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	payToHeading: "Pay to",
+	vendorRow: "Vendor",
+	paymentInstructionsRow: "Payment instructions",
+	addPaymentInstructions: "Add payment instructions",
+	missingPaymentInstructionsBanner: "Missing payment instructions, which are required to send a payment",
+	paymentInstructionsCancel: "Cancel",
+	paymentInstructionsSave: "Save",
+	descriptionAndGlCodeColumn: "Description and GL code",
+	qtyPriceColumn: "Qty/Price",
+	amountColumn: "Amount",
+	historyHeading: "Audit history",
+	overflowMenuTriggerLabel: "Bill actions",
+	statusBadge: t,
+	approvalPolicy: e
+};
+function r(e) {
+	return {
+		...n,
+		...e,
+		statusBadge: {
+			...n.statusBadge,
+			...e?.statusBadge
+		},
+		approvalPolicy: {
+			...n.approvalPolicy,
+			...e?.approvalPolicy
+		}
+	};
+}
+//#endregion
+export { n as BILL_DETAIL_BODY_LABELS_EN, r as mergeBillDetailBodyLabels };

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

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

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

@@ -1,286 +1,2 @@
-import { Button as e, Input as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u, Typography as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as f } from "./index22.js";
-import { useId as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Minus as g, Plus as _, Trash2 as v } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js
-function y({ items: y, glCodeOptions: b, discount: x, onDiscountChange: S, tax: C, onTaxChange: w, total: T, onTotalChange: E, onAddLineItem: D, errors: O, disabled: k, testId: A, labels: j }) {
-	let M = {
-		...f,
-		...j
-	}, N = p(), P = y.length > 1;
-	return /* @__PURE__ */ h("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": A,
-		children: [
-			/* @__PURE__ */ m(d, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold",
-				children: M.heading
-			}),
-			/* @__PURE__ */ m("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: M.helpText
-			}),
-			y.map((d, f) => {
-				let p = `${N}-${d.id}`, y = O?.[d.id], x = (e) => `${p}-${e}-error`, S = (e) => y?.[e], C = (e) => {
-					let t = S(e);
-					return t ? /* @__PURE__ */ m("p", {
-						id: x(e),
-						className: "ttw:text-sm ttw:text-destructive",
-						children: t
-					}) : null;
-				};
-				return /* @__PURE__ */ m("div", {
-					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-					children: /* @__PURE__ */ h("div", {
-						className: "ttw:@container/line-item ttw:flex ttw:flex-col ttw:gap-3",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-								children: [/* @__PURE__ */ h("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [P ? /* @__PURE__ */ h("span", {
-										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: [f + 1, "."]
-									}) : null, /* @__PURE__ */ m(a, {
-										htmlFor: `${p}-description`,
-										children: M.description
-									})]
-								}), P ? /* @__PURE__ */ m(e, {
-									type: "button",
-									variant: "ghost",
-									size: "icon",
-									disabled: k,
-									"aria-label": M.removeLineItem(f + 1),
-									onClick: d.onRemove,
-									children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
-								}) : null]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [/* @__PURE__ */ m(t, {
-									id: `${p}-description`,
-									placeholder: M.descriptionPlaceholder,
-									value: d.description,
-									disabled: k,
-									"aria-invalid": S("description") ? !0 : void 0,
-									"aria-describedby": S("description") ? x("description") : void 0,
-									onChange: (e) => d.onChange({ description: e.target.value })
-								}), C("description")]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "ttw:grid ttw:grid-cols-3 ttw:@lg/line-item:grid-cols-6 ttw:gap-3",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-3 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-gl-code`,
-												children: M.glCode
-											}),
-											/* @__PURE__ */ h(o, {
-												value: d.glCode,
-												disabled: k,
-												onValueChange: (e) => d.onChange({ glCode: e }),
-												children: [/* @__PURE__ */ m(l, {
-													id: `${p}-gl-code`,
-													className: "ttw:w-full",
-													"aria-invalid": S("glCode") ? !0 : void 0,
-													"aria-describedby": S("glCode") ? x("glCode") : void 0,
-													children: /* @__PURE__ */ m(u, { placeholder: M.glCodePlaceholder })
-												}), /* @__PURE__ */ m(s, { children: b.map((e) => /* @__PURE__ */ m(c, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
-											}),
-											C("glCode")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-quantity`,
-												children: M.quantity
-											}),
-											/* @__PURE__ */ h(n, {
-												className: "ttw:h-9 ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:has-[:focus-visible]:border-ring ttw:has-[:focus-visible]:ring-[3px] ttw:has-[:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive ttw:has-[[aria-invalid=true]]:ring-destructive/20",
-												children: [
-													/* @__PURE__ */ m(e, {
-														type: "button",
-														variant: "ghost",
-														size: "icon",
-														className: "ttw:h-full ttw:shrink-0 ttw:rounded-r-none",
-														disabled: k,
-														"aria-label": M.decreaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(-1),
-														children: /* @__PURE__ */ m(g, { className: "ttw:size-3.5" })
-													}),
-													/* @__PURE__ */ m(i, {
-														id: `${p}-quantity`,
-														inputMode: "decimal",
-														className: "ttw:min-w-0 ttw:flex-1 ttw:rounded-none ttw:border-0 ttw:text-center ttw:shadow-none ttw:focus-visible:ring-0",
-														value: d.quantity,
-														disabled: k,
-														"aria-invalid": S("quantity") ? !0 : void 0,
-														"aria-describedby": S("quantity") ? x("quantity") : void 0,
-														onChange: (e) => d.onChange({ quantity: e.target.value })
-													}),
-													/* @__PURE__ */ m(e, {
-														type: "button",
-														variant: "ghost",
-														size: "icon",
-														className: "ttw:h-full ttw:shrink-0 ttw:rounded-l-none",
-														disabled: k,
-														"aria-label": M.increaseQuantity(f + 1),
-														onClick: () => d.onQuantityStep(1),
-														children: /* @__PURE__ */ m(_, { className: "ttw:size-3.5" })
-													})
-												]
-											}),
-											C("quantity")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-price`,
-												children: M.price
-											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
-												align: "inline-start",
-												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-price`,
-												"data-has-start-addon": !0,
-												inputMode: "decimal",
-												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.price,
-												disabled: k,
-												"aria-invalid": S("price") ? !0 : void 0,
-												"aria-describedby": S("price") ? x("price") : void 0,
-												onChange: (e) => d.onChange({ price: e.target.value })
-											})] }),
-											C("price")
-										]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "ttw:col-span-1 ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ m(a, {
-												htmlFor: `${p}-amount`,
-												children: M.amount
-											}),
-											/* @__PURE__ */ h(n, { children: [/* @__PURE__ */ m(r, {
-												align: "inline-start",
-												"aria-hidden": !0,
-												children: M.currencySymbol
-											}), /* @__PURE__ */ m(i, {
-												id: `${p}-amount`,
-												"data-has-start-addon": !0,
-												inputMode: "decimal",
-												className: "ttw:text-right ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20",
-												value: d.amount,
-												disabled: k,
-												"aria-invalid": S("amount") ? !0 : void 0,
-												"aria-describedby": S("amount") ? x("amount") : void 0,
-												onChange: (e) => d.onChange({ amount: e.target.value })
-											})] }),
-											C("amount")
-										]
-									})
-								]
-							})
-						]
-					})
-				}, d.id);
-			}),
-			/* @__PURE__ */ m(e, {
-				type: "button",
-				variant: "link",
-				disabled: k,
-				className: "ttw:self-start",
-				onClick: D,
-				children: M.addLineItem
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-discount`,
-							children: M.discount
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-discount`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right",
-								value: x,
-								disabled: k,
-								onChange: (e) => S(e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-tax`,
-							children: M.tax
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-tax`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right",
-								value: C,
-								disabled: k,
-								onChange: (e) => w(e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4",
-						children: [/* @__PURE__ */ m(a, {
-							htmlFor: `${N}-total`,
-							className: "ttw:font-semibold",
-							children: M.totalAmount
-						}), /* @__PURE__ */ h(n, {
-							className: "ttw:w-36",
-							children: [/* @__PURE__ */ m(r, {
-								align: "inline-start",
-								"aria-hidden": !0,
-								children: M.currencySymbol
-							}), /* @__PURE__ */ m(i, {
-								id: `${N}-total`,
-								"data-has-start-addon": !0,
-								inputMode: "decimal",
-								className: "ttw:text-right ttw:font-semibold",
-								value: T,
-								disabled: k,
-								onChange: (e) => E(e.target.value)
-							})]
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { y as LineItemsSection, y as default };
+import "./index21.js";
+import "./index22.js";