@tesouro/embedded-components-react 0.5.189 → 0.5.191

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

@@ -1,317 +1,2 @@
-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 { BillStatusBadge as p } from "./index21.js";
-import "./index22.js";
-import { DueDateValue as m } from "./index24.js";
-import "./index25.js";
-import { PaymentHistoryList as h } from "./index26.js";
-import "./index27.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as g } from "./index38.js";
-import { ScheduledSummaryBadge as _ } from "./index17.js";
-import { BillActionButtons as v, NO_BILL_ACTIONS as y } from "./index18.js";
-import { BillOverflowMenu as b } from "./index46.js";
-import "./index47.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/index67.js
-function E({ items: e }) {
-	return /* @__PURE__ */ S("dl", {
-		className: "ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
-		children: e.map((e) => /* @__PURE__ */ C("div", {
-			className: "ttw:flex ttw:items-start ttw:gap-4 ttw:py-2.5",
-			children: [/* @__PURE__ */ S("dt", {
-				className: "ttw:w-[140px] ttw:shrink-0 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
-				children: e.label
-			}), /* @__PURE__ */ C("dd", {
-				className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:items-start",
-				children: [/* @__PURE__ */ S("span", {
-					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-					children: e.value
-				}), e.secondaryValue ? /* @__PURE__ */ S("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: e.secondaryValue
-				}) : null]
-			})]
-		}, e.label))
-	});
-}
-function D({ open: D, onOpenChange: O, details: k, actions: A = y, 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 = {
-		...g,
-		...Y,
-		statusBadge: {
-			...g.statusBadge,
-			...Y?.statusBadge
-		},
-		approvalPolicy: {
-			...g.approvalPolicy,
-			...Y?.approvalPolicy
-		},
-		dueDate: {
-			...g.dueDate,
-			...Y?.dueDate
-		},
-		auditHistory: {
-			...g.auditHistory,
-			...Y?.auditHistory
-		}
-	};
-	return /* @__PURE__ */ S(i, {
-		open: D,
-		onOpenChange: (e) => e ? O(e) : K(),
-		children: /* @__PURE__ */ C(a, {
-			showCloseButton: !1,
-			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
-			"data-testid": J,
-			children: [/* @__PURE__ */ C(s, {
-				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [
-						/* @__PURE__ */ S(c, {
-							className: U ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
-							children: W ? X.errorTitle : U ? X.loadingTitle : k?.title
-						}),
-						U ? /* @__PURE__ */ C("div", {
-							"aria-hidden": !0,
-							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
-							children: [/* @__PURE__ */ S(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ S(l, { className: "ttw:h-4 ttw:w-28" })]
-						}) : null,
-						k && !U && !W ? /* @__PURE__ */ S("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: k.subtitle
-						}) : null,
-						/* @__PURE__ */ S(o, {
-							className: "ttw:sr-only",
-							children: X.hiddenDescription
-						})
-					]
-				}), /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					children: [
-						q ? /* @__PURE__ */ S(n, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": X.expandButton,
-							onClick: q,
-							children: /* @__PURE__ */ S(w, { className: "ttw:size-4" })
-						}) : null,
-						k && !U && !W ? /* @__PURE__ */ S(b, {
-							actions: A.menu,
-							triggerLabel: X.overflowMenuTrigger,
-							placement: "header"
-						}) : null,
-						/* @__PURE__ */ S(n, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": X.closeButton,
-							onClick: K,
-							children: /* @__PURE__ */ S(T, { className: "ttw:size-4" })
-						})
-					]
-				})]
-			}), /* @__PURE__ */ S("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-				children: W ? /* @__PURE__ */ S("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: X.errorDescription
-				}) : U ? /* @__PURE__ */ C("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [/* @__PURE__ */ S(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ C("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ S(l, { className: "ttw:h-4 ttw:w-40" }),
-							/* @__PURE__ */ S(l, { className: "ttw:h-9 ttw:w-full" }),
-							/* @__PURE__ */ S(l, { className: "ttw:h-9 ttw:w-full" })
-						]
-					})]
-				}) : k ? /* @__PURE__ */ C(x, { children: [
-					G,
-					/* @__PURE__ */ C("section", {
-						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4",
-						children: [
-							/* @__PURE__ */ C("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2",
-								children: [k.paidOnLabel ? /* @__PURE__ */ C("div", {
-									className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
-									children: [/* @__PURE__ */ C("div", {
-										className: "ttw:flex ttw:flex-col",
-										children: [/* @__PURE__ */ S("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: X.amountDueHeading
-										}), /* @__PURE__ */ S("span", {
-											className: "ttw:text-3xl ttw:font-semibold",
-											children: k.amountDueLabel
-										})]
-									}), /* @__PURE__ */ C("div", {
-										className: "ttw:flex ttw:flex-col",
-										children: [/* @__PURE__ */ S("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: X.amountPaidHeading
-										}), /* @__PURE__ */ S("span", {
-											className: "ttw:text-3xl ttw:font-semibold ttw:text-emerald-600",
-											children: k.amountPaidLabel
-										})]
-									})]
-								}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("span", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: X.amountDueHeading
-								}), /* @__PURE__ */ S("span", {
-									className: "ttw:text-3xl ttw:font-semibold",
-									children: k.amountDueLabel
-								})] }), /* @__PURE__ */ S("div", { children: k.paidOnLabel ? /* @__PURE__ */ S(t, {
-									variant: "outline",
-									className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
-									children: k.paidOnLabel
-								}) : P ? /* @__PURE__ */ S(_, {
-									summary: P,
-									date: F
-								}) : /* @__PURE__ */ S(p, {
-									status: k.status,
-									tone: k.statusTone,
-									labels: X.statusBadge
-								}) })]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
-								children: [/* @__PURE__ */ C("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ S("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: X.invoiceDateLabel
-									}), /* @__PURE__ */ S("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: k.invoiceDateLabel
-									})]
-								}), /* @__PURE__ */ C("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ S("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: X.dueDateLabel
-									}), /* @__PURE__ */ S(m, {
-										className: "ttw:text-sm ttw:font-medium",
-										value: k.dueDateLabel,
-										tone: k.dueDateTone,
-										labels: X.dueDate
-									})]
-								})]
-							}),
-							k.rejection ? /* @__PURE__ */ S(f, { ...k.rejection }) : null,
-							M ? /* @__PURE__ */ S(u, {
-								variant: "caption",
-								color: "muted",
-								children: X.approvalOverrideNotice
-							}) : N ? /* @__PURE__ */ S(u, {
-								variant: "caption",
-								color: "muted",
-								children: N
-							}) : null,
-							A.row.length ? /* @__PURE__ */ S("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: /* @__PURE__ */ S(v, { actions: A.row })
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ S(r, {
-						defaultOpen: !0,
-						heading: k.paidOnLabel ? X.payToHeadingPaid : X.payToHeading,
-						children: /* @__PURE__ */ S(E, { items: k.payToItems })
-					}),
-					I?.length || L || R ? /* @__PURE__ */ S(r, {
-						defaultOpen: !0,
-						heading: X.paymentHistoryHeading,
-						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 ?? [] })
-					}) : null,
-					/* @__PURE__ */ S(r, {
-						defaultOpen: !0,
-						heading: X.invoiceDetailsHeading,
-						children: /* @__PURE__ */ C("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-4",
-							children: [
-								/* @__PURE__ */ S(E, { items: k.invoiceItems }),
-								k.lineItems.length ? /* @__PURE__ */ C("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ S("thead", { children: /* @__PURE__ */ C("tr", {
-										className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
-										children: [
-											/* @__PURE__ */ S("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
-												children: X.lineItemsHeading
-											}),
-											/* @__PURE__ */ S("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: X.lineItemsQuantityHeading
-											}),
-											/* @__PURE__ */ S("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: X.lineItemsAmountHeading
-											})
-										]
-									}) }), /* @__PURE__ */ S("tbody", { children: k.lineItems.map((e) => /* @__PURE__ */ C("tr", {
-										className: "ttw:border-b ttw:border-border",
-										children: [
-											/* @__PURE__ */ C("td", {
-												className: "ttw:px-3 ttw:py-2",
-												children: [/* @__PURE__ */ S("span", {
-													className: "ttw:block",
-													children: e.description
-												}), /* @__PURE__ */ S("span", {
-													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
-													children: e.glCodeLabel
-												})]
-											}),
-											/* @__PURE__ */ S("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ S("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
-												children: e.amountLabel
-											})
-										]
-									}, e.id)) })]
-								}) : null,
-								/* @__PURE__ */ S("dl", {
-									className: "ttw:flex ttw:flex-col ttw:gap-1",
-									children: k.totals.map((e) => /* @__PURE__ */ C("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__ */ S("dt", {
-											className: e.emphasis ? "" : "ttw:text-muted-foreground",
-											children: e.label
-										}), /* @__PURE__ */ S("dd", { children: e.value })]
-									}, e.label))
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ C(r, {
-						heading: X.auditHistory.heading,
-						children: [H ? /* @__PURE__ */ S(u, {
-							variant: "caption",
-							color: "muted",
-							children: X.auditHistory.namesError
-						}) : null, /* @__PURE__ */ S(e, {
-							rows: z ?? [],
-							isLoading: V,
-							isError: B,
-							labels: X.auditHistory
-						})]
-					}),
-					j ? /* @__PURE__ */ S(d, {
-						view: j,
-						labels: X.approvalPolicy
-					}) : null
-				] }) : null
-			})]
-		})
-	});
-}
-//#endregion
-export { D as BillDetailsSheet, D as default };
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "react/jsx-runtime";

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

