@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,278 +1,54 @@
-import { AuditHistoryList as e, Badge as t, Button as n, RequiredFieldsLegend as r, Skeleton as i, Typography as a, cn as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as s } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { ApprovalPolicyCard as c } from "./index13.js";
-import "./index14.js";
-import { BillRejectionNotice as l } from "./index19.js";
-import { BillStatusBadge as u } from "./index21.js";
-import "./index22.js";
-import { DueDateValue as d } from "./index24.js";
-import "./index25.js";
-import { PaymentHistoryList as f } from "./index26.js";
-import "./index27.js";
-import { VendorSummaryCard as p } from "./index30.js";
-import "./index31.js";
-import { mergeBillDetailBodyLabels as m } from "./index39.js";
-import { ScheduledSummaryBadge as h } from "./index17.js";
-import { BillActionButtons as g, NO_BILL_ACTIONS as _ } from "./index18.js";
-import { useMemo as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { AlertTriangle as x } from "lucide-react";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { groupBySectionHeading as c } from "./index39.js";
+import { Fragment as l, useId as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { MoreHorizontalIcon as p, MoreVerticalIcon as m } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js
-var S = "ttw:text-base ttw:font-semibold", C = "ttw:px-3 ttw:py-2", w = "ttw:py-2 ttw:pr-3", T = "ttw:flex ttw:items-start ttw:gap-4 ttw:py-2.5", E = "ttw:w-[140px] ttw:shrink-0 ttw:text-sm ttw:font-medium ttw:text-muted-foreground";
-function D({ view: D, actions: O = _, scheduledSummary: k, scheduledSummaryDate: A, scheduledStatusLabel: j, showApprovalOverrideNotice: M, awaitingApprovalNotice: N, payTo: P, hideMissingPaymentInstructions: F, paymentHistoryError: I, paymentHistoryLoading: L, historyError: R, historyLoading: z, historyNamesError: B, isLoading: V, isError: H, labels: U }) {
-	let W = v(() => m(U), [U]), G = v(() => ({
-		...W.payToCard,
-		payToHeading: D?.paidOnLabel ? W.payToHeadingPaid : W.payToHeading,
-		vendorLabel: W.vendorRow,
-		achBankAccountLabel: W.paymentInstructionsRow
-	}), [W, D?.paidOnLabel]), K = v(() => ({
-		...W.statusBadge,
-		...j ? { scheduled: j } : void 0
-	}), [W.statusBadge, j]);
-	if (H) return /* @__PURE__ */ y(s, {
-		title: W.errorTitle,
-		description: W.errorDescription
-	});
-	if (V || !D) return /* @__PURE__ */ b("div", {
-		"aria-hidden": !0,
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [
-			/* @__PURE__ */ y(i, { className: "ttw:h-40 ttw:w-full" }),
-			/* @__PURE__ */ y(i, { className: "ttw:h-32 ttw:w-full" }),
-			/* @__PURE__ */ y(i, { className: "ttw:h-24 ttw:w-full" })
-		]
-	});
-	let q = F ? void 0 : P?.paymentInstructions, J = D.payTo.hasPaymentInstructions ? void 0 : q;
-	return /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [
-			J ? /* @__PURE__ */ b("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-md ttw:border ttw:border-amber-200 ttw:bg-amber-50 ttw:px-3 ttw:py-2.5",
-				children: [
-					/* @__PURE__ */ y(x, { className: "ttw:size-4 ttw:shrink-0 ttw:text-amber-800" }),
-					/* @__PURE__ */ y("p", {
-						className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
-						children: W.missingPaymentInstructionsBanner
-					}),
-					/* @__PURE__ */ y(n, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						onClick: J.onOpen,
-						children: W.addPaymentInstructions
-					})
-				]
-			}) : null,
-			/* @__PURE__ */ b("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4",
-				children: [
-					D.paidOnLabel ? /* @__PURE__ */ b("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
-						children: [/* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ y("span", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: W.amountDueHeading
-							}), /* @__PURE__ */ y("span", {
-								className: "ttw:text-3xl ttw:font-semibold",
-								children: D.amountDue
-							})]
-						}), /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ y("span", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: W.amountPaidHeading
-							}), /* @__PURE__ */ y("span", {
-								className: "ttw:text-3xl ttw:font-semibold ttw:text-emerald-600",
-								children: D.amountPaid
-							})]
-						})]
-					}) : /* @__PURE__ */ b("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ y("span", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: W.amountDueHeading
-						}), /* @__PURE__ */ y("span", {
-							className: "ttw:text-3xl ttw:font-semibold",
-							children: D.amountDue
-						})]
-					}),
-					/* @__PURE__ */ y("div", { children: D.paidOnLabel ? /* @__PURE__ */ y(t, {
-						variant: "outline",
-						className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
-						children: D.paidOnLabel
-					}) : k ? /* @__PURE__ */ y(h, {
-						summary: k,
-						date: A
-					}) : /* @__PURE__ */ y(u, {
-						status: D.status,
-						tone: D.statusTone,
-						labels: K
-					}) }),
-					/* @__PURE__ */ b("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
-						children: [/* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:flex-col",
-							children: [/* @__PURE__ */ y("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: W.invoiceDateLabel
-							}), /* @__PURE__ */ y("span", {
-								className: "ttw:text-sm ttw:font-medium",
-								children: D.invoiceDateLabel
-							})]
-						}), /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:flex-col",
-							children: [/* @__PURE__ */ y("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: W.dueDateLabel
-							}), /* @__PURE__ */ y(d, {
-								className: "ttw:text-sm ttw:font-medium",
-								value: D.dueDateLabel,
-								tone: D.dueDateTone,
-								labels: W.dueDate
-							})]
-						})]
-					}),
-					D.rejection ? /* @__PURE__ */ y(l, { ...D.rejection }) : null,
-					M ? /* @__PURE__ */ y(a, {
-						variant: "caption",
-						color: "muted",
-						children: W.approvalOverrideNotice
-					}) : N ? /* @__PURE__ */ y(a, {
-						variant: "caption",
-						color: "muted",
-						children: N
-					}) : null,
-					!k && O.row.length ? /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
-						children: /* @__PURE__ */ y(g, { actions: O.row })
-					}) : null
-				]
-			}),
-			q?.isOpen && !F ? /* @__PURE__ */ y(r, { labels: W.requiredFieldsLegend }) : null,
-			P?.editForm ? /* @__PURE__ */ b("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [P.editForm, /* @__PURE__ */ y(p, {
-					summary: D.payTo,
-					paymentInstructions: q,
-					detailsWarning: P?.detailsWarning,
-					labels: G
-				})]
-			}) : /* @__PURE__ */ y(p, {
-				summary: D.payTo,
-				onEdit: P?.onEdit,
-				paymentInstructions: q,
-				detailsWarning: P?.detailsWarning,
-				labels: G
-			}),
-			D.paymentHistory.length || I || L ? /* @__PURE__ */ b("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [/* @__PURE__ */ y("h3", {
-					className: S,
-					children: W.paymentHistoryHeading
-				}), I ? /* @__PURE__ */ y("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: W.paymentHistoryErrorDescription
-				}) : L ? /* @__PURE__ */ y(i, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ y(f, { records: D.paymentHistory })]
-			}) : null,
-			/* @__PURE__ */ b("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [/* @__PURE__ */ y("h3", {
-					className: S,
-					children: W.invoiceDetailsHeading
-				}), /* @__PURE__ */ y("dl", {
-					className: "ttw:flex ttw:flex-col ttw:divide-y ttw:divide-border",
-					children: D.invoiceFields.map((e) => /* @__PURE__ */ b("div", {
-						className: T,
-						children: [/* @__PURE__ */ y("dt", {
-							className: E,
-							children: e.label
-						}), /* @__PURE__ */ y("dd", {
-							className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-							children: e.value
-						})]
-					}, e.label))
-				})]
-			}),
-			/* @__PURE__ */ y("section", { children: /* @__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: o(w, "ttw:text-left ttw:font-normal"),
-							children: W.descriptionAndGlCodeColumn
-						}),
-						/* @__PURE__ */ y("th", {
-							className: o(C, "ttw:text-right ttw:font-normal"),
-							children: W.qtyPriceColumn
-						}),
-						/* @__PURE__ */ y("th", {
-							className: o(C, "ttw:text-right ttw:font-normal"),
-							children: W.amountColumn
-						})
-					]
-				}) }), /* @__PURE__ */ b("tbody", { children: [D.lineItems.map((e) => /* @__PURE__ */ b("tr", {
-					className: "ttw:border-b ttw:border-border",
-					children: [
-						/* @__PURE__ */ y("td", {
-							className: w,
-							children: /* @__PURE__ */ b("div", {
-								className: "ttw:flex ttw:flex-col",
-								children: [/* @__PURE__ */ y("span", { children: e.description }), /* @__PURE__ */ y("span", {
-									className: "ttw:text-xs ttw:text-muted-foreground",
-									children: e.glCodeLabel
-								})]
-							})
-						}),
-						/* @__PURE__ */ y("td", {
-							className: o(C, "ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground"),
-							children: e.qtyPriceLabel
-						}),
-						/* @__PURE__ */ y("td", {
-							className: o(C, "ttw:text-right ttw:whitespace-nowrap"),
-							children: e.amount
-						})
-					]
-				}, e.id)), D.amountRows.map((e) => /* @__PURE__ */ b("tr", {
-					className: o(e.emphasis ? "ttw:font-semibold" : "ttw:text-muted-foreground"),
-					children: [/* @__PURE__ */ y("td", {
-						colSpan: 2,
-						className: w,
-						children: e.label
-					}), /* @__PURE__ */ y("td", {
-						className: o(C, "ttw:text-right ttw:whitespace-nowrap", e.emphasis && "ttw:text-foreground"),
-						children: e.value
-					})]
-				}, e.label))] })]
-			}) }),
-			D.approvalPolicy ? /* @__PURE__ */ y(c, {
-				view: D.approvalPolicy,
-				labels: W.approvalPolicy
-			}) : null,
-			/* @__PURE__ */ b("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [
-					/* @__PURE__ */ y("h3", {
-						className: S,
-						children: W.history.heading
-					}),
-					B ? /* @__PURE__ */ y(a, {
-						variant: "caption",
-						color: "muted",
-						children: W.history.namesError
-					}) : null,
-					/* @__PURE__ */ y(e, {
-						rows: D.history,
-						isLoading: z,
-						isError: R,
-						labels: W.history
-					})
-				]
-			})
-		]
-	});
+function h({ actions: h, triggerLabel: g, placement: _ = "row", testId: v }) {
+	let y = u();
+	if (!h.length) return null;
+	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: x ? "ghost" : "outline",
+			size: "icon",
+			"aria-label": g,
+			"data-testid": v,
+			onPointerDown: (e) => e.stopPropagation(),
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ d(S, { className: "ttw:size-4" })
+		})
+	}), /* @__PURE__ */ d(n, {
+		align: "end",
+		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, {
+					disabled: e.disabled,
+					onClick: e.onSelect,
+					children: [t ? /* @__PURE__ */ d(t, { className: "ttw:size-4" }) : null, e.label]
+				}, e.id);
+			});
+			if (!e.heading) return /* @__PURE__ */ d(l, { children: n }, e.items[0]?.id);
+			let s = `${y}-${t}`;
+			return /* @__PURE__ */ f(l, { children: [
+				t > 0 ? /* @__PURE__ */ d(o, {}) : null,
+				/* @__PURE__ */ d(a, {
+					id: s,
+					className: "ttw:py-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+					children: e.heading
+				}),
+				/* @__PURE__ */ d(r, {
+					"aria-labelledby": s,
+					children: n
+				})
+			] }, e.items[0]?.id);
+		})
+	})] });
 }
 //#endregion
