@tesouro/embedded-components-react 0.3.24 → 0.3.26

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

@@ -1 +1,83 @@
+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 "./index21.js";
+import { DUE_DATE_VALUE_LABELS_EN as i } from "./index22.js";
+import "./index24.js";
+import { MISSING_VALUE_LABELS_EN as a } from "./index52.js";
 import "./index54.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js
+var o = {
+	loadingTitle: "Loading bill…",
+	hiddenDescription: "Bill details",
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	payToHeading: "Pay to",
+	invoiceDetailsHeading: "Invoice details",
+	lineItemsHeading: "Line items",
+	lineItemsQuantityHeading: "Qty/Price",
+	lineItemsAmountHeading: "Amount",
+	payButton: "Pay",
+	markAsPaidButton: "Mark as paid",
+	rejectButton: "Reject",
+	approveButton: "Approve",
+	cancelButton: "Cancel bill",
+	cancelScheduledPaymentButton: "Cancel scheduled payment",
+	reopenButton: "Reopen bill",
+	forceApproveButton: "Approve",
+	forceRejectButton: "Reject",
+	policyOverridesGroup: "Policy overrides",
+	overflowMenuTrigger: "Bill actions",
+	expandButton: "Open full screen",
+	closeButton: "Close",
+	statusBadge: r,
+	approvalPolicy: n,
+	dueDate: i
+}, s = ".pdf,.png,.jpg,.jpeg,.doc,.docx", c = {
+	...t,
+	dropzone: {
+		...t.dropzone,
+		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
+	}
+}, l = {
+	createButton: "Add bill",
+	columnVendor: "Vendor",
+	columnIssueDate: "Issue date",
+	columnDueDate: "Due date",
+	columnScheduledDate: "Scheduled date",
+	columnPaidDate: "Paid date",
+	columnAmountDue: "Amount due",
+	columnAmountScheduled: "Amount scheduled",
+	columnAmountPaid: "Amount paid",
+	columnTotalAmount: "Total amount",
+	columnStatus: "Status",
+	columnAddedOn: "Added on",
+	columnActions: "Actions",
+	openRow: (e) => `View bill — ${e}`,
+	duplicateBillsReviewButton: "Review duplicates",
+	searchPlaceholder: "Search by vendor name",
+	searchLabel: "Search bills by vendor name",
+	filterTabsLabel: "Filter bills by status",
+	filteredEmptyTitle: "No bills match",
+	filteredEmptyDescription: "Try a different search or status filter.",
+	errorTitle: "Couldn't load bills",
+	errorDescription: "Something went wrong. Try again.",
+	errorRetry: "Retry",
+	statusBadge: r,
+	addBill: c,
+	sortableHeader: {
+		sortedAscending: e.sortedAscending,
+		sortedDescending: e.sortedDescending,
+		notSorted: e.notSorted
+	},
+	missingValue: a,
+	dueDate: i
+};
+//#endregion
+export { l as BILLS_SCREEN_LABELS_EN, s as BILLS_SCREEN_UPLOAD_ACCEPT, o as BILL_DETAILS_SHEET_LABELS_EN };

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

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

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

@@ -1,49 +1,13 @@
-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 "./index56.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CopyX as o } from "lucide-react";
+import { Badge as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BADGE_TONE_CLASS_NAME as t } from "./index19.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js
-function s({ onNotADuplicate: s, onRemoveBill: c, onViewOtherBill: l, testId: u, labels: d }) {
-	let f = {
-		...r,
-		...d
-	}, p = l ? /* @__PURE__ */ i("button", {
-		type: "button",
-		onClick: l,
-		className: "ttw:underline ttw:hover:no-underline",
-		children: f.otherBill
-	}) : /* @__PURE__ */ i("span", {
-		className: "ttw:underline",
-		children: f.otherBill
-	});
-	return /* @__PURE__ */ a(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,
-		children: [
-			/* @__PURE__ */ i(o, {}),
-			/* @__PURE__ */ a(t, {
-				className: "ttw:flex-1",
-				children: [
-					f.messagePrefix,
-					p,
-					f.messageSuffix
-				]
-			}),
-			s ? /* @__PURE__ */ i(n, {
-				type: "button",
-				variant: "outline",
-				className: "ttw:text-foreground",
-				onClick: s,
-				children: f.notADuplicateButton
-			}) : null,
-			c ? /* @__PURE__ */ i(n, {
-				type: "button",
-				variant: "destructive",
-				onClick: c,
-				children: f.removeBillButton
-			}) : null
-		]
+function r({ label: r, tone: i = "warning" }) {
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t[i],
+		children: r
 	});
 }
 //#endregion
