@tesouro/embedded-components-react 0.3.23 → 0.3.25

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js

@@ -2,7 +2,7 @@
 "use client";
 "use client";
 "use client";
-import { DuplicateBillsDialog as e } from "../../ui/dist/index71.js";
+import { DuplicateBillsDialog as e } from "../../ui/dist/index74.js";
 import "../../ui/dist/index.js";
 import { DUPLICATE_BILLS_LABELS_EN as t } from "./index57.js";
 import { useDuplicateBillsSelection as n } from "./index58.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js

@@ -1,4 +1,4 @@
-import { BillColumn as e } from "../../ui/dist/index63.js";
+import { BillColumn as e } from "../../ui/dist/index66.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js
 var t = {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js

@@ -1,4 +1,4 @@
-import { BillColumn as e } from "../../ui/dist/index63.js";
+import { BillColumn as e } from "../../ui/dist/index66.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js
 var t = {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.js

@@ -3,7 +3,7 @@
 "use client";
 "use client";
 import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { BillsFilterField as t } from "../../ui/dist/index60.js";
+import { BillsFilterField as t } from "../../ui/dist/index63.js";
 import "../../ui/dist/index.js";
 import "../../data-access/dist/index.js";
 import { getCounterpartName as n } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index69.js

@@ -50,6 +50,7 @@ function x({ enabled: x = !0, canReadVendors: S = !0, isVendorFilterPaused: C =
 			vendorLabel: n(r),
 			issueDateLabel: e(r.issued_at),
 			dueDateLabel: e(r.due_date),
+			dueDateTone: i.isOverdue ? "danger" : "default",
 			scheduledDateLabel: e(r.scheduled_payment_date),
 			paidDateLabel: e(r.paid_at?.slice(0, 10)),
 			amountDueLabel: s(o),

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js

@@ -10,7 +10,7 @@ import "../../../shared/ui/dist/index.js";
 import { useWidgetConfig as ee, useWidgetInitStaleForToken as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { AddBillDialog as i } from "../../ui/dist/index10.js";
-import { BillsScreen as a } from "../../ui/dist/index64.js";
+import { BillsScreen as a } from "../../ui/dist/index67.js";
 import "../../ui/dist/index.js";
 import { BillCreateDialog as o } from "./index44.js";
 import "./index45.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index73.js

@@ -11,8 +11,8 @@ import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analyti
 import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetUi as o } from "../../ui/dist/index44.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index67.js";
+import { BillPayWidgetUi as o } from "../../ui/dist/index47.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index70.js";
 import "../../ui/dist/index.js";
 import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
 import "../../../shared/approval-policy/feature/dist/index.js";

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

@@ -27,56 +27,59 @@ import "./index30.js";
 import "./index31.js";
 import "./index32.js";
 import "./index33.js";
-import "./index37.js";
-import "./index38.js";
-import "./index39.js";
+import "./index34.js";
+import "./index35.js";
+import "./index36.js";
 import "./index40.js";
-import { BillCreateScreen as n } from "./index41.js";
+import "./index41.js";
 import "./index42.js";
 import "./index43.js";
-import { BillPayWidgetUi as r } from "./index44.js";
+import { BillCreateScreen as n } from "./index44.js";
 import "./index45.js";
 import "./index46.js";
-import { BillDecisionDialog as i } from "./index47.js";
+import { BillPayWidgetUi as r } from "./index47.js";
 import "./index48.js";
 import "./index49.js";
-import "./index50.js";
+import { BillDecisionDialog as i } from "./index50.js";
 import "./index51.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as a } from "./index52.js";
-import { BillDetailsSheet as o } from "./index53.js";
+import "./index52.js";
+import "./index53.js";
 import "./index54.js";
-import "./index55.js";
-import "./index56.js";
-import { BillDuplicateNotice as s } from "./index57.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as a } from "./index55.js";
+import { BillDetailsSheet as o } from "./index56.js";
+import "./index57.js";
 import "./index58.js";
 import "./index59.js";
-import { BillsFilterField as c } from "./index60.js";
+import { BillDuplicateNotice as s } from "./index60.js";
 import "./index61.js";
 import "./index62.js";
-import { BillColumn as l } from "./index63.js";
-import { BillsScreen as u } from "./index64.js";
+import { BillsFilterField as c } from "./index63.js";
+import "./index64.js";
 import "./index65.js";
-import { BillUploadStatusTray as d } from "./index67.js";
-import "./index69.js";
-import "./index70.js";
-import { DuplicateBillsDialog as f } from "./index71.js";
+import { BillColumn as l } from "./index66.js";
+import { BillsScreen as u } from "./index67.js";
+import "./index68.js";
+import { BillUploadStatusTray as d } from "./index70.js";
 import "./index72.js";
 import "./index73.js";
-import { ExtractionNotice as p } from "./index74.js";
+import { DuplicateBillsDialog as f } from "./index74.js";
 import "./index75.js";
 import "./index76.js";
-import "./index77.js";
+import { ExtractionNotice as p } from "./index77.js";
 import "./index78.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as m } from "./index79.js";
-import { ReviewTransactionDialog as h } from "./index80.js";
+import "./index79.js";
+import "./index80.js";
 import "./index81.js";
-import { MARK_AS_PAID_DIALOG_LABELS_EN as g } from "./index82.js";
-import { MarkAsPaidDialog as _ } from "./index83.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as m } from "./index82.js";
+import { ReviewTransactionDialog as h } from "./index83.js";
 import "./index84.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as v } from "./index85.js";
-import { SchedulePaymentDialog as y } from "./index87.js";
-import "./index88.js";
-import "./index89.js";
-import { SourceDocumentPanel as b } from "./index90.js";
+import { MARK_AS_PAID_DIALOG_LABELS_EN as g } from "./index85.js";
+import { MarkAsPaidDialog as _ } from "./index86.js";
+import "./index87.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as v } from "./index88.js";
+import { SchedulePaymentDialog as y } from "./index90.js";
 import "./index91.js";
+import "./index92.js";
+import { SourceDocumentPanel as b } from "./index93.js";
+import "./index94.js";
 export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, l as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, s as BillDuplicateNotice, r as BillPayWidgetUi, d as BillUploadStatusTray, c as BillsFilterField, u as BillsScreen, f as DuplicateBillsDialog, p as ExtractionNotice, g as MARK_AS_PAID_DIALOG_LABELS_EN, _ as MarkAsPaidDialog, m as REVIEW_TRANSACTION_DIALOG_LABELS_EN, h as ReviewTransactionDialog, v as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, y as SchedulePaymentDialog, b as SourceDocumentPanel };

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

@@ -6,7 +6,6 @@ var e = {
 	scheduled: "Scheduled",
 	partially_paid: "Partially paid",
 	paid: "Paid",
-	overdue: "Overdue",
 	canceled: "Canceled",
 	rejected: "Rejected",
 	unknown: "Unknown"

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

@@ -1,42 +1,4 @@
-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 "./index21.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.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
-		}
-	};
-}
+var e = { overdue: "Overdue" };
 //#endregion
-export { n as BILL_DETAIL_BODY_LABELS_EN, r as mergeBillDetailBodyLabels };
+export { e as DUE_DATE_VALUE_LABELS_EN };

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

@@ -1,273 +1,30 @@
-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 "./index20.js";
-import "./index21.js";
-import { mergeBillDetailBodyLabels as c } from "./index22.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";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DUE_DATE_VALUE_LABELS_EN as t } from "./index22.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { AlertTriangleIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js
-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",
+function a({ value: a, tone: o = "default", labels: s, className: c }) {
+	let l = {
+		...t,
+		...s
+	};
+	return o === "danger" ? /* @__PURE__ */ r("span", {
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:font-medium ttw:text-destructive", c),
 		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__ */ n(i, {
+				"aria-hidden": !0,
+				className: "ttw:size-3.5 ttw:shrink-0"
 			}),
-			/* @__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
+			a,
+			/* @__PURE__ */ n("span", {
+				className: "ttw:sr-only",
+				children: l.overdue
+			})
 		]
+	}) : /* @__PURE__ */ n("span", {
+		className: c,
+		children: a
 	});
 }
 //#endregion
-export { b as BillDetailBody, b as default };
+export { a as DueDateValue, a as default };

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

@@ -1,9 +1,49 @@
+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 "./index21.js";
+import { DUE_DATE_VALUE_LABELS_EN as n } from "./index22.js";
+import "./index24.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js
-var e = {
-	invoiceNumber: "Invoice number",
-	invoiceDate: "Invoice date",
-	dueDate: "Due date",
-	poNumber: "PO number (optional)"
+var r = {
+	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,
+	dueDate: n
 };
+function i(e) {
+	return {
+		...r,
+		...e,
+		statusBadge: {
+			...r.statusBadge,
+			...e?.statusBadge
+		},
+		approvalPolicy: {
+			...r.approvalPolicy,
+			...e?.approvalPolicy
+		},
+		dueDate: {
+			...r.dueDate,
+			...e?.dueDate
+		}
+	};
+}
 //#endregion
-export { e as BILL_FORM_FIELDS_LABELS_EN };
+export { r as BILL_DETAIL_BODY_LABELS_EN, i as mergeBillDetailBodyLabels };