@tesouro/embedded-components-react 0.5.222 → 0.5.224

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

@@ -0,0 +1,15 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index2.js
+var e = {
+	heading: "Approval policy",
+	stepConnector: "And",
+	chipConnector: "or",
+	approvedIndicator: "Approved"
+};
+function t(t) {
+	return {
+		...e,
+		...t
+	};
+}
+//#endregion
+export { e as APPROVAL_POLICY_CARD_LABELS_EN, t as mergeApprovalPolicyCardLabels };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index42.js → bill-detail/ui/dist/index20.js}

@@ -1,5 +1,5 @@
-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/index42.js
+import { LABEL_LABELS_EN as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index20.js
 var t = {
 	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.",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index43.js → bill-detail/ui/dist/index21.js}

@@ -1,9 +1,9 @@
-import { Button as e, FieldRequirement as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tooltip as f, TooltipContent as p, TooltipProvider as m, TooltipTrigger as h, Typography as g, cn as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { mergeLineItemsSectionLabels as v } from "./index42.js";
+import { Button as e, FieldRequirement as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tooltip as f, TooltipContent as p, TooltipProvider as m, TooltipTrigger as h, Typography as g, cn as _ } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeLineItemsSectionLabels as v } from "./index20.js";
 import { useId as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { CircleAlert as S, Minus as C, Plus as w, Trash2 as T, X as E } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index43.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index21.js
 var D = {
 	description: t.Required,
 	glCode: t.Optional,

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

@@ -0,0 +1,2 @@
+import "./index20.js";
+import "./index21.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index45.js → bill-detail/ui/dist/index23.js}

@@ -1,5 +1,5 @@
-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/index45.js
+import { LABEL_LABELS_EN as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index23.js
 var t = {
 	fieldLabel: "Select or add vendor",
 	triggerPlaceholder: "Select vendor",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index46.js → bill-detail/ui/dist/index24.js}

@@ -1,9 +1,9 @@
-import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i, CommandSeparator as a, FieldRequirement as o, Label as s, Popover as c, PopoverContent as l, PopoverTrigger as u, Skeleton as d, cn as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { mergeVendorSearchComboboxLabels as p } from "./index45.js";
+import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i, CommandSeparator as a, FieldRequirement as o, Label as s, Popover as c, PopoverContent as l, PopoverTrigger as u, Skeleton as d, cn as f } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeVendorSearchComboboxLabels as p } from "./index23.js";
 import { useId as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { ChevronDown as v, Plus as y } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index24.js
 var b = 5, x = "ttw:min-h-44";
 function S({ query: S, onQueryChange: C, results: w, isLoading: T, onAddVendor: E, testId: D, labels: O }) {
 	let k = p(O), A = m(), [j, M] = h(!1);

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

@@ -0,0 +1,2 @@
+import "./index23.js";
+import "./index24.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index48.js → bill-detail/ui/dist/index26.js}

@@ -1,8 +1,8 @@
-import { VENDOR_SUMMARY_CARD_LABELS_EN as e } from "./index30.js";
-import "./index32.js";
-import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as t, mergeVendorSearchComboboxLabels as n } from "./index45.js";
-import "./index47.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js
+import { VENDOR_SUMMARY_CARD_LABELS_EN as e } from "./index11.js";
+import "./index13.js";
+import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as t, mergeVendorSearchComboboxLabels as n } from "./index23.js";
+import "./index25.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index26.js
 var r = {
 	heading: "Who are you paying?",
 	summaryCard: e,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index49.js → bill-detail/ui/dist/index27.js}

@@ -1,11 +1,11 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { VendorSummaryCard as t } from "./index31.js";
-import "./index32.js";
-import { VendorSearchCombobox as n } from "./index46.js";
-import "./index47.js";
-import { mergeVendorSectionLabels as r } from "./index48.js";
+import { Typography as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { VendorSummaryCard as t } from "./index12.js";
+import "./index13.js";
+import { VendorSearchCombobox as n } from "./index24.js";
+import "./index25.js";
+import { mergeVendorSectionLabels as r } from "./index26.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index27.js
 function o(o) {
 	let { onEdit: s, error: c, testId: l, labels: u, disabled: d } = o, f = r(u);
 	return /* @__PURE__ */ a("section", {

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

@@ -0,0 +1,2 @@
+import "./index26.js";
+import "./index27.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index51.js → bill-detail/ui/dist/index29.js}

@@ -1,13 +1,13 @@
-import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_DETAIL_BODY_LABELS_EN as r, mergeBillDetailBodyLabels as i } from "./index33.js";
-import "./index35.js";
-import { BILL_FORM_FIELDS_LABELS_EN as a, mergeBillFormFieldsLabels as o } from "./index36.js";
-import "./index38.js";
-import { LINE_ITEMS_SECTION_LABELS_EN as s, mergeLineItemsSectionLabels as c } from "./index42.js";
-import "./index44.js";
-import { VENDOR_SECTION_LABELS_EN as l, mergeVendorSectionLabels as u } from "./index48.js";
-import "./index50.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js
+import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_DETAIL_BODY_LABELS_EN as r, mergeBillDetailBodyLabels as i } from "./index14.js";
+import "./index16.js";
+import { BILL_FORM_FIELDS_LABELS_EN as a, mergeBillFormFieldsLabels as o } from "./index17.js";
+import "./index19.js";
+import { LINE_ITEMS_SECTION_LABELS_EN as s, mergeLineItemsSectionLabels as c } from "./index20.js";
+import "./index22.js";
+import { VENDOR_SECTION_LABELS_EN as l, mergeVendorSectionLabels as u } from "./index26.js";
+import "./index28.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index29.js
 var d = {
 	closeButton: "Close",
 	collapseButton: "Exit full screen",

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

@@ -0,0 +1,55 @@
+import { Badge as e, Typography as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeApprovalPolicyCardLabels as n } from "./index2.js";
+import { Fragment as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CheckCircle2Icon as o } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index3.js
+var s = "ttw:text-base ttw:font-semibold";
+function c({ view: c, labels: l }) {
+	let u = n(l);
+	return /* @__PURE__ */ a("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ i("h3", {
+			className: s,
+			children: u.heading
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg ttw:bg-muted ttw:p-4",
+			children: [
+				/* @__PURE__ */ i(t, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: c.title
+				}),
+				/* @__PURE__ */ i(t, {
+					variant: "body2",
+					color: "muted",
+					children: c.sentence
+				}),
+				c.steps.map((n, s) => /* @__PURE__ */ a(r, { children: [s > 0 ? /* @__PURE__ */ a("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2.5",
+					children: [/* @__PURE__ */ i(t, {
+						variant: "caption",
+						color: "muted",
+						children: u.stepConnector
+					}), /* @__PURE__ */ i("div", { className: "ttw:h-px ttw:flex-1 ttw:bg-border" })]
+				}) : null, /* @__PURE__ */ i("div", {
+					className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1.5",
+					children: n.chips.map((n, s) => /* @__PURE__ */ a(r, { children: [s > 0 ? /* @__PURE__ */ i(t, {
+						variant: "body2",
+						color: "muted",
+						children: u.chipConnector
+					}) : null, /* @__PURE__ */ a(e, {
+						variant: "outline",
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [n.label, n.approved ? /* @__PURE__ */ i(o, {
+							"aria-label": u.approvedIndicator,
+							className: "ttw:size-3.5 ttw:text-emerald-600"
+						}) : null]
+					})] }, n.id))
+				})] }, n.id))
+			]
+		})]
+	});
+}
+//#endregion
+export { c as ApprovalPolicyCard, c as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index52.js → bill-detail/ui/dist/index30.js}