@@ -1,9 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js
-var e = {
-	title: "Discard unsaved changes?",
-	description: "Your changes will be lost if you stop editing now.",
-	keepEditingButton: "Keep editing",
-	discardButton: "Discard changes"
-};
-//#endregion
-export { e as DISCARD_CHANGES_DIALOG_LABELS_EN };
+import "./index67.js";

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

@@ -1,33 +1,15 @@
-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 "./index68.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js
-function u({ open: u, onDiscard: d, onKeepEditing: f, labels: p, testId: m, discardTestId: h }) {
-	let g = {
-		...s,
-		...p
-	};
-	return /* @__PURE__ */ c(e, {
-		open: u,
-		onOpenChange: (e) => {
-			e || f();
-		},
-		children: /* @__PURE__ */ l(t, {
-			"data-testid": m,
-			children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: g.title }), /* @__PURE__ */ c(n, { children: g.description })] }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
-				type: "button",
-				variant: "outline",
-				onClick: f,
-				children: g.keepEditingButton
-			}), /* @__PURE__ */ c(o, {
-				type: "button",
-				variant: "destructive",
-				onClick: d,
-				"data-testid": h,
-				children: g.discardButton
-			})] })]
-		})
-	});
-}
+var e = {
+	message: "This bill is a possible duplicate.",
+	vendorColumn: "Vendor",
+	invoiceNumberColumn: "Invoice number",
+	amountColumn: "Amount",
+	addedOnColumn: "Added on",
+	dueDateColumn: "Due date",
+	statusColumn: "Status",
+	openFullScreenButton: "Review duplicate in full screen",
+	notADuplicateButton: "Not a duplicate",
+	removeBillButton: "Remove this bill"
+};
 //#endregion
