@tesouro/embedded-components-react 0.5.168 → 0.5.170

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

@@ -1,14 +1,52 @@
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
-import "./index5.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 "./index109.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/index110.js
-var t = {
-	uploadHeading: "Attach an invoice (optional)",
-	scannedAttachment: (e) => `Scanned attachment: ${e}`,
-	scanning: "Scanning attachment…",
-	scanningAttachment: (e) => `Scanning attachment: ${e}`,
-	download: "Download the scanned attachment",
-	delete: "Delete the scanned attachment",
-	dropzone: e
-};
+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,
+		..._
+	};
+	return /* @__PURE__ */ c(e, {
+		open: d,
+		onOpenChange: (e) => {
+			!e && !h && m();
+		},
+		children: /* @__PURE__ */ l(t, {
+			"data-testid": v,
+			children: [
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: m,
+					disabled: h,
+					"data-testid": x,
+					className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2 ttw:disabled:pointer-events-none",
+					children: [/* @__PURE__ */ c(u, { className: "ttw:size-4" }), /* @__PURE__ */ c("span", {
+						className: "ttw:sr-only",
+						children: S.closeButton
+					})]
+				}),
+				/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: S.title }), /* @__PURE__ */ c(n, { children: S.description })] }),
+				/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
+					type: "button",
+					variant: "outline",
+					onClick: p,
+					disabled: h,
+					"data-testid": b,
+					children: S.discardButton
+				}), /* @__PURE__ */ c(o, {
+					type: "button",
+					variant: "default",
+					loading: h,
+					disabled: h || g,
+					onClick: f,
+					"data-testid": y,
+					children: S.saveDraftButton
+				})] })
+			]
+		})
+	});
+}
 //#endregion
-export { t as SOURCE_DOCUMENT_PANEL_LABELS_EN };
+export { d as UnsavedBillDialog, d as default };

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

