@tesouro/embedded-components-react 0.5.189 → 0.5.191

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

@@ -1,41 +1,318 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_LABELS as i } from "./index61.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+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 "./index20.js";
+import { BillStatusBadge as p } from "./index22.js";
+import "./index23.js";
+import { DueDateValue as m } from "./index25.js";
+import "./index26.js";
+import { PaymentHistoryList as h } from "./index27.js";
+import "./index28.js";
+import { ScheduledSummaryBadge as g } from "./index17.js";
+import { BillActionButtons as _, NO_BILL_ACTIONS as v } from "./index18.js";
+import { BillOverflowMenu as y } from "./index40.js";
+import "./index41.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as b } from "./index61.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/index62.js
-function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
-	let d = {
-		...i,
-		...s
+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 = v, 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 = {
+		...b,
+		...Y,
+		statusBadge: {
+			...b.statusBadge,
+			...Y?.statusBadge
+		},
+		approvalPolicy: {
+			...b.approvalPolicy,
+			...Y?.approvalPolicy
+		},
+		dueDate: {
+			...b.dueDate,
+			...Y?.dueDate
+		},
+		auditHistory: {
+			...b.auditHistory,
+			...Y?.auditHistory
+		}
 	};
-	return /* @__PURE__ */ o("section", {
-		className: "ttw:w-full ttw:space-y-5",
-		children: [d.description ? /* @__PURE__ */ a("div", {
-			className: "ttw:min-w-0",
-			children: /* @__PURE__ */ a("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: d.description
-			})
-		}) : null, /* @__PURE__ */ o(e, {
-			value: l,
-			onValueChange: u,
-			className: "ttw:w-full",
-			children: [/* @__PURE__ */ a(n, {
-				variant: "line",
-				children: c.map((e) => /* @__PURE__ */ a(r, {
-					value: e.id,
-					children: e.label
-				}, e.id))
-			}), c.map((e) => /* @__PURE__ */ a(t, {
-				value: e.id,
-				className: "ttw:mt-6",
-				children: e.content
-			}, e.id))]
-		})]
+	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(y, {
+							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(g, {
+									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(_, { 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 { s as BillPayWidgetUi };
+export { D as BillDetailsSheet, D as default };

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

@@ -1,19 +1,9 @@
-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/index64.js
-var t = {
-	cancelButton: "Cancel",
-	orConnector: "or",
-	fieldMarkers: e
+var e = {
+	title: "Discard unsaved changes?",
+	description: "Your changes will be lost if you stop editing now.",
+	keepEditingButton: "Keep editing",
+	discardButton: "Discard changes"
 };
-function n(e) {
-	return {
-		...t,
-		...e,
-		fieldMarkers: {
-			...t.fieldMarkers,
-			...e?.fieldMarkers
-		}
-	};
-}
 //#endregion
-export { t as BILL_DECISION_DIALOG_LABELS_EN, n as mergeBillDecisionDialogLabels };
+export { e as DISCARD_CHANGES_DIALOG_LABELS_EN };

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

@@ -1,88 +1,33 @@
-import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o, FieldRequirement as s, Label as c, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { mergeBillDecisionDialogLabels as u } from "./index64.js";
-import { Fragment as d, useEffect as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+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 "./index64.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js
-function g({ open: g, copy: _, onConfirm: v, onCancel: y, isPending: b, confirmIcon: x, labels: S, testId: C, confirmTestId: w, reasonTestId: T, reasonFieldId: E = "bill-decision-reason" }) {
-	let D = u(S), [O, k] = p("");
-	if (f(() => {
-		g || k("");
-	}, [g]), !_) return null;
-	let { alignment: A = "start", icon: j, tone: M = "default", actionWidth: N = "auto" } = _.presentation ?? {}, P = A === "center", F = N === "equal", I = _.pendingApprovers ?? [];
-	return /* @__PURE__ */ m(e, {
-		open: g,
+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 || y();
+			e || f();
 		},
-		children: /* @__PURE__ */ h(t, {
-			"data-testid": C,
-			children: [
-				/* @__PURE__ */ h(i, {
-					className: P ? "ttw:items-center ttw:sm:text-center" : void 0,
-					children: [
-						j ? /* @__PURE__ */ m("span", {
-							className: M === "destructive" ? "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive" : "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
-							children: /* @__PURE__ */ m(j, { className: M === "destructive" ? "ttw:size-4 ttw:text-white" : "ttw:size-4 ttw:text-foreground" })
-						}) : null,
-						/* @__PURE__ */ m(a, { children: _.title }),
-						/* @__PURE__ */ m(n, { children: _.description })
-					]
-				}),
-				I.length > 0 ? /* @__PURE__ */ m("div", {
-					className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:rounded-md ttw:bg-muted ttw:px-3 ttw:py-3",
-					children: /* @__PURE__ */ m("ul", {
-						className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1",
-						children: I.map((e) => /* @__PURE__ */ m("li", {
-							className: "ttw:list-disc ttw:text-sm ttw:text-foreground",
-							children: e.names.map((e, t) => /* @__PURE__ */ h(d, { children: [t > 0 ? /* @__PURE__ */ m("span", {
-								className: "ttw:text-muted-foreground",
-								children: ` ${D.orConnector} `
-							}) : null, /* @__PURE__ */ m("span", {
-								className: "ttw:font-medium",
-								children: e
-							})] }, e))
-						}, e.id))
-					})
-				}) : null,
-				_.reason ? /* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2",
-					children: [/* @__PURE__ */ m(c, {
-						htmlFor: E,
-						requirement: s.Optional,
-						labels: D.fieldMarkers,
-						children: _.reason.label
-					}), /* @__PURE__ */ m(l, {
-						id: E,
-						value: O,
-						placeholder: _.reason.placeholder,
-						onChange: (e) => k(e.target.value),
-						disabled: b,
-						"data-testid": T
-					})]
-				}) : null,
-				/* @__PURE__ */ h(r, {
-					className: P ? "ttw:sm:justify-center" : void 0,
-					children: [/* @__PURE__ */ m(o, {
-						type: "button",
-						variant: "outline",
-						onClick: y,
-						disabled: b,
-						className: F ? "ttw:flex-1" : void 0,
-						children: D.cancelButton
-					}), /* @__PURE__ */ h(o, {
-						type: "button",
-						variant: M === "destructive" ? "destructive" : "default",
-						loading: b,
-						disabled: b,
-						onClick: () => v(_.reason ? O.trim() : void 0),
-						className: F ? "ttw:flex-1" : void 0,
-						"data-testid": w,
-						children: [b ? null : x, _.confirmButton]
-					})]
-				})
-			]
+		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
+			})] })]
 		})
 	});
 }
 //#endregion
-export { g as BillDecisionDialog, g as default };
+export { u as DiscardChangesDialog, u as default };