@tesouro/embedded-components-react 0.3.58 → 0.3.61

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

@@ -1,266 +1,84 @@
-import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ApprovalPolicyCard as d } from "./index13.js";
+import { DATA_TABLE_LABELS_EN as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ADD_BILL_PANEL_LABELS_EN as t } from "./index6.js";
+import "./index8.js";
+import { APPROVAL_POLICY_CARD_LABELS_EN as n } from "./index12.js";
 import "./index14.js";
-import { BillOverflowMenu as f } from "./index16.js";
-import "./index17.js";
-import { BillStatusBadge as p } from "./index20.js";
+import { BILL_STATUS_BADGE_LABELS_EN as r } from "./index18.js";
 import "./index21.js";
-import { DueDateValue as m } from "./index23.js";
+import { DUE_DATE_VALUE_LABELS_EN as i } from "./index22.js";
 import "./index24.js";
-import { BillActionButtons as h, NO_BILL_ACTIONS as g } from "./index15.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as _ } from "./index55.js";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ChevronDownIcon as x, MoveDiagonal2Icon as S, XIcon as C } from "lucide-react";
+import { MISSING_VALUE_LABELS_EN as a } from "./index53.js";
+import "./index55.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js
-function w({ items: e }) {
-	return /* @__PURE__ */ y("dl", {
-		className: "ttw:flex ttw:flex-col",
-		children: e.map((e) => /* @__PURE__ */ b("div", {
-			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-			children: [/* @__PURE__ */ y("dt", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: e.label
-			}), /* @__PURE__ */ b("dd", {
-				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
-				children: [/* @__PURE__ */ y("span", {
-					className: "ttw:text-sm ttw:font-medium",
-					children: e.value
-				}), e.secondaryValue ? /* @__PURE__ */ y("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: e.secondaryValue
-				}) : null]
-			})]
-		}, e.label))
-	});
-}
-function T({ heading: e, children: i }) {
-	return /* @__PURE__ */ b(t, {
-		defaultOpen: !0,
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ b(r, {
-			className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
-			children: [/* @__PURE__ */ y(u, {
-				variant: "body1",
-				className: "ttw:font-semibold",
-				children: e
-			}), /* @__PURE__ */ y(x, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
-		}), /* @__PURE__ */ y(n, { children: i })]
-	});
-}
-function E({ open: t, onOpenChange: n, details: r, actions: u = g, approvalPolicy: x, isLoading: E, isError: D, notice: O, onClose: k, onExpand: A, testId: j, labels: M }) {
-	let N = {
-		..._,
-		...M,
-		statusBadge: {
-			..._.statusBadge,
-			...M?.statusBadge
-		},
-		approvalPolicy: {
-			..._.approvalPolicy,
-			...M?.approvalPolicy
-		},
-		dueDate: {
-			..._.dueDate,
-			...M?.dueDate
-		}
-	};
-	return /* @__PURE__ */ y(i, {
-		open: t,
-		onOpenChange: (e) => e ? n(e) : k(),
-		children: /* @__PURE__ */ b(a, {
-			showCloseButton: !1,
-			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
-			"data-testid": j,
-			children: [/* @__PURE__ */ b(s, {
-				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [
-						/* @__PURE__ */ y(c, {
-							className: E ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
-							children: D ? N.errorTitle : E ? N.loadingTitle : r?.title
-						}),
-						E ? /* @__PURE__ */ b("div", {
-							"aria-hidden": !0,
-							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
-							children: [/* @__PURE__ */ y(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-28" })]
-						}) : null,
-						r && !E && !D ? /* @__PURE__ */ y("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: r.subtitle
-						}) : null,
-						/* @__PURE__ */ y(o, {
-							className: "ttw:sr-only",
-							children: N.hiddenDescription
-						})
-					]
-				}), /* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					children: [
-						A ? /* @__PURE__ */ y(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": N.expandButton,
-							onClick: A,
-							children: /* @__PURE__ */ y(S, { className: "ttw:size-4" })
-						}) : null,
-						r && !E && !D ? /* @__PURE__ */ y(f, {
-							actions: u.menu,
-							triggerLabel: N.overflowMenuTrigger,
-							placement: "header"
-						}) : null,
-						/* @__PURE__ */ y(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": N.closeButton,
-							onClick: k,
-							children: /* @__PURE__ */ y(C, { className: "ttw:size-4" })
-						})
-					]
-				})]
-			}), /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-				children: D ? /* @__PURE__ */ y("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: N.errorDescription
-				}) : E ? /* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [/* @__PURE__ */ y(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ b("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-40" }),
-							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" }),
-							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" })
-						]
-					})]
-				}) : r ? /* @__PURE__ */ b(v, { children: [
-					O,
-					/* @__PURE__ */ b("section", {
-						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
-						children: [
-							/* @__PURE__ */ b("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2",
-								children: [
-									/* @__PURE__ */ y("span", {
-										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: N.amountDueHeading
-									}),
-									/* @__PURE__ */ y("span", {
-										className: "ttw:text-3xl ttw:font-semibold",
-										children: r.amountDueLabel
-									}),
-									/* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(p, {
-										status: r.status,
-										tone: r.statusTone,
-										labels: N.statusBadge
-									}) })
-								]
-							}),
-							/* @__PURE__ */ b("div", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
-								children: [/* @__PURE__ */ b("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ y("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: N.invoiceDateLabel
-									}), /* @__PURE__ */ y("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: r.invoiceDateLabel
-									})]
-								}), /* @__PURE__ */ b("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ y("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: N.dueDateLabel
-									}), /* @__PURE__ */ y(m, {
-										className: "ttw:text-sm ttw:font-medium",
-										value: r.dueDateLabel,
-										tone: r.dueDateTone,
-										labels: N.dueDate
-									})]
-								})]
-							}),
-							u.row.length ? /* @__PURE__ */ y("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: /* @__PURE__ */ y(h, { actions: u.row })
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ y(T, {
-						heading: N.payToHeading,
-						children: /* @__PURE__ */ y(w, { items: r.payToItems })
-					}),
-					/* @__PURE__ */ y(T, {
-						heading: N.invoiceDetailsHeading,
-						children: /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-4",
-							children: [
-								/* @__PURE__ */ y(w, { items: r.invoiceItems }),
-								r.lineItems.length ? /* @__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: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
-												children: N.lineItemsHeading
-											}),
-											/* @__PURE__ */ y("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: N.lineItemsQuantityHeading
-											}),
-											/* @__PURE__ */ y("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: N.lineItemsAmountHeading
-											})
-										]
-									}) }), /* @__PURE__ */ y("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ b("tr", {
-										className: "ttw:border-b ttw:border-border",
-										children: [
-											/* @__PURE__ */ b("td", {
-												className: "ttw:px-3 ttw:py-2",
-												children: [/* @__PURE__ */ y("span", {
-													className: "ttw:block",
-													children: e.description
-												}), /* @__PURE__ */ y("span", {
-													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
-													children: e.glCodeLabel
-												})]
-											}),
-											/* @__PURE__ */ y("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ y("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
-												children: e.amountLabel
-											})
-										]
-									}, e.id)) })]
-								}) : null,
-								/* @__PURE__ */ y("dl", {
-									className: "ttw:flex ttw:flex-col ttw:gap-1",
-									children: r.totals.map((e) => /* @__PURE__ */ b("div", {
-										className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
-										children: [/* @__PURE__ */ y("dt", {
-											className: e.emphasis ? "" : "ttw:text-muted-foreground",
-											children: e.label
-										}), /* @__PURE__ */ y("dd", { children: e.value })]
-									}, e.label))
-								})
-							]
-						})
-					}),
-					x ? /* @__PURE__ */ y(d, {
-						view: x,
-						labels: N.approvalPolicy
-					}) : null
-				] }) : null
-			})]
-		})
-	});
-}
+var o = {
+	loadingTitle: "Loading bill…",
+	hiddenDescription: "Bill details",
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	payToHeading: "Pay to",
+	invoiceDetailsHeading: "Invoice details",
+	lineItemsHeading: "Line items",
+	lineItemsQuantityHeading: "Qty/Price",
+	lineItemsAmountHeading: "Amount",
+	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: r,
+	approvalPolicy: n,
+	dueDate: i
+}, s = ".pdf,.png,.jpg,.jpeg,.doc,.docx", c = {
+	...t,
+	dropzone: {
+		...t.dropzone,
+		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
+	}
+}, l = {
+	createButton: "Add bill",
+	columnVendor: "Vendor",
+	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}`,
+	duplicateBillsReviewButton: "Review duplicates",
+	searchPlaceholder: "Search by vendor name",
+	searchLabel: "Search bills by vendor name",
+	filterTabsLabel: "Filter bills by status",
+	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",
+	statusBadge: r,
+	addBill: c,
+	sortableHeader: {
+		sortedAscending: e.sortedAscending,
+		sortedDescending: e.sortedDescending,
+		notSorted: e.notSorted
+	},
+	missingValue: a,
+	dueDate: i
+};
 //#endregion
-export { E as BillDetailsSheet, E as default };
+export { l as BILLS_SCREEN_LABELS_EN, s as BILLS_SCREEN_UPLOAD_ACCEPT, o as BILL_DETAILS_SHEET_LABELS_EN };

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

@@ -1,13 +1,266 @@
-import { Badge as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BADGE_TONE_CLASS_NAME as t } from "./index19.js";
-import { jsx as n } from "react/jsx-runtime";
+import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalPolicyCard as d } from "./index13.js";
+import "./index14.js";
+import { BillOverflowMenu as f } from "./index16.js";
+import "./index17.js";
+import { BillStatusBadge as p } from "./index20.js";
+import "./index21.js";
+import { DueDateValue as m } from "./index23.js";
+import "./index24.js";
+import { BillActionButtons as h, NO_BILL_ACTIONS as g } from "./index15.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as _ } from "./index56.js";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { ChevronDownIcon as x, MoveDiagonal2Icon as S, XIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js
-function r({ label: r, tone: i = "warning" }) {
-	return /* @__PURE__ */ n(e, {
-		variant: "outline",
-		className: t[i],
-		children: r
+function w({ items: e }) {
+	return /* @__PURE__ */ y("dl", {
+		className: "ttw:flex ttw:flex-col",
+		children: e.map((e) => /* @__PURE__ */ b("div", {
+			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+			children: [/* @__PURE__ */ y("dt", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: e.label
+			}), /* @__PURE__ */ b("dd", {
+				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
+				children: [/* @__PURE__ */ y("span", {
+					className: "ttw:text-sm ttw:font-medium",
+					children: e.value
+				}), e.secondaryValue ? /* @__PURE__ */ y("span", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: e.secondaryValue
+				}) : null]
+			})]
+		}, e.label))
+	});
+}
+function T({ heading: e, children: i }) {
+	return /* @__PURE__ */ b(t, {
+		defaultOpen: !0,
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ b(r, {
+			className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
+			children: [/* @__PURE__ */ y(u, {
+				variant: "body1",
+				className: "ttw:font-semibold",
+				children: e
+			}), /* @__PURE__ */ y(x, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
+		}), /* @__PURE__ */ y(n, { children: i })]
+	});
+}
+function E({ open: t, onOpenChange: n, details: r, actions: u = g, approvalPolicy: x, isLoading: E, isError: D, notice: O, onClose: k, onExpand: A, testId: j, labels: M }) {
+	let N = {
+		..._,
+		...M,
+		statusBadge: {
+			..._.statusBadge,
+			...M?.statusBadge
+		},
+		approvalPolicy: {
+			..._.approvalPolicy,
+			...M?.approvalPolicy
+		},
+		dueDate: {
+			..._.dueDate,
+			...M?.dueDate
+		}
+	};
+	return /* @__PURE__ */ y(i, {
+		open: t,
+		onOpenChange: (e) => e ? n(e) : k(),
+		children: /* @__PURE__ */ b(a, {
+			showCloseButton: !1,
+			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
+			"data-testid": j,
+			children: [/* @__PURE__ */ b(s, {
+				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [
+						/* @__PURE__ */ y(c, {
+							className: E ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
+							children: D ? N.errorTitle : E ? N.loadingTitle : r?.title
+						}),
+						E ? /* @__PURE__ */ b("div", {
+							"aria-hidden": !0,
+							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
+							children: [/* @__PURE__ */ y(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-28" })]
+						}) : null,
+						r && !E && !D ? /* @__PURE__ */ y("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: r.subtitle
+						}) : null,
+						/* @__PURE__ */ y(o, {
+							className: "ttw:sr-only",
+							children: N.hiddenDescription
+						})
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1",
+					children: [
+						A ? /* @__PURE__ */ y(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": N.expandButton,
+							onClick: A,
+							children: /* @__PURE__ */ y(S, { className: "ttw:size-4" })
+						}) : null,
+						r && !E && !D ? /* @__PURE__ */ y(f, {
+							actions: u.menu,
+							triggerLabel: N.overflowMenuTrigger,
+							placement: "header"
+						}) : null,
+						/* @__PURE__ */ y(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": N.closeButton,
+							onClick: k,
+							children: /* @__PURE__ */ y(C, { className: "ttw:size-4" })
+						})
+					]
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
+				children: D ? /* @__PURE__ */ y("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: N.errorDescription
+				}) : E ? /* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-6",
+					children: [/* @__PURE__ */ y(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ b("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2",
+						children: [
+							/* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-40" }),
+							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" }),
+							/* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" })
+						]
+					})]
+				}) : r ? /* @__PURE__ */ b(v, { children: [
+					O,
+					/* @__PURE__ */ b("section", {
+						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
+						children: [
+							/* @__PURE__ */ b("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-2",
+								children: [
+									/* @__PURE__ */ y("span", {
+										className: "ttw:text-sm ttw:text-muted-foreground",
+										children: N.amountDueHeading
+									}),
+									/* @__PURE__ */ y("span", {
+										className: "ttw:text-3xl ttw:font-semibold",
+										children: r.amountDueLabel
+									}),
+									/* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(p, {
+										status: r.status,
+										tone: r.statusTone,
+										labels: N.statusBadge
+									}) })
+								]
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
+								children: [/* @__PURE__ */ b("div", {
+									className: "ttw:flex ttw:flex-col",
+									children: [/* @__PURE__ */ y("span", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: N.invoiceDateLabel
+									}), /* @__PURE__ */ y("span", {
+										className: "ttw:text-sm ttw:font-medium",
+										children: r.invoiceDateLabel
+									})]
+								}), /* @__PURE__ */ b("div", {
+									className: "ttw:flex ttw:flex-col",
+									children: [/* @__PURE__ */ y("span", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: N.dueDateLabel
+									}), /* @__PURE__ */ y(m, {
+										className: "ttw:text-sm ttw:font-medium",
+										value: r.dueDateLabel,
+										tone: r.dueDateTone,
+										labels: N.dueDate
+									})]
+								})]
+							}),
+							u.row.length ? /* @__PURE__ */ y("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: /* @__PURE__ */ y(h, { actions: u.row })
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ y(T, {
+						heading: N.payToHeading,
+						children: /* @__PURE__ */ y(w, { items: r.payToItems })
+					}),
+					/* @__PURE__ */ y(T, {
+						heading: N.invoiceDetailsHeading,
+						children: /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-4",
+							children: [
+								/* @__PURE__ */ y(w, { items: r.invoiceItems }),
+								r.lineItems.length ? /* @__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: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
+												children: N.lineItemsHeading
+											}),
+											/* @__PURE__ */ y("th", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
+												children: N.lineItemsQuantityHeading
+											}),
+											/* @__PURE__ */ y("th", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
+												children: N.lineItemsAmountHeading
+											})
+										]
+									}) }), /* @__PURE__ */ y("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ b("tr", {
+										className: "ttw:border-b ttw:border-border",
+										children: [
+											/* @__PURE__ */ b("td", {
+												className: "ttw:px-3 ttw:py-2",
+												children: [/* @__PURE__ */ y("span", {
+													className: "ttw:block",
+													children: e.description
+												}), /* @__PURE__ */ y("span", {
+													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
+													children: e.glCodeLabel
+												})]
+											}),
+											/* @__PURE__ */ y("td", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
+												children: e.quantityLabel
+											}),
+											/* @__PURE__ */ y("td", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
+												children: e.amountLabel
+											})
+										]
+									}, e.id)) })]
+								}) : null,
+								/* @__PURE__ */ y("dl", {
+									className: "ttw:flex ttw:flex-col ttw:gap-1",
+									children: r.totals.map((e) => /* @__PURE__ */ b("div", {
+										className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
+										children: [/* @__PURE__ */ y("dt", {
+											className: e.emphasis ? "" : "ttw:text-muted-foreground",
+											children: e.label
+										}), /* @__PURE__ */ y("dd", { children: e.value })]
+									}, e.label))
+								})
+							]
+						})
+					}),
+					x ? /* @__PURE__ */ y(d, {
+						view: x,
+						labels: N.approvalPolicy
+					}) : null
+				] }) : null
+			})]
+		})
 	});
 }
 //#endregion
-export { r as BillDuplicateBadge, r as default };
+export { E as BillDetailsSheet, E as default };

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

@@ -1 +1,13 @@
-import "./index57.js";
+import { Badge as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BADGE_TONE_CLASS_NAME as t } from "./index19.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js
+function r({ label: r, tone: i = "warning" }) {
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t[i],
+		children: r
+	});
+}
+//#endregion
+export { r as BillDuplicateBadge, r as default };

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

@@ -1,8 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
-var e = {
-	message: "This bill is a possible duplicate of another bill.",
-	notADuplicateButton: "Not a duplicate",
-	removeBillButton: "Remove this bill"
-};
-//#endregion
-export { e as BILL_DUPLICATE_NOTICE_LABELS_EN };
+import "./index58.js";