-export { u as DiscardChangesDialog, u as default };
+export { e as BILL_DUPLICATE_NOTICE_LABELS_EN };

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

@@ -1,2 +1,170 @@
-import "./index68.js";
-import "./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 { 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 { 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
+var p = {
+	success: "ttw:text-green-700",
+	warning: "ttw:text-amber-800"
+}, m = "ttw:grid-cols-[minmax(220px,1.5fr)_minmax(110px,1fr)_minmax(88px,1fr)_minmax(96px,1fr)_minmax(96px,1fr)_minmax(112px,1fr)_48px]", h = "ttw:grid-cols-[minmax(220px,1.5fr)_minmax(110px,1fr)_minmax(88px,1fr)_minmax(96px,1fr)_minmax(96px,1fr)_minmax(112px,1fr)]";
+function g({ onNotADuplicate: g, onRemoveBill: _, onOpenFullScreen: v, isActionDisabled: y, rows: b, collapsedRowCount: x, showMoreLabel: S, testId: C, labels: w }) {
+	let T = {
+		...s,
+		...w
+	}, E = !!b?.length, [D, O] = c(!1), k = x !== void 0 && !!S && (b?.length ?? 0) > x, A = k && !D ? b?.slice(0, x) : b;
+	return E ? /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-amber-500 ttw:bg-amber-50 ttw:p-2 ttw:text-amber-700",
+		"data-testid": C,
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ l(d, {
+				className: "ttw:size-4 ttw:shrink-0",
+				"aria-hidden": !0
+			}), /* @__PURE__ */ l("p", {
+				className: "ttw:text-sm ttw:leading-5",
+				children: T.message
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "ttw:overflow-x-auto ttw:rounded-md ttw:border ttw:border-amber-200",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: i("ttw:grid ttw:min-w-240 ttw:border-b ttw:border-amber-200 ttw:text-xs ttw:font-semibold ttw:text-amber-700", m),
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2",
+							children: T.vendorColumn
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2",
+							children: T.invoiceNumberColumn
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2 ttw:text-right",
+							children: T.amountColumn
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2",
+							children: T.addedOnColumn
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2",
+							children: T.dueDateColumn
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "ttw:px-3 ttw:py-2",
+							children: T.statusColumn
+						}),
+						/* @__PURE__ */ l("div", { className: "ttw:px-3 ttw:py-2" })
+					]
+				}),
+				A?.map((e) => /* @__PURE__ */ u("div", {
+					className: i("ttw:group ttw:grid ttw:min-h-13 ttw:min-w-240 ttw:items-center ttw:border-b ttw:border-amber-200 ttw:text-sm ttw:text-foreground", m),
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						className: i("ttw:col-span-6 ttw:grid ttw:items-center ttw:text-left ttw:transition-colors", h, e.onOpen ? "ttw:cursor-pointer ttw:hover:bg-amber-100 ttw:focus-visible:bg-amber-100" : "ttw:cursor-default"),
+						"aria-disabled": !e.onOpen,
+						tabIndex: e.onOpen ? 0 : -1,
+						onClick: e.onOpen,
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:items-start ttw:gap-1 ttw:px-3 ttw:py-2",
+								children: [/* @__PURE__ */ l("span", {
+									className: i("ttw:min-w-0 ttw:font-medium", e.roleTone && p[e.roleTone]),
+									children: e.roleLabel
+								}), e.badges?.length ? /* @__PURE__ */ l("span", {
+									className: "ttw:flex ttw:flex-wrap ttw:gap-1",
+									children: e.badges.map((e) => /* @__PURE__ */ l(n, {
+										variant: "secondary",
+										children: e
+									}, e))
+								}) : null]
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "ttw:px-3 ttw:py-2",
+								children: e.invoiceNumberLabel
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "ttw:px-3 ttw:py-2 ttw:text-right",
+								children: e.amountLabel
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "ttw:px-3 ttw:py-2",
+								children: e.addedOnLabel
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "ttw:px-3 ttw:py-2",
+								children: e.dueDateLabel
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "ttw:px-3 ttw:py-2",
+								children: e.status ? /* @__PURE__ */ l(a, {
+									status: e.status,
+									tone: e.statusTone ?? "neutral"
+								}) : null
+							})
+						]
+					}), /* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:justify-end ttw:px-1 ttw:py-2",
+						children: e.menu ? /* @__PURE__ */ l(o, {
+							actions: e.menu.items.map((e) => ({
+								...e,
+								variant: "ghost"
+							})),
+							triggerLabel: e.menu.triggerLabel
+						}) : null
+					})]
+				}, e.id)),
+				k && !D ? /* @__PURE__ */ l("button", {
+					type: "button",
+					className: "ttw:w-full ttw:px-3 ttw:py-2 ttw:text-center ttw:text-sm ttw:font-medium ttw:text-amber-800 ttw:hover:bg-amber-100 ttw:focus-visible:bg-amber-100",
+					onClick: () => O(!0),
+					children: S
+				}) : null
+			]
+		})]
+	}) : /* @__PURE__ */ u(e, {
+		className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
+		"data-testid": C,
+		children: [
+			/* @__PURE__ */ l(d, {}),
+			/* @__PURE__ */ l(t, {
+				className: "ttw:flex-1",
+				children: T.message
+			}),
+			g ? /* @__PURE__ */ l(r, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:text-foreground",
+				disabled: y,
+				onClick: g,
+				children: T.notADuplicateButton
+			}) : null,
+			_ ? /* @__PURE__ */ l(r, {
+				type: "button",
+				variant: "destructive",
+				disabled: y,
+				onClick: _,
+				children: T.removeBillButton
+			}) : null,
+			v ? /* @__PURE__ */ l(r, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:text-foreground",
+				"aria-label": T.openFullScreenButton,
+				onClick: v,
+				children: /* @__PURE__ */ l(f, {
+					className: "ttw:size-4",
+					"aria-hidden": !0
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { g as BillDuplicateNotice, g as default };

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

@@ -1,2 +1,2 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react/jsx-runtime";
+import "./index69.js";
+import "./index70.js";

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

@@ -1 +1,4 @@
-import "./index71.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.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/ui/dist/index73.js

@@ -1,15 +1,36 @@
+import { BILL_REJECTED_BANNER_LABELS_EN as e } from "./index72.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
-var e = {
-	message: "This bill is a possible duplicate.",
-	vendorColumn: "Vendor",
-	invoiceNumberColumn: "Invoice number",
-	amountColumn: "Amount",
-	addedOnColumn: "Added on",
-	dueDateColumn: "Due date",
-	statusColumn: "Status",
-	openFullScreenButton: "Review duplicate in full screen",
-	notADuplicateButton: "Not a duplicate",
-	removeBillButton: "Remove this bill"
-};
+function i({ actorLabel: i, message: a, labels: o }) {
+	let s = {
+		...e,
+		...o
+	};
+	return /* @__PURE__ */ n("div", {
+		role: "alert",
+		className: "ttw:flex ttw:gap-2 ttw:rounded-md ttw:border ttw:border-destructive/20 ttw:bg-destructive/5 ttw:p-3",
+		children: [/* @__PURE__ */ t(r, {
+			"aria-hidden": !0,
+			className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-destructive"
+		}), /* @__PURE__ */ n("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1",
+			children: [
+				/* @__PURE__ */ t("p", {
+					className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
+					children: s.title
+				}),
+				a ? /* @__PURE__ */ t("p", {
+					className: "ttw:text-sm ttw:text-foreground",
+					children: a
+				}) : null,
+				/* @__PURE__ */ t("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: i
+				})
+			]
+		})]
+	});
+}
 //#endregion
-export { e as BILL_DUPLICATE_NOTICE_LABELS_EN };
+export { i as BillRejectedBanner, i as default };