@tesouro/embedded-components-react 0.2.327 → 0.2.328

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

@@ -1,204 +1,4 @@
-import { Button as e, DataTable as t, DataTableSortableHeader as n, Input as r, Tabs as i, TabsContent as a, TabsList as o, TabsTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as l } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { AddBillPanel as u } from "./index7.js";
-import "./index8.js";
-import { BillStatusBadge as d } from "./index14.js";
-import "./index15.js";
-import { MissingValue as f } from "./index41.js";
-import "./index42.js";
-import { BILLS_SCREEN_LABELS_EN as p, BILLS_SCREEN_UPLOAD_ACCEPT as m } from "./index43.js";
-import { useMemo as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ChevronRightIcon as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index45.js
-var x = [
-	10,
-	25,
-	50,
-	100
-];
-function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E, pageSize: D, onPageSizeChange: O, pageSizeOptions: k = x, pageInfo: A, hasNextPage: j, hasPrevPage: M, onNextPage: N, onPrevPage: P, filterTabs: F, selectedFilterTabId: I, onFilterTabChange: L, searchValue: R, onSearchChange: z, isFiltering: B, onCreateClick: V, onRetry: H, onFilesSelected: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y }) {
-	let X = h(() => ({
-		...p,
-		...Y,
-		statusBadge: {
-			...p.statusBadge,
-			...Y?.statusBadge
-		},
-		addBill: {
-			...p.addBill,
-			...Y?.addBill,
-			dropzone: {
-				...p.addBill.dropzone,
-				...Y?.addBill?.dropzone
-			}
-		},
-		sortableHeader: {
-			...p.sortableHeader,
-			...Y?.sortableHeader
-		},
-		missingValue: {
-			...p.missingValue,
-			...Y?.missingValue
-		}
-	}), [Y]), Z = h(() => [
-		{
-			accessorKey: "vendorLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: X.columnVendor,
-				labels: X.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.vendorLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
-		},
-		{
-			accessorKey: "dueDateLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: X.columnDueDate,
-				labels: X.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.dueDateLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
-		},
-		{
-			accessorKey: "status",
-			enableSorting: !1,
-			header: X.columnStatus,
-			cell: ({ row: e }) => /* @__PURE__ */ g(d, {
-				status: e.original.status,
-				tone: e.original.statusTone,
-				labels: X.statusBadge
-			})
-		},
-		{
-			accessorKey: "amountDueLabel",
-			enableSorting: !1,
-			header: () => /* @__PURE__ */ g("div", {
-				className: "ttw:text-right",
-				children: X.columnAmountDue
-			}),
-			cell: ({ row: e }) => /* @__PURE__ */ g("div", {
-				className: "ttw:text-right",
-				children: e.original.amountDueLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
-			})
-		},
-		{
-			accessorKey: "addedOnLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: X.columnAddedOn,
-				labels: X.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.addedOnLabel || /* @__PURE__ */ g(f, { labels: X.missingValue })
-		},
-		{
-			id: "actions",
-			enableSorting: !1,
-			header: () => /* @__PURE__ */ g("span", {
-				className: "ttw:sr-only",
-				children: X.columnActions
-			}),
-			cell: ({ row: t }) => /* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:justify-end",
-				children: /* @__PURE__ */ g(e, {
-					variant: "ghost",
-					size: "icon",
-					"aria-label": X.openRow(t.original.vendorLabel || X.missingValue.missing),
-					onClick: (e) => {
-						e.stopPropagation(), t.original.onOpen();
-					},
-					children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
-				})
-			})
-		}
-	], [X]), Q = !!(V && U) && !C && !w && !B && S.length === 0, $ = /* @__PURE__ */ g("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: /* @__PURE__ */ _("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ g(b, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ g(r, {
-				className: "ttw:pl-9",
-				type: "search",
-				"aria-label": X.searchLabel,
-				placeholder: X.searchPlaceholder,
-				value: R,
-				onChange: (e) => z(e.target.value)
-			})]
-		})
-	});
-	return /* @__PURE__ */ _(i, {
-		value: I,
-		onValueChange: L,
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ _("div", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-			children: [/* @__PURE__ */ g(o, {
-				"aria-label": X.filterTabsLabel,
-				children: F.map((e) => /* @__PURE__ */ _(s, {
-					value: e.id,
-					className: "ttw:min-w-28",
-					children: [e.icon, e.label]
-				}, e.id))
-			}), V && !Q ? /* @__PURE__ */ _(e, {
-				onClick: V,
-				children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), X.createButton]
-			}) : null]
-		}), (() => {
-			let e = w ? /* @__PURE__ */ g(l, {
-				title: X.errorTitle,
-				description: X.errorDescription,
-				retryLabel: H ? X.errorRetry : void 0,
-				onRetry: H
-			}) : Q && V && U ? /* @__PURE__ */ g("div", {
-				className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-				children: q && J ? /* @__PURE__ */ g(u, {
-					emailAddress: q,
-					onCopyEmail: J,
-					onFilesSelected: U,
-					accept: m,
-					uploadStatus: G,
-					uploadErrorMessage: K,
-					onEnterManually: W ?? V,
-					labels: X.addBill
-				}) : /* @__PURE__ */ g(u, {
-					onFilesSelected: U,
-					accept: m,
-					uploadStatus: G,
-					uploadErrorMessage: K,
-					onEnterManually: W ?? V,
-					labels: X.addBill
-				})
-			}) : /* @__PURE__ */ g(t, {
-				columns: Z,
-				data: S,
-				isLoading: C,
-				sorting: T,
-				onSortingChange: E,
-				pageSize: D,
-				onPageSizeChange: O,
-				pageSizeOptions: k,
-				pageInfo: A,
-				hasNextPage: j,
-				hasPrevPage: M,
-				onNextPage: N,
-				onPrevPage: P,
-				onRowClick: (e) => e.onOpen(),
-				filterComponent: $,
-				children: B ? /* @__PURE__ */ g(c, {
-					title: X.filteredEmptyTitle,
-					description: X.filteredEmptyDescription
-				}) : void 0
-			});
-			return F.map((t) => /* @__PURE__ */ g(a, {
-				value: t.id,
-				children: t.id === I ? e : null
-			}, t.id));
-		})()]
-	});
-}
+var e = { cancelButton: "Back" };
 //#endregion