@@ -1,5 +1,5 @@
 import { useEffect as e, useRef as t } from "react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index30.js
 function n(n) {
 	let r = t(null), i = t(n);
 	return e(() => {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index53.js → bill-detail/ui/dist/index31.js}

@@ -1,24 +1,24 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DropdownMenu as o, DropdownMenuContent as s, DropdownMenuGroup as c, DropdownMenuItem as l, DropdownMenuLabel as ee, DropdownMenuSeparator as u, DropdownMenuTrigger as d, RequiredFieldsLegend as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as te } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
-import { BillDetailBody as p } from "./index34.js";
-import "./index35.js";
-import { BillFormFields as m } from "./index37.js";
-import "./index38.js";
-import { groupBySectionHeading as h } from "./index39.js";
-import "./index41.js";
-import { LineItemsSection as g } from "./index43.js";
-import "./index44.js";
-import { VendorSection as _ } from "./index49.js";
-import "./index50.js";
-import { mergeBillCreateScreenLabels as v } from "./index51.js";
-import { useFocusFirstInvalidField as y } from "./index52.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DropdownMenu as o, DropdownMenuContent as s, DropdownMenuGroup as c, DropdownMenuItem as l, DropdownMenuLabel as ee, DropdownMenuSeparator as u, DropdownMenuTrigger as d, RequiredFieldsLegend as f } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as te } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
+import { groupBySectionHeading as p } from "../../../ui/dist/index9.js";
+import "../../../ui/dist/index.js";
+import { BillDetailBody as m } from "./index15.js";
+import "./index16.js";
+import { BillFormFields as h } from "./index18.js";
+import "./index19.js";
+import { LineItemsSection as g } from "./index21.js";
+import "./index22.js";
+import { VendorSection as _ } from "./index27.js";
+import "./index28.js";
+import { mergeBillCreateScreenLabels as v } from "./index29.js";
+import { useFocusFirstInvalidField as y } from "./index30.js";
 import { Fragment as b, useId as x } from "react";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { Minimize2 as ne, MoreVertical as T, X as E } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index31.js
 function D({ open: D, onOpenChange: O, title: k, subtitle: A, notice: j, vendor: M, values: N, errors: P, onChange: F, lineItems: I, documentPanel: L, menuItems: R, readOnly: z, detail: B, detailEdit: V, isLineItemsLoading: H, isSaving: U, isSavingDraft: W, isSubmitting: G, showSubmit: K = !0, onCancel: q, onCollapse: J, onSaveDraft: Y, onFinalize: X, scrollToErrorToken: Z, testId: re, labels: ie }) {
-	let ae = x(), Q = v(ie), $ = !!(z && B), oe = R ? h(R) : [], se = y(Z);
+	let ae = x(), Q = v(ie), $ = !!(z && B), oe = R ? p(R) : [], se = y(Z);
 	return /* @__PURE__ */ C(t, {
 		open: D,
 		onOpenChange: O,
@@ -121,7 +121,7 @@ function D({ open: D, onOpenChange: O, title: k, subtitle: A, notice: j, vendor:
 								className: "ttw:flex ttw:flex-col ttw:gap-3",
 								children: j
 							}) : null,
-							$ ? /* @__PURE__ */ C(p, {
+							$ ? /* @__PURE__ */ C(m, {
 								...B,
 								labels: Q.detailBody
 							}) : /* @__PURE__ */ w(S, { children: [
@@ -132,7 +132,7 @@ function D({ open: D, onOpenChange: O, title: k, subtitle: A, notice: j, vendor:
 									disabled: z,
 									labels: Q.vendorSection
 								}),
-								/* @__PURE__ */ C(m, {
+								/* @__PURE__ */ C(h, {
 									values: N,
 									errors: P,
 									onChange: F,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui → bill-detail/ui}/dist/index32.js

@@ -1,2 +1,2 @@
-import "./index30.js";
+import "./index29.js";
 import "./index31.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index61.js → bill-detail/ui/dist/index33.js}

@@ -1,12 +1,11 @@
-import { APPROVAL_POLICY_CARD_LABELS_EN as e } from "./index12.js";
-import "./index14.js";
-import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index21.js";
-import "./index23.js";
-import { DUE_DATE_VALUE_LABELS_EN as n } from "./index24.js";
-import "./index26.js";
-import { BILL_AUDIT_HISTORY_SECTION_LABELS_EN as r } from "./index33.js";
-import "./index35.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
+import { APPROVAL_POLICY_CARD_LABELS_EN as e } from "./index2.js";
+import "./index4.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "../../../ui/dist/index15.js";
+import { DUE_DATE_VALUE_LABELS_EN as n } from "../../../ui/dist/index23.js";
+import "../../../ui/dist/index.js";
+import { BILL_AUDIT_HISTORY_SECTION_LABELS_EN as r } from "./index14.js";
+import "./index16.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index33.js
 var i = {
 	loadingTitle: "Loading bill…",
 	hiddenDescription: "Bill details",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index62.js → bill-detail/ui/dist/index34.js}

@@ -1,22 +1,20 @@
-import { AuditHistoryList as e, Badge as t, Button as n, CollapsibleSection 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 { BillRejectionNotice as f } from "./index19.js";
-import "./index20.js";
-import { BillStatusBadge as p } from "./index22.js";
-import "./index23.js";
-import { DueDateValue as m } from "./index25.js";
-import "./index26.js";
-import { PaymentHistoryList as h } from "./index27.js";
-import "./index28.js";
-import { ScheduledSummaryBadge as g } from "./index17.js";
-import { BillActionButtons as _, NO_BILL_ACTIONS as v } from "./index18.js";
-import { BillOverflowMenu as y } from "./index40.js";
-import "./index41.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as b } from "./index61.js";
+import { AuditHistoryList as e, Badge as t, Button as n, CollapsibleSection 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 "./index3.js";
+import "./index4.js";
+import { BillRejectionNotice as f } from "./index6.js";
+import "./index7.js";
+import { PaymentHistoryList as p } from "./index8.js";
+import "./index9.js";
+import { BillActionButtons as m, NO_BILL_ACTIONS as h } from "../../../ui/dist/index2.js";
+import { BillOverflowMenu as g } from "../../../ui/dist/index10.js";
+import { BillStatusBadge as _ } from "../../../ui/dist/index16.js";
+import { DueDateValue as v } from "../../../ui/dist/index24.js";
+import "../../../ui/dist/index.js";
+import { ScheduledSummaryBadge as y } from "./index5.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as b } from "./index33.js";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { MoveDiagonal2Icon as w, XIcon as T } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index34.js
 function E({ items: e }) {
 	return /* @__PURE__ */ S("dl", {
 		className: "ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
@@ -38,7 +36,7 @@ function E({ items: e }) {
 		}, e.label))
 	});
 }
-function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolicy: j, showApprovalOverrideNotice: M, awaitingApprovalNotice: N, scheduledSummary: P, scheduledSummaryDate: F, paymentHistory: I, paymentHistoryError: L, paymentHistoryLoading: R, auditHistory: z, auditHistoryError: B, auditHistoryLoading: V, auditHistoryNamesError: H, isLoading: U, isError: W, notice: G, onClose: K, onExpand: q, testId: J, labels: Y }) {
+function D({ open: D, onOpenChange: O, details: k, actions: A = h, approvalPolicy: j, showApprovalOverrideNotice: M, awaitingApprovalNotice: N, scheduledSummary: P, scheduledSummaryDate: F, paymentHistory: I, paymentHistoryError: L, paymentHistoryLoading: R, auditHistory: z, auditHistoryError: B, auditHistoryLoading: V, auditHistoryNamesError: H, isLoading: U, isError: W, notice: G, onClose: K, onExpand: q, testId: J, labels: Y }) {
 	let X = {
 		...b,
 		...Y,
@@ -100,7 +98,7 @@ function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolic
 							onClick: q,
 							children: /* @__PURE__ */ S(w, { className: "ttw:size-4" })
 						}) : null,
-						k && !U && !W ? /* @__PURE__ */ S(y, {
+						k && !U && !W ? /* @__PURE__ */ S(g, {
 							actions: A.menu,
 							triggerLabel: X.overflowMenuTrigger,
 							placement: "header"
@@ -168,10 +166,10 @@ function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolic
 									variant: "outline",
 									className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
 									children: k.paidOnLabel
-								}) : P ? /* @__PURE__ */ S(g, {
+								}) : P ? /* @__PURE__ */ S(y, {
 									summary: P,
 									date: F
-								}) : /* @__PURE__ */ S(p, {
+								}) : /* @__PURE__ */ S(_, {
 									status: k.status,
 									tone: k.statusTone,
 									labels: X.statusBadge
@@ -193,7 +191,7 @@ function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolic
 									children: [/* @__PURE__ */ S("span", {
 										className: "ttw:text-xs ttw:text-muted-foreground",
 										children: X.dueDateLabel
-									}), /* @__PURE__ */ S(m, {
+									}), /* @__PURE__ */ S(v, {
 										className: "ttw:text-sm ttw:font-medium",
 										value: k.dueDateLabel,
 										tone: k.dueDateTone,
@@ -213,7 +211,7 @@ function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolic
 							}) : null,
 							A.row.length ? /* @__PURE__ */ S("div", {
 								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: /* @__PURE__ */ S(_, { actions: A.row })
+								children: /* @__PURE__ */ S(m, { actions: A.row })
 							}) : null
 						]
 					}),
@@ -228,7 +226,7 @@ function D({ open: D, onOpenChange: O, details: k, actions: A = v, approvalPolic
 						children: L ? /* @__PURE__ */ S("p", {
 							className: "ttw:text-sm ttw:text-muted-foreground",
 							children: X.paymentHistoryErrorDescription
-						}) : R ? /* @__PURE__ */ S(l, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ S(h, { records: I ?? [] })
+						}) : R ? /* @__PURE__ */ S(l, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ S(p, { records: I ?? [] })
 					}) : null,
 					/* @__PURE__ */ S(r, {
 						defaultOpen: !0,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index69.js → bill-detail/ui/dist/index36.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index36.js
 var e = {
 	message: "This bill is a possible duplicate.",
 	vendorColumn: "Vendor",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index70.js → bill-detail/ui/dist/index37.js}

@@ -1,13 +1,12 @@
-import { Alert as e, AlertTitle as t, Badge as n, Button as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillStatusBadge as a } from "./index22.js";
-import "./index23.js";
-import { BillOverflowMenu as o } from "./index40.js";
-import "./index41.js";
-import { BILL_DUPLICATE_NOTICE_LABELS_EN as s } from "./index69.js";
+import { Alert as e, AlertTitle as t, Badge as n, Button as r, cn as i } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillOverflowMenu as a } from "../../../ui/dist/index10.js";
+import { BillStatusBadge as o } from "../../../ui/dist/index16.js";
+import "../../../ui/dist/index.js";
+import { BILL_DUPLICATE_NOTICE_LABELS_EN as s } from "./index36.js";
 import { useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { FileQuestionIcon as d, MoveDiagonal2Icon as f } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index37.js
 var p = {
 	success: "ttw:text-green-700",
 	warning: "ttw:text-amber-800"
@@ -102,7 +101,7 @@ function g({ onNotADuplicate: g, onRemoveBill: _, onOpenFullScreen: v, isActionD
 							}),
 							/* @__PURE__ */ l("span", {
 								className: "ttw:px-3 ttw:py-2",
-								children: e.status ? /* @__PURE__ */ l(a, {
+								children: e.status ? /* @__PURE__ */ l(o, {
 									status: e.status,
 									tone: e.statusTone ?? "neutral"
 								}) : null
@@ -110,7 +109,7 @@ function g({ onNotADuplicate: g, onRemoveBill: _, onOpenFullScreen: v, isActionD
 						]
 					}), /* @__PURE__ */ l("div", {
 						className: "ttw:flex ttw:justify-end ttw:px-1 ttw:py-2",
-						children: e.menu ? /* @__PURE__ */ l(o, {
+						children: e.menu ? /* @__PURE__ */ l(a, {
 							actions: e.menu.items.map((e) => ({
 								...e,
 								variant: "ghost"

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index72.js → bill-detail/ui/dist/index39.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index39.js
 var e = { title: "Bill rejected and returned to you for rework." };
 //#endregion
 export { e as BILL_REJECTED_BANNER_LABELS_EN };

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

@@ -0,0 +1,2 @@
+import "./index2.js";
+import "./index3.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index73.js → bill-detail/ui/dist/index40.js}

@@ -1,7 +1,7 @@
-import { BILL_REJECTED_BANNER_LABELS_EN as e } from "./index72.js";
+import { BILL_REJECTED_BANNER_LABELS_EN as e } from "./index39.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { AlertTriangleIcon as r } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index40.js
 function i({ actorLabel: i, message: a, labels: o }) {
 	let s = {
 		...e,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index64.js → bill-detail/ui/dist/index42.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index42.js
 var e = {
 	title: "Discard unsaved changes?",
 	description: "Your changes will be lost if you stop editing now.",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index65.js → bill-detail/ui/dist/index43.js}

@@ -1,7 +1,7 @@
-import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DISCARD_CHANGES_DIALOG_LABELS_EN as s } from "./index64.js";
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DISCARD_CHANGES_DIALOG_LABELS_EN as s } from "./index42.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index43.js
 function u({ open: u, onDiscard: d, onKeepEditing: f, labels: p, testId: m, discardTestId: h }) {
 	let g = {
 		...s,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index89.js → bill-detail/ui/dist/index45.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index45.js
 var e = {
 	message: "Data extracted automatically — please review all details to make sure they match",
 	dismiss: "Dismiss this notice"

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index90.js → bill-detail/ui/dist/index46.js}

@@ -1,7 +1,7 @@
-import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index89.js";
+import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index45.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Info as r, X as i } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index46.js
 function a({ onDismiss: a, testId: o, labels: s }) {
 	let c = {
 		...e,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index95.js → bill-detail/ui/dist/index48.js}

@@ -1,6 +1,6 @@
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
-import "./index5.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index95.js
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "../../../ui/dist/index18.js";
+import "../../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index48.js
 var t = {
 	uploadHeading: "Attach an invoice (optional)",
 	scannedAttachment: (e) => `Scanned attachment: ${e}`,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index96.js → bill-detail/ui/dist/index49.js}

@@ -1,10 +1,10 @@
-import { Button as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BillUploadDropzone as n } from "./index3.js";
-import "./index5.js";
-import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index95.js";
+import { Button as e, Skeleton as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillUploadDropzone as n } from "../../../ui/dist/index19.js";
+import "../../../ui/dist/index.js";
+import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index48.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Download as o, Trash2 as s } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index96.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index49.js
 function c(c) {
 	let { mode: l, testId: u, labels: d } = c, f = {
 		...r,

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

@@ -0,0 +1,19 @@
+import { Badge as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BADGE_TONE_CLASS_NAME as t } from "../../../ui/dist/index6.js";
+import { DateDisclosure as n } from "../../../ui/dist/index22.js";
+import "../../../ui/dist/index.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index5.js
+function i({ summary: i, date: a }) {
+	let o = /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t.committed,
+		children: i
+	});
+	return a ? /* @__PURE__ */ r(n, {
+		date: a,
+		children: o
+	}) : o;
+}
+//#endregion
+export { i as ScheduledSummaryBadge };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index98.js → bill-detail/ui/dist/index51.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index98.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index51.js
 var e = {
 	title: "Save this bill as a draft?",
 	description: "This bill has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index99.js → bill-detail/ui/dist/index52.js}

@@ -1,8 +1,8 @@
-import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { UNSAVED_BILL_DIALOG_LABELS_EN as s } from "./index98.js";
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { UNSAVED_BILL_DIALOG_LABELS_EN as s } from "./index51.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { XIcon as u } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index99.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index52.js
 function d({ open: d, onSaveDraft: f, onDiscard: p, onCancel: m, isSaving: h, isSaveDraftDisabled: g, labels: _, testId: v, saveDraftTestId: y, discardTestId: b, closeTestId: x }) {
 	let S = {
 		...s,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{ui/dist/index54.js → bill-detail/ui/dist/index53.js}

@@ -1,2 +1,2 @@
 import "./index51.js";
-import "./index53.js";
+import "./index52.js";

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { AlertTriangleIcon as n } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index6.js
+function r({ actorLabel: r, message: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: "ttw:flex ttw:gap-2 ttw:rounded-md ttw:border ttw:border-destructive/20 ttw:bg-destructive/5 ttw:p-3",
+		children: [/* @__PURE__ */ e(n, {
+			"aria-hidden": !0,
+			className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-destructive"
+		}), /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1",
+			children: [/* @__PURE__ */ e("p", {
+				className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
+				children: r
+			}), i ? /* @__PURE__ */ e("p", {
+				className: "ttw:text-sm ttw:text-foreground",
+				children: i
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { r as BillRejectionNotice, r as default };

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

@@ -0,0 +1 @@
+import "./index6.js";