@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,2 +1,279 @@
+import { AuditHistoryList as e, Badge as t, Button as n, RequiredFieldsLegend as r, Skeleton as i, Typography as a, cn as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as s } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { ApprovalPolicyCard as c } from "./index13.js";
+import "./index14.js";
+import { BillRejectionNotice as l } from "./index19.js";
+import "./index20.js";
+import { BillStatusBadge as u } from "./index22.js";
+import "./index23.js";
+import { DueDateValue as d } from "./index25.js";
+import "./index26.js";
+import { PaymentHistoryList as f } from "./index27.js";
+import "./index28.js";
+import { VendorSummaryCard as p } from "./index31.js";
 import "./index32.js";
-import "./index33.js";
+import { mergeBillDetailBodyLabels as m } from "./index33.js";
+import { ScheduledSummaryBadge as h } from "./index17.js";
+import { BillActionButtons as g, NO_BILL_ACTIONS as _ } from "./index18.js";
+import { useMemo as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { AlertTriangle as x } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js
+var S = "ttw:text-base ttw:font-semibold", C = "ttw:px-3 ttw:py-2", w = "ttw:py-2 ttw:pr-3", T = "ttw:flex ttw:items-start ttw:gap-4 ttw:py-2.5", E = "ttw:w-[140px] ttw:shrink-0 ttw:text-sm ttw:font-medium ttw:text-muted-foreground";
+function D({ view: D, actions: O = _, scheduledSummary: k, scheduledSummaryDate: A, scheduledStatusLabel: j, showApprovalOverrideNotice: M, awaitingApprovalNotice: N, payTo: P, hideMissingPaymentInstructions: F, paymentHistoryError: I, paymentHistoryLoading: L, historyError: R, historyLoading: z, historyNamesError: B, isLoading: V, isError: H, labels: U }) {
+	let W = v(() => m(U), [U]), G = v(() => ({
+		...W.payToCard,
+		payToHeading: D?.paidOnLabel ? W.payToHeadingPaid : W.payToHeading,
+		vendorLabel: W.vendorRow,
+		achBankAccountLabel: W.paymentInstructionsRow
+	}), [W, D?.paidOnLabel]), K = v(() => ({
+		...W.statusBadge,
+		...j ? { scheduled: j } : void 0
+	}), [W.statusBadge, j]);
+	if (H) return /* @__PURE__ */ y(s, {
+		title: W.errorTitle,
+		description: W.errorDescription
+	});
+	if (V || !D) return /* @__PURE__ */ b("div", {
+		"aria-hidden": !0,
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			/* @__PURE__ */ y(i, { className: "ttw:h-40 ttw:w-full" }),
+			/* @__PURE__ */ y(i, { className: "ttw:h-32 ttw:w-full" }),
+			/* @__PURE__ */ y(i, { className: "ttw:h-24 ttw:w-full" })
+		]
+	});
+	let q = F ? void 0 : P?.paymentInstructions, J = D.payTo.hasPaymentInstructions ? void 0 : q;
+	return /* @__PURE__ */ b("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			J ? /* @__PURE__ */ b("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__ */ y(x, { className: "ttw:size-4 ttw:shrink-0 ttw:text-amber-800" }),
+					/* @__PURE__ */ y("p", {
+						className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
+						children: W.missingPaymentInstructionsBanner
+					}),
+					/* @__PURE__ */ y(n, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: J.onOpen,
+						children: W.addPaymentInstructions
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ b("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4",
+				children: [
+					D.paidOnLabel ? /* @__PURE__ */ b("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ y("span", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: W.amountDueHeading
+							}), /* @__PURE__ */ y("span", {
+								className: "ttw:text-3xl ttw:font-semibold",
+								children: D.amountDue
+							})]
+						}), /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ y("span", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: W.amountPaidHeading
+							}), /* @__PURE__ */ y("span", {
+								className: "ttw:text-3xl ttw:font-semibold ttw:text-emerald-600",
+								children: D.amountPaid
+							})]
+						})]
+					}) : /* @__PURE__ */ b("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ y("span", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: W.amountDueHeading
+						}), /* @__PURE__ */ y("span", {
+							className: "ttw:text-3xl ttw:font-semibold",
+							children: D.amountDue
+						})]
+					}),
+					/* @__PURE__ */ y("div", { children: D.paidOnLabel ? /* @__PURE__ */ y(t, {
+						variant: "outline",
+						className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
+						children: D.paidOnLabel
+					}) : k ? /* @__PURE__ */ y(h, {
+						summary: k,
+						date: A
+					}) : /* @__PURE__ */ y(u, {
+						status: D.status,
+						tone: D.statusTone,
+						labels: K
+					}) }),
+					/* @__PURE__ */ b("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ y("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: W.invoiceDateLabel
+							}), /* @__PURE__ */ y("span", {
+								className: "ttw:text-sm ttw:font-medium",
+								children: D.invoiceDateLabel
+							})]
+						}), /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ y("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: W.dueDateLabel
+							}), /* @__PURE__ */ y(d, {
+								className: "ttw:text-sm ttw:font-medium",
+								value: D.dueDateLabel,
+								tone: D.dueDateTone,
+								labels: W.dueDate
+							})]
+						})]
+					}),
+					D.rejection ? /* @__PURE__ */ y(l, { ...D.rejection }) : null,
+					M ? /* @__PURE__ */ y(a, {
+						variant: "caption",
+						color: "muted",
+						children: W.approvalOverrideNotice
+					}) : N ? /* @__PURE__ */ y(a, {
+						variant: "caption",
+						color: "muted",
+						children: N
+					}) : null,
+					!k && O.row.length ? /* @__PURE__ */ y("div", {
+						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+						children: /* @__PURE__ */ y(g, { actions: O.row })
+					}) : null
+				]
+			}),
+			q?.isOpen && !F ? /* @__PURE__ */ y(r, { labels: W.requiredFieldsLegend }) : null,
+			P?.editForm ? /* @__PURE__ */ b("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [P.editForm, /* @__PURE__ */ y(p, {
+					summary: D.payTo,
+					paymentInstructions: q,
+					detailsWarning: P?.detailsWarning,
+					labels: G
+				})]
+			}) : /* @__PURE__ */ y(p, {
+				summary: D.payTo,
+				onEdit: P?.onEdit,
+				paymentInstructions: q,
+				detailsWarning: P?.detailsWarning,
+				labels: G
+			}),
+			D.paymentHistory.length || I || L ? /* @__PURE__ */ b("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [/* @__PURE__ */ y("h3", {
+					className: S,
+					children: W.paymentHistoryHeading
+				}), I ? /* @__PURE__ */ y("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: W.paymentHistoryErrorDescription
+				}) : L ? /* @__PURE__ */ y(i, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ y(f, { records: D.paymentHistory })]
+			}) : null,
+			/* @__PURE__ */ b("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [/* @__PURE__ */ y("h3", {
+					className: S,
+					children: W.invoiceDetailsHeading
+				}), /* @__PURE__ */ y("dl", {
+					className: "ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
+					children: D.invoiceFields.map((e) => /* @__PURE__ */ b("div", {
+						className: T,
+						children: [/* @__PURE__ */ y("dt", {
+							className: E,
+							children: e.label
+						}), /* @__PURE__ */ y("dd", {
+							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+							children: e.value
+						})]
+					}, e.label))
+				})]
+			}),
+			/* @__PURE__ */ y("section", { children: /* @__PURE__ */ b("table", {
+				className: "ttw:w-full ttw:text-sm",
+				children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
+					className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
+					children: [
+						/* @__PURE__ */ y("th", {
+							className: o(w, "ttw:text-left ttw:font-normal"),
+							children: W.descriptionAndGlCodeColumn
+						}),
+						/* @__PURE__ */ y("th", {
+							className: o(C, "ttw:text-right ttw:font-normal"),
+							children: W.qtyPriceColumn
+						}),
+						/* @__PURE__ */ y("th", {
+							className: o(C, "ttw:text-right ttw:font-normal"),
+							children: W.amountColumn
+						})
+					]
+				}) }), /* @__PURE__ */ b("tbody", { children: [D.lineItems.map((e) => /* @__PURE__ */ b("tr", {
+					className: "ttw:border-b ttw:border-border",
+					children: [
+						/* @__PURE__ */ y("td", {
+							className: w,
+							children: /* @__PURE__ */ b("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [/* @__PURE__ */ y("span", { children: e.description }), /* @__PURE__ */ y("span", {
+									className: "ttw:text-xs ttw:text-muted-foreground",
+									children: e.glCodeLabel
+								})]
+							})
+						}),
+						/* @__PURE__ */ y("td", {
+							className: o(C, "ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground"),
+							children: e.qtyPriceLabel
+						}),
+						/* @__PURE__ */ y("td", {
+							className: o(C, "ttw:text-right ttw:whitespace-nowrap"),
+							children: e.amount
+						})
+					]
+				}, e.id)), D.amountRows.map((e) => /* @__PURE__ */ b("tr", {
+					className: o(e.emphasis ? "ttw:font-semibold" : "ttw:text-muted-foreground"),
+					children: [/* @__PURE__ */ y("td", {
+						colSpan: 2,
+						className: w,
+						children: e.label
+					}), /* @__PURE__ */ y("td", {
+						className: o(C, "ttw:text-right ttw:whitespace-nowrap", e.emphasis && "ttw:text-foreground"),
+						children: e.value
+					})]
+				}, e.label))] })]
+			}) }),
+			D.approvalPolicy ? /* @__PURE__ */ y(c, {
+				view: D.approvalPolicy,
+				labels: W.approvalPolicy
+			}) : null,
+			/* @__PURE__ */ b("section", {
+				className: "ttw:flex ttw:flex-col ttw:gap-3",
+				children: [
+					/* @__PURE__ */ y("h3", {
+						className: S,
+						children: W.history.heading
+					}),
+					B ? /* @__PURE__ */ y(a, {
+						variant: "caption",
+						color: "muted",
+						children: W.history.namesError
+					}) : null,
+					/* @__PURE__ */ y(e, {
+						rows: D.history,
+						isLoading: z,
+						isError: R,
+						labels: W.history
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { D as BillDetailBody, D as default };

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

@@ -1,4 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index35.js
-var e = { none: "None" };
-//#endregion
-export { e as NO_VALUE_LABELS_EN };
+import "./index33.js";
+import "./index34.js";

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

@@ -1,22 +1,21 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { NO_VALUE_LABELS_EN as t } from "./index35.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { LABEL_LABELS_EN as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
-function i({ labels: i, className: a }) {
-	let o = {
+var t = {
+	invoiceNumber: "Invoice number",
+	invoiceDate: "Invoice date",
+	dueDate: "Due date",
+	poNumber: "PO number",
+	fieldMarkers: e
+};
+function n(e) {
+	return {
 		...t,
-		...i
+		...e,
+		fieldMarkers: {
+			...t.fieldMarkers,
+			...e?.fieldMarkers
+		}
 	};
-	return /* @__PURE__ */ r("span", {
-		className: e("ttw:text-muted-foreground", a),
-		children: [/* @__PURE__ */ n("span", {
-			"aria-hidden": !0,
-			children: "—"
-		}), /* @__PURE__ */ n("span", {
-			className: "ttw:sr-only",
-			children: o.none
-		})]
-	});
 }
 //#endregion
-export { i as NoValue, i as default };
+export { t as BILL_FORM_FIELDS_LABELS_EN, n as mergeBillFormFieldsLabels };

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

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

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

@@ -1,107 +1,2 @@
-import { AUDIT_HISTORY_LABELS_EN as e, DATA_TABLE_LABELS_EN as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ADD_BILL_PANEL_LABELS_EN as n } from "./index6.js";
-import "./index8.js";
-import { APPROVAL_POLICY_CARD_LABELS_EN as r } from "./index12.js";
-import "./index14.js";
-import { BILL_STATUS_BADGE_LABELS_EN as i } from "./index20.js";
-import "./index22.js";
-import { DUE_DATE_VALUE_LABELS_EN as a } from "./index23.js";
-import "./index25.js";
-import { MISSING_VALUE_LABELS_EN as o } from "./index32.js";
-import "./index34.js";
-import { NO_VALUE_LABELS_EN as s } from "./index35.js";
+import "./index36.js";
 import "./index37.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js
-var c = {
-	...e,
-	error: "Couldn't load audit history.",
-	namesError: "Some names could not be loaded."
-}, l = {
-	loadingTitle: "Loading bill…",
-	hiddenDescription: "Bill details",
-	errorTitle: "Couldn't load this bill",
-	errorDescription: "Something went wrong. Try again.",
-	amountDueHeading: "Amount due",
-	amountPaidHeading: "Amount paid",
-	invoiceDateLabel: "Invoice date",
-	dueDateLabel: "Due date",
-	approvalOverrideNotice: "You can approve or reject this bill from the menu in the top right, bypassing any remaining approvers.",
-	payToHeading: "Pay to",
-	payToHeadingPaid: "Paid to",
-	paymentHistoryHeading: "Payment history",
-	paymentHistoryErrorDescription: "Couldn't load payment history.",
-	invoiceDetailsHeading: "Invoice details",
-	lineItemsHeading: "Line items",
-	lineItemsQuantityHeading: "Qty/Price",
-	lineItemsAmountHeading: "Amount",
-	editButton: "Edit bill",
-	payButton: "Pay",
-	markAsPaidButton: "Mark as paid",
-	rejectButton: "Reject",
-	approveButton: "Approve",
-	cancelButton: "Cancel bill",
-	cancelScheduledPaymentButton: "Cancel scheduled payment",
-	reopenButton: "Reopen bill",
-	forceApproveButton: "Approve",
-	forceRejectButton: "Reject",
-	policyOverridesGroup: "Policy overrides",
-	overflowMenuTrigger: "Bill actions",
-	expandButton: "Open full screen",
-	closeButton: "Close",
-	statusBadge: i,
-	approvalPolicy: r,
-	dueDate: a,
-	auditHistory: c
-}, u = ".pdf,.png,.jpg,.jpeg,.doc,.docx", d = {
-	...n,
-	dropzone: {
-		...n.dropzone,
-		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
-	}
-}, f = {
-	createButton: "Add bill",
-	settingsButton: "Bill pay settings",
-	columnVendor: "Vendor",
-	columnInvoiceNumber: "Invoice number",
-	columnAttachment: "Attachment",
-	columnIssueDate: "Issue date",
-	columnDueDate: "Due date",
-	columnScheduledDate: "Scheduled date",
-	columnPaidDate: "Paid date",
-	columnAmountDue: "Amount due",
-	columnAmountScheduled: "Amount scheduled",
-	columnAmountPaid: "Amount paid",
-	columnTotalAmount: "Total amount",
-	columnStatus: "Status",
-	columnAddedOn: "Added on",
-	columnActions: "Actions",
-	openRow: (e) => `View bill — ${e}`,
-	vendorResolving: "Loading vendor",
-	vendorUnavailable: "Vendor unavailable",
-	duplicateBillsReviewButton: "Review duplicates",
-	searchPlaceholder: "Search by vendor name",
-	searchLabel: "Search bills by vendor name",
-	filterTabsLabel: "Filter bills by status",
-	duplicateReviewFilterLabel: "Possible duplicates",
-	duplicateReviewClearButton: "Show all bills",
-	duplicateGroupToggle: (e) => `Expand or collapse duplicate group ${e}`,
-	duplicateGroupBillCount: (e) => e === 1 ? "1 bill" : `${e} bills`,
-	filteredEmptyTitle: "No bills match",
-	filteredEmptyDescription: "Try a different search or status filter.",
-	errorTitle: "Couldn't load bills",
-	errorDescription: "Something went wrong. Try again.",
-	errorRetry: "Retry",
-	tableDropzoneTitle: "Drop your files here",
-	statusBadge: i,
-	addBill: d,
-	sortableHeader: {
-		sortedAscending: t.sortedAscending,
-		sortedDescending: t.sortedDescending,
-		notSorted: t.notSorted
-	},
-	missingValue: o,
-	noValue: s,
-	dueDate: a
-};
-//#endregion
-export { f as BILLS_SCREEN_LABELS_EN, u as BILLS_SCREEN_UPLOAD_ACCEPT, c as BILL_AUDIT_HISTORY_SECTION_LABELS_EN, l as BILL_DETAILS_SHEET_LABELS_EN };

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

@@ -1,79 +1,18 @@
-import { REQUIRED_FIELDS_LEGEND_LABELS_EN as e, mergeRequiredFieldsLegendLabels as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { APPROVAL_POLICY_CARD_LABELS_EN as n } from "./index12.js";
-import "./index14.js";
-import { BILL_STATUS_BADGE_LABELS_EN as r } from "./index20.js";
-import "./index22.js";
-import { DUE_DATE_VALUE_LABELS_EN as i } from "./index23.js";
-import "./index25.js";
-import { VENDOR_SUMMARY_CARD_LABELS_EN as a } from "./index29.js";
-import "./index31.js";
-import { BILL_AUDIT_HISTORY_SECTION_LABELS_EN as o } from "./index38.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index39.js
-var s = {
-	errorTitle: "Couldn't load this bill",
-	errorDescription: "Something went wrong. Try again.",
-	amountDueHeading: "Amount due",
-	amountPaidHeading: "Amount paid",
-	invoiceDateLabel: "Invoice date",
-	dueDateLabel: "Due date",
-	approvalOverrideNotice: "You can approve or reject this bill from the menu in the top right, bypassing any remaining approvers.",
-	payToHeading: "Pay to",
-	payToHeadingPaid: "Paid to",
-	vendorRow: "Vendor",
-	paymentInstructionsRow: "ACH bank account",
-	invoiceDetailsHeading: "Invoice details",
-	addPaymentInstructions: "Add payment instructions",
-	missingPaymentInstructionsBanner: "Missing payment instructions, which are required to send a payment",
-	descriptionAndGlCodeColumn: "Description and GL code",
-	qtyPriceColumn: "Qty/Price",
-	amountColumn: "Amount",
-	paymentHistoryHeading: "Payment history",
-	paymentHistoryErrorDescription: "Couldn't load payment history.",
-	history: o,
-	statusBadge: r,
-	approvalPolicy: n,
-	dueDate: i,
-	payToCard: {
-		...a,
-		editAction: "Edit vendor"
-	},
-	requiredFieldsLegend: e
-};
-function c(e) {
-	let n = {
-		...s.payToCard.ach.fieldMarkers,
-		...e?.payToCard?.ach?.fieldMarkers
-	};
-	return {
-		...s,
-		...e,
-		statusBadge: {
-			...s.statusBadge,
-			...e?.statusBadge
-		},
-		approvalPolicy: {
-			...s.approvalPolicy,
-			...e?.approvalPolicy
-		},
-		dueDate: {
-			...s.dueDate,
-			...e?.dueDate
-		},
-		payToCard: {
-			...s.payToCard,
-			...e?.payToCard,
-			ach: {
-				...s.payToCard.ach,
-				...e?.payToCard?.ach,
-				fieldMarkers: n
-			}
-		},
-		history: {
-			...s.history,
-			...e?.history
-		},
-		requiredFieldsLegend: t(n, e?.requiredFieldsLegend)
-	};
+function e(e) {
+	let t = [];
+	for (let n of e) {
+		let e = t.at(-1);
+		if (e && e.heading === n.sectionHeading) {
+			e.items = [...e.items, n];
+			continue;
+		}
+		t.push({
+			heading: n.sectionHeading,
+			items: [n]
+		});
+	}
+	return t;
 }
 //#endregion
-export { s as BILL_DETAIL_BODY_LABELS_EN, c as mergeBillDetailBodyLabels };
+export { e as groupBySectionHeading };