-export { s as BillDuplicateNotice, s as default };
+export { r as BillDuplicateBadge, r as default };

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

@@ -1,2 +1 @@
-import "./index56.js";
 import "./index57.js";

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

@@ -1,39 +1,10 @@
-import { AMOUNT_FILTER_LABELS_EN as e, DATE_RANGE_PICKER_LABELS_EN as t, FILTER_MENU_BUTTON_LABELS_EN as n, FILTER_TAG_LABELS_EN as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
-var i = {
-	fields: {
-		vendor: "Vendor",
-		issueDate: "Issue date",
-		dueDate: "Due date",
-		status: "Status",
-		totalAmount: "Total amount",
-		addedOn: "Added on",
-		attachment: "Attachment"
-	},
-	fieldMenuLabel: "Filter bills by",
-	amountMin: "No less than",
-	amountMax: "No more than",
-	vendorSearchPlaceholder: "Search vendors",
-	vendorSearchLabel: "Search vendors",
-	vendorEmpty: "No vendors match",
-	vendorLoading: "Loading vendors",
-	vendorError: "Couldn't load vendors",
-	attachmentAny: "Any",
-	attachmentHas: "Has attachment",
-	attachmentNone: "No attachment",
-	attachmentLabel: "Filter by attachment",
-	clearAll: "Clear all",
-	filterMenuButton: n,
-	filterTag: r,
-	amountFilter: {
-		modeAny: e.modeAny,
-		modeExact: e.modeExact,
-		modeRange: e.modeRange,
-		flowAny: e.flowAny,
-		flowIn: e.flowIn,
-		flowOut: e.flowOut
-	},
-	dateRangePicker: { presetPlaceholder: t.presetPlaceholder }
+var e = {
+	messagePrefix: "This bill is a possible duplicate of ",
+	otherBill: "another bill",
+	messageSuffix: ".",
+	notADuplicateButton: "Not a duplicate",
+	removeBillButton: "Remove this bill"
 };
 //#endregion
-export { i as BILLS_FILTER_BAR_LABELS_EN };
+export { e as BILL_DUPLICATE_NOTICE_LABELS_EN };

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

@@ -1,12 +1,49 @@
+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 "./index59.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CopyX as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js
-var e = {
-	Vendor: "vendor",
-	IssueDate: "issueDate",
-	DueDate: "dueDate",
-	Status: "status",
-	TotalAmount: "totalAmount",
-	AddedOn: "addedOn",
-	Attachment: "attachment"
-};
+function s({ onNotADuplicate: s, onRemoveBill: c, onViewOtherBill: l, testId: u, labels: d }) {
+	let f = {
+		...r,
+		...d
+	}, p = l ? /* @__PURE__ */ i("button", {
+		type: "button",
+		onClick: l,
+		className: "ttw:underline ttw:hover:no-underline",
+		children: f.otherBill
+	}) : /* @__PURE__ */ i("span", {
+		className: "ttw:underline",
+		children: f.otherBill
+	});
+	return /* @__PURE__ */ a(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,
+		children: [
+			/* @__PURE__ */ i(o, {}),
+			/* @__PURE__ */ a(t, {
+				className: "ttw:flex-1",
+				children: [
+					f.messagePrefix,
+					p,
+					f.messageSuffix
+				]
+			}),
+			s ? /* @__PURE__ */ i(n, {
+				type: "button",
+				variant: "outline",
+				className: "ttw:text-foreground",
+				onClick: s,
+				children: f.notADuplicateButton
+			}) : null,
+			c ? /* @__PURE__ */ i(n, {
+				type: "button",
+				variant: "destructive",
+				onClick: c,
+				children: f.removeBillButton
+			}) : null
+		]
+	});
+}
 //#endregion
-export { e as BillsFilterField };
+export { s as BillDuplicateNotice, s as default };