-export { S as BillsScreen, S as default };
+export { e as BILL_DECISION_DIALOG_LABELS_EN };

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

@@ -1,10 +1,63 @@
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o, Label as s, Textarea as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_DECISION_DIALOG_LABELS_EN as l } from "./index45.js";
+import { useEffect as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js
-var e = {
-	collapse: "Collapse upload status",
-	expand: "Expand upload status",
-	close: "Close upload status",
-	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
-	openItem: (e) => `Open ${e}`
-};
+function m({ open: m, copy: h, onConfirm: g, onCancel: _, isPending: v, labels: y, testId: b, confirmTestId: x, reasonTestId: S, reasonFieldId: C = "bill-decision-reason" }) {
+	let w = {
+		...l,
+		...y
+	}, [T, E] = d("");
+	return u(() => {
+		m || E("");
+	}, [m]), h ? /* @__PURE__ */ f(e, {
+		open: m,
+		onOpenChange: (e) => {
+			e || _();
+		},
+		children: /* @__PURE__ */ p(t, {
+			"data-testid": b,
+			children: [
+				/* @__PURE__ */ p(i, { children: [/* @__PURE__ */ f(a, { children: h.title }), /* @__PURE__ */ f(n, { children: h.description })] }),
+				h.warning ? /* @__PURE__ */ f("p", {
+					className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:p-3 ttw:text-sm ttw:text-foreground",
+					children: h.warning
+				}) : null,
+				h.reason ? /* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [/* @__PURE__ */ p(s, {
+						htmlFor: C,
+						children: [h.reason.label, /* @__PURE__ */ f("span", {
+							className: "ttw:ml-1 ttw:text-muted-foreground",
+							children: h.reason.optionalHint
+						})]
+					}), /* @__PURE__ */ f(c, {
+						id: C,
+						value: T,
+						placeholder: h.reason.placeholder,
+						onChange: (e) => E(e.target.value),
+						disabled: v,
+						"data-testid": S
+					})]
+				}) : null,
+				/* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, {
+					type: "button",
+					variant: "outline",
+					onClick: _,
+					disabled: v,
+					children: w.cancelButton
+				}), /* @__PURE__ */ f(o, {
+					type: "button",
+					variant: "default",
+					loading: v,
+					disabled: v,
+					onClick: () => g(h.reason ? T.trim() : void 0),
+					"data-testid": x,
+					children: h.confirmButton
+				})] })
+			]
+		})
+	}) : null;
+}
 //#endregion
-export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
+export { m as BillDecisionDialog, m as default };

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

@@ -1,8 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js
-var e = {
-	uploading: "ttw:text-muted-foreground",
-	ready: "ttw:text-emerald-600",
-	failed: "ttw:text-destructive"
-};
-//#endregion
-export { e as UPLOAD_ITEM_ICON_TONE };
+import "./index45.js";
+import "./index46.js";

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