@@ -1,108 +1,2 @@
-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 "./index110.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/index111.js
-function c(c) {
-	let { mode: l, testId: u, labels: d } = c, f = {
-		...r,
-		...d,
-		dropzone: {
-			...r.dropzone,
-			...d?.dropzone
-		}
-	};
-	if (l === "loading") return /* @__PURE__ */ a("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": u,
-		children: [/* @__PURE__ */ i("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
-			children: /* @__PURE__ */ i("span", {
-				"aria-live": "polite",
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: c.fileName ? f.scanningAttachment(c.fileName) : f.scanning
-			})
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-			children: [
-				/* @__PURE__ */ i(t, { className: "ttw:h-6 ttw:w-2/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-3/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:mt-4 ttw:h-4 ttw:w-full" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-full" }),
-				/* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4/5" }),
-				/* @__PURE__ */ i(t, { className: "ttw:mt-auto ttw:h-24 ttw:w-full" })
-			]
-		})]
-	});
-	if (l === "document") {
-		let { fileName: t, preview: n, onDownload: r, onDelete: l, isDeleting: d, deleteErrorMessage: p } = c;
-		return /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-3",
-			"data-testid": u,
-			children: [
-				/* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
-					children: [
-						/* @__PURE__ */ i("span", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: f.scannedAttachment(t ?? "")
-						}),
-						r ? /* @__PURE__ */ i(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": f.download,
-							onClick: r,
-							children: /* @__PURE__ */ i(o, { className: "ttw:size-4" })
-						}) : null,
-						l ? /* @__PURE__ */ i(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": f.delete,
-							disabled: d,
-							onClick: l,
-							children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
-						}) : null
-					]
-				}),
-				p ? /* @__PURE__ */ i("p", {
-					role: "alert",
-					className: "ttw:text-sm ttw:text-destructive",
-					"data-testid": u ? `${u}-delete-error` : void 0,
-					children: p
-				}) : null,
-				/* @__PURE__ */ i("div", {
-					className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:items-start ttw:justify-center ttw:overflow-auto ttw:rounded-lg ttw:border ttw:border-border ttw:bg-white ttw:p-4",
-					children: n
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ a("div", {
-		className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
-		"data-testid": u,
-		children: [
-			/* @__PURE__ */ i("p", {
-				className: "ttw:mb-3 ttw:text-sm ttw:font-medium ttw:text-foreground",
-				children: f.uploadHeading
-			}),
-			c.noticeMessage ? /* @__PURE__ */ i("p", {
-				"aria-live": "polite",
-				className: "ttw:mb-3 ttw:text-sm ttw:text-muted-foreground",
-				"data-testid": u ? `${u}-notice` : void 0,
-				children: c.noticeMessage
-			}) : null,
-			/* @__PURE__ */ i(n, {
-				status: c.uploadStatus,
-				errorMessage: c.uploadErrorMessage,
-				onFilesSelected: c.onFilesSelected,
-				labels: f.dropzone
-			})
-		]
-	});
-}
-//#endregion
-export { c as SourceDocumentPanel, c as default };
+import "./index109.js";
+import "./index110.js";

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

@@ -62,6 +62,7 @@ var c = {
 	createButton: "Add bill",
 	settingsButton: "Bill pay settings",
 	columnVendor: "Vendor",
+	columnInvoiceNumber: "Invoice number",
 	columnAttachment: "Attachment",
 	columnIssueDate: "Issue date",
 	columnDueDate: "Due date",
@@ -73,6 +74,7 @@ var c = {
 	columnTotalAmount: "Total amount",
 	columnStatus: "Status",
 	columnAddedOn: "Added on",
+	columnActions: "Actions",
 	openRow: (e) => `View bill — ${e}`,
 	vendorResolving: "Loading vendor",
 	vendorUnavailable: "Vendor unavailable",
@@ -80,6 +82,10 @@ var c = {
 	searchPlaceholder: "Search by vendor name",
 	searchLabel: "Search bills by vendor name",
 	filterTabsLabel: "Filter bills by status",
+	duplicateReviewFilterLabel: "Possible duplicates",
+	duplicateReviewClearButton: "Show all bills",
+	duplicateGroupToggle: (e) => `Expand or collapse duplicate group ${e}`,
+	duplicateGroupBillCount: (e) => e === 1 ? "1 bill" : `${e} bills`,
 	filteredEmptyTitle: "No bills match",
 	filteredEmptyDescription: "Try a different search or status filter.",
 	errorTitle: "Couldn't load bills",

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

@@ -7,20 +7,24 @@ import { MoreHorizontalIcon as p, MoreVerticalIcon as m } from "lucide-react";
 function h({ actions: h, triggerLabel: g, placement: _ = "row", testId: v }) {
 	let y = u();
 	if (!h.length) return null;
-	let b = _ === "header", x = b ? p : m, S = c(h);
+	let b = _ === "header", x = _ === "header" || _ === "table", S = b ? p : m, C = c(h);
 	return /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(s, {
 		asChild: !0,
 		children: /* @__PURE__ */ d(e, {
 			type: "button",
-			variant: b ? "ghost" : "outline",
+			variant: x ? "ghost" : "outline",
 			size: "icon",
 			"aria-label": g,
 			"data-testid": v,
-			children: /* @__PURE__ */ d(x, { className: "ttw:size-4" })
+			onPointerDown: (e) => e.stopPropagation(),
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ d(S, { className: "ttw:size-4" })
 		})
 	}), /* @__PURE__ */ d(n, {
 		align: "end",
-		children: S.map((e, t) => {
+		onPointerDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		children: C.map((e, t) => {
 			let n = e.items.map((e) => {
 				let t = e.icon;
 				return /* @__PURE__ */ f(i, {

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

@@ -1,6 +1,13 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js
 var e = {
-	message: "This bill is a possible duplicate of another bill.",
+	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"
 };

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

@@ -1,39 +1,170 @@
-import { Alert as e, AlertTitle as t, Button as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_DUPLICATE_NOTICE_LABELS_EN as r } from "./index73.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CopyX as o } from "lucide-react";
+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 "./index21.js";
+import "./index22.js";
+import { BillOverflowMenu as o } from "./index46.js";
+import "./index47.js";
+import { BILL_DUPLICATE_NOTICE_LABELS_EN as s } from "./index73.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/index74.js
-function s({ onNotADuplicate: s, onRemoveBill: c, isActionDisabled: l, testId: u, labels: d }) {
-	let f = {
-		...r,
-		...d
-	};
-	return /* @__PURE__ */ a(e, {
+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": u,
+		"data-testid": C,
 		children: [
-			/* @__PURE__ */ i(o, {}),
-			/* @__PURE__ */ i(t, {
+			/* @__PURE__ */ l(d, {}),
+			/* @__PURE__ */ l(t, {
 				className: "ttw:flex-1",
-				children: f.message
+				children: T.message
 			}),
-			s ? /* @__PURE__ */ i(n, {
+			g ? /* @__PURE__ */ l(r, {
 				type: "button",
 				variant: "outline",
 				className: "ttw:text-foreground",
-				disabled: l,
-				onClick: s,
-				children: f.notADuplicateButton
+				disabled: y,
+				onClick: g,
+				children: T.notADuplicateButton
 			}) : null,
-			c ? /* @__PURE__ */ i(n, {
+			_ ? /* @__PURE__ */ l(r, {
 				type: "button",
 				variant: "destructive",
-				disabled: l,
-				onClick: c,
-				children: f.removeBillButton
+				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 { s as BillDuplicateNotice, s as default };
+export { g as BillDuplicateNotice, g as default };

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

@@ -1,6 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js
 var e = {
 	Vendor: "vendor",
+	InvoiceNumber: "invoiceNumber",
 	Attachment: "attachment",
 	IssueDate: "issueDate",
 	DueDate: "dueDate",