@tesouro/embedded-components-react 0.4.4 → 0.4.6

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

@@ -9,9 +9,11 @@ var r = {
 	errorTitle: "Couldn't load this bill",
 	errorDescription: "Something went wrong. Try again.",
 	amountDueHeading: "Amount due",
+	amountPaidHeading: "Amount paid",
 	invoiceDateLabel: "Invoice date",
 	dueDateLabel: "Due date",
 	payToHeading: "Pay to",
+	payToHeadingPaid: "Paid to",
 	vendorRow: "Vendor",
 	paymentInstructionsRow: "Payment instructions",
 	addPaymentInstructions: "Add payment instructions",

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

@@ -56,7 +56,28 @@ function x({ view: x, actions: S = d, scheduledSummary: C, paymentInstructionsFo
 			/* @__PURE__ */ h("section", {
 				className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
 				children: [
-					/* @__PURE__ */ h("div", {
+					x.paidOnLabel ? /* @__PURE__ */ h("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
+						children: [/* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ m("span", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: O.amountDueHeading
+							}), /* @__PURE__ */ m("span", {
+								className: "ttw:text-3xl ttw:font-semibold",
+								children: x.amountDue
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ m("span", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: O.amountPaidHeading
+							}), /* @__PURE__ */ m("span", {
+								className: "ttw:text-3xl ttw:font-semibold ttw:text-emerald-600",
+								children: x.amountPaid
+							})]
+						})]
+					}) : /* @__PURE__ */ h("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-1",
 						children: [/* @__PURE__ */ m("span", {
 							className: "ttw:text-sm ttw:text-muted-foreground",
@@ -66,7 +87,11 @@ function x({ view: x, actions: S = d, scheduledSummary: C, paymentInstructionsFo
 							children: x.amountDue
 						})]
 					}),
-					/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(s, {
+					/* @__PURE__ */ m("div", { children: x.paidOnLabel ? /* @__PURE__ */ m(e, {
+						variant: "outline",
+						className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
+						children: x.paidOnLabel
+					}) : /* @__PURE__ */ m(s, {
 						status: x.status,
 						tone: x.statusTone,
 						labels: O.statusBadge
@@ -113,7 +138,7 @@ function x({ view: x, actions: S = d, scheduledSummary: C, paymentInstructionsFo
 				children: [
 					/* @__PURE__ */ m("h3", {
 						className: v,
-						children: O.payToHeading
+						children: x.paidOnLabel ? O.payToHeadingPaid : O.payToHeading
 					}),
 					/* @__PURE__ */ h("div", {
 						className: b,

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

@@ -16,9 +16,11 @@ var o = {
 	errorTitle: "Couldn't load this bill",
 	errorDescription: "Something went wrong. Try again.",
 	amountDueHeading: "Amount due",
+	amountPaidHeading: "Amount paid",
 	invoiceDateLabel: "Invoice date",
 	dueDateLabel: "Due date",
 	payToHeading: "Pay to",
+	payToHeadingPaid: "Paid to",
 	invoiceDetailsHeading: "Invoice details",
 	lineItemsHeading: "Line items",
 	lineItemsQuantityHeading: "Qty/Price",

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

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

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

@@ -4,7 +4,7 @@ var e = {
 	description: "This bill has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",
 	saveDraftButton: "Save as draft",
 	discardButton: "Discard changes",
-	cancelButton: "Keep editing"
+	closeButton: "Close"
 };
 //#endregion
 export { e as UNSAVED_BILL_DIALOG_LABELS_EN };

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

@@ -1,47 +1,52 @@
 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 "./index97.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/index98.js
-function u({ open: u, onSaveDraft: d, onDiscard: f, onCancel: p, isSaving: m, isSaveDraftDisabled: h, labels: g, testId: _, saveDraftTestId: v, discardTestId: y }) {
-	let b = {
+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,
-		...g
+		..._
 	};
 	return /* @__PURE__ */ c(e, {
-		open: u,
+		open: d,
 		onOpenChange: (e) => {
-			!e && !m && p();
+			!e && !h && m();
 		},
 		children: /* @__PURE__ */ l(t, {
-			"data-testid": _,
-			children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: b.title }), /* @__PURE__ */ c(n, { children: b.description })] }), /* @__PURE__ */ l(r, { children: [
-				/* @__PURE__ */ c(o, {
+			"data-testid": v,
+			children: [
+				/* @__PURE__ */ l("button", {
 					type: "button",
-					variant: "outline",
-					onClick: p,
-					disabled: m,
-					children: b.cancelButton
+					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__ */ c(o, {
+				/* @__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: f,
-					disabled: m,
-					"data-testid": y,
-					children: b.discardButton
-				}),
-				/* @__PURE__ */ c(o, {
+					onClick: p,
+					disabled: h,
+					"data-testid": b,
+					children: S.discardButton
+				}), /* @__PURE__ */ c(o, {
 					type: "button",
 					variant: "default",
-					loading: m,
-					disabled: m || h,
-					onClick: d,
-					"data-testid": v,
-					children: b.saveDraftButton
-				})
-			] })]
+					loading: h,
+					disabled: h || g,
+					onClick: f,
+					"data-testid": y,
+					children: S.saveDraftButton
+				})] })
+			]
 		})
 	});
 }
 //#endregion
-export { u as UnsavedBillDialog, u as default };
+export { d as UnsavedBillDialog, d as default };