@@ -1,93 +1,4 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index46.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index47.js";
-import { useId as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckCircle2 as s, ChevronDown as c, ChevronRight as l, ChevronUp as u, Loader2 as d, X as f, XCircle as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js
-function m({ status: t }) {
-	let r = e("ttw:size-4", n[t]);
-	return t === "uploading" ? /* @__PURE__ */ a(d, {
-		"aria-hidden": !0,
-		className: e(r, "ttw:animate-spin")
-	}) : a(t === "ready" ? s : p, {
-		"aria-hidden": !0,
-		className: r
-	});
-}
-function h({ item: t, labels: n }) {
-	let s = r(), c = /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a(m, { status: t.status }),
-		/* @__PURE__ */ a("span", {
-			id: s,
-			className: "ttw:sr-only",
-			children: n.statusLabel(t.status)
-		}),
-		/* @__PURE__ */ a("span", {
-			className: "ttw:flex-1 ttw:truncate ttw:text-left ttw:text-sm ttw:text-foreground",
-			children: t.fileName
-		}),
-		t.onOpen ? /* @__PURE__ */ a(l, {
-			"aria-hidden": !0,
-			className: "ttw:size-4"
-		}) : null
-	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
-	return t.onOpen ? /* @__PURE__ */ a("button", {
-		type: "button",
-		onClick: t.onOpen,
-		"aria-describedby": s,
-		"aria-label": n.openItem(t.fileName),
-		className: e(u, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
-		children: c
-	}) : /* @__PURE__ */ a("div", {
-		"aria-describedby": s,
-		className: u,
-		children: c
-	});
-}
-function g({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
-	let p = {
-		...t,
-		...d
-	};
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:fixed ttw:right-4 ttw:bottom-4 ttw:z-50 ttw:w-96 ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-		"data-testid": l,
-		children: [/* @__PURE__ */ o("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-b ttw:border-border ttw:bg-muted/40 ttw:px-4 ttw:py-3",
-			children: [
-				/* @__PURE__ */ a("span", {
-					"aria-live": "polite",
-					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: n
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: i,
-					"aria-label": r ? p.expand : p.collapse,
-					"aria-expanded": !r,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: a(r ? u : c, { className: "ttw:size-4" })
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: s,
-					"aria-label": p.close,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: /* @__PURE__ */ a(f, { className: "ttw:size-4" })
-				})
-			]
-		}), r ? null : /* @__PURE__ */ a("div", {
-			className: "ttw:max-h-96 ttw:overflow-y-auto",
-			children: e.map((e) => /* @__PURE__ */ o("div", { children: [e.caption ? /* @__PURE__ */ a("p", {
-				className: "ttw:px-4 ttw:pt-3 ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
-				children: e.caption
-			}) : null, e.items.map((e) => /* @__PURE__ */ a(h, {
-				item: e,
-				labels: p
-			}, e.id))] }, e.id))
-		})]
-	});
-}
+var e = { missing: "Missing" };
 //#endregion
-export { g as BillUploadStatusTray, g as default };
+export { e as MISSING_VALUE_LABELS_EN };

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

@@ -0,0 +1,16 @@
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MISSING_VALUE_LABELS_EN as t } from "./index48.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js
+function r({ labels: r, className: i }) {
+	let a = {
+		...t,
+		...r
+	};
+	return /* @__PURE__ */ n("span", {
+		className: e("ttw:text-amber-700", i),
+		children: a.missing
+	});
+}
+//#endregion
+export { r as MissingValue, r as default };

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

@@ -1,2 +1,2 @@
-import "./index46.js";
 import "./index48.js";
+import "./index49.js";

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

@@ -1,7 +1,70 @@
+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 { BILL_STATUS_BADGE_LABELS_EN as r } from "./index18.js";
+import "./index20.js";
+import { MISSING_VALUE_LABELS_EN as i } from "./index48.js";
+import "./index50.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js
-var e = {
-	message: "Data extracted automatically — please review all details to make sure they match",
-	dismiss: "Dismiss this notice"
+var a = {
+	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",
+	reopenButton: "Reopen bill",
+	forceApproveButton: "Approve without policy",
+	forceRejectButton: "Reject without policy",
+	overflowMenuTrigger: "Bill actions",
+	expandButton: "Open full screen",
+	closeButton: "Close",
+	statusBadge: r,
+	approvalPolicy: n
+}, o = ".pdf,.png,.jpg,.jpeg,.doc,.docx", s = {
+	...t,
+	dropzone: {
+		...t.dropzone,
+		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
+	}
+}, c = {
+	createButton: "Add bill",
+	columnVendor: "Vendor",
+	columnDueDate: "Due date",
+	columnAmountDue: "Amount due",
+	columnStatus: "Status",
+	columnAddedOn: "Added on",
+	columnActions: "Actions",
+	openRow: (e) => `View bill — ${e}`,
+	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: s,
+	sortableHeader: {
+		sortedAscending: e.sortedAscending,
+		sortedDescending: e.sortedDescending,
+		notSorted: e.notSorted
+	},
+	missingValue: i
 };
 //#endregion
-export { e as EXTRACTION_NOTICE_LABELS_EN };
+export { c as BILLS_SCREEN_LABELS_EN, o as BILLS_SCREEN_UPLOAD_ACCEPT, a as BILL_DETAILS_SHEET_LABELS_EN };