-export { D as BillDetailBody, D as default };
+export { h as BillOverflowMenu, h as default };

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

@@ -1,10 +1,24 @@
 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
 var t = {
-	invoiceNumber: "Invoice number",
-	invoiceDate: "Invoice date",
-	dueDate: "Due date",
-	poNumber: "PO number",
+	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.",
+	description: "Description",
+	descriptionPlaceholder: "e.g., Office supplies",
+	glCode: "GL code",
+	glCodePlaceholder: "Select",
+	glCodeClear: "Clear GL code",
+	quantity: "Quantity",
+	price: "Price",
+	amount: "Amount",
+	currencySymbol: "$",
+	discount: "Discounts",
+	tax: "Tax",
+	totalAmount: "Total amount",
+	addLineItem: "+ Add line item",
+	increaseQuantity: (e) => `Increase quantity — line item ${e}`,
+	decreaseQuantity: (e) => `Decrease quantity — line item ${e}`,
+	removeLineItem: (e) => `Remove line item ${e}`,
 	fieldMarkers: e
 };
 function n(e) {
@@ -18,4 +32,4 @@ function n(e) {
 	};
 }
 //#endregion
-export { t as BILL_FORM_FIELDS_LABELS_EN, n as mergeBillFormFieldsLabels };
+export { t as LINE_ITEMS_SECTION_LABELS_EN, n as mergeLineItemsSectionLabels };