@tesouro/embedded-components-react 0.2.327 → 0.2.329

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

@@ -7,12 +7,12 @@ import "./index8.js";
 import "./index9.js";
 import { AddBillDialog as e } from "./index10.js";
 import "./index11.js";
-import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index13.js";
+import "./index12.js";
+import "./index13.js";
 import "./index14.js";
-import "./index15.js";
 import "./index16.js";
 import "./index17.js";
-import "./index18.js";
+import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index18.js";
 import "./index19.js";
 import "./index20.js";
 import "./index21.js";
@@ -22,37 +22,45 @@ import "./index24.js";
 import "./index25.js";
 import "./index26.js";
 import "./index27.js";
+import "./index28.js";
+import "./index29.js";
+import "./index30.js";
 import "./index31.js";
 import "./index32.js";
-import "./index33.js";
-import "./index34.js";
-import { BillCreateScreen as n } from "./index35.js";
 import "./index36.js";
 import "./index37.js";
-import { BillPayWidgetUi as r } from "./index38.js";
+import "./index38.js";
 import "./index39.js";
-import "./index40.js";
+import { BillCreateScreen as n } from "./index40.js";
 import "./index41.js";
 import "./index42.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as i } from "./index43.js";
-import { BillDetailsSheet as a } from "./index44.js";
-import { BillsScreen as o } from "./index45.js";
-import "./index46.js";
-import { BillUploadStatusTray as s } from "./index48.js";
+import { BillPayWidgetUi as r } from "./index43.js";
+import "./index44.js";
+import "./index45.js";
+import { BillDecisionDialog as i } from "./index46.js";
+import "./index47.js";
+import "./index48.js";
+import "./index49.js";
 import "./index50.js";
-import "./index51.js";
-import { ExtractionNotice as c } from "./index52.js";
-import "./index53.js";
+import { BILL_DETAILS_SHEET_LABELS_EN as a } from "./index51.js";
+import { BillDetailsSheet as o } from "./index52.js";
+import { BillsScreen as s } from "./index53.js";
 import "./index54.js";
-import "./index55.js";
-import "./index56.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index57.js";
-import { ReviewTransactionDialog as u } from "./index58.js";
+import { BillUploadStatusTray as c } from "./index56.js";
+import "./index58.js";
 import "./index59.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as d } from "./index60.js";
-import { SchedulePaymentDialog as f } from "./index62.js";
+import { ExtractionNotice as l } from "./index60.js";
+import "./index61.js";
+import "./index62.js";
 import "./index63.js";
 import "./index64.js";
-import { SourceDocumentPanel as p } from "./index65.js";
-import "./index66.js";
-export { e as AddBillDialog, i as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, n as BillCreateScreen, a as BillDetailsSheet, r as BillPayWidgetUi, s as BillUploadStatusTray, o as BillsScreen, c as ExtractionNotice, l as REVIEW_TRANSACTION_DIALOG_LABELS_EN, u as ReviewTransactionDialog, d as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, f as SchedulePaymentDialog, p as SourceDocumentPanel };
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as u } from "./index65.js";
+import { ReviewTransactionDialog as d } from "./index66.js";
+import "./index67.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as f } from "./index68.js";
+import { SchedulePaymentDialog as p } from "./index70.js";
+import "./index71.js";
+import "./index72.js";
+import { SourceDocumentPanel as m } from "./index73.js";
+import "./index74.js";
+export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, r as BillPayWidgetUi, c as BillUploadStatusTray, s as BillsScreen, l as ExtractionNotice, u as REVIEW_TRANSACTION_DIALOG_LABELS_EN, d as ReviewTransactionDialog, f as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, p as SchedulePaymentDialog, m as SourceDocumentPanel };

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

@@ -1,15 +1,16 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Fragment as t, jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js
-function r({ actions: r }) {
-	return /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, {
-		type: "button",
-		variant: t.variant,
-		disabled: t.disabled,
-		loading: t.loading,
-		onClick: t.onSelect,
-		children: t.label
-	}, t.id)) });
+var e = {
+	heading: "Approval policy",
+	stepConnector: "And",
+	chipConnector: "or",
+	approvedIndicator: "Approved",
+	footnote: "If the listed approvers are unavailable, a company admin can approve this bill on their behalf."
+};
+function t(t) {
+	return {
+		...e,
+		...t
+	};
 }
 //#endregion
-export { r as BillActionButtons, r as default };
+export { e as APPROVAL_POLICY_CARD_LABELS_EN, t as mergeApprovalPolicyCardLabels };

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

@@ -1,15 +1,60 @@
+import { Badge as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { mergeApprovalPolicyCardLabels as n } from "./index12.js";
+import { Fragment as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CheckCircle2Icon as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js
-var e = {
-	draft: "Draft",
-	pending_approval: "Pending approval",
-	ready_to_pay: "Ready to pay",
-	scheduled: "Scheduled",
-	partially_paid: "Partially paid",
-	paid: "Paid",
-	overdue: "Overdue",
-	canceled: "Canceled",
-	rejected: "Rejected",
-	unknown: "Unknown"
-};
+var s = "ttw:text-base ttw:font-semibold";
+function c({ view: c, labels: l }) {
+	let u = n(l);
+	return /* @__PURE__ */ a("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ i("h3", {
+			className: s,
+			children: u.heading
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg ttw:border ttw:border-border ttw:p-4",
+			children: [
+				/* @__PURE__ */ i(t, {
+					variant: "body1",
+					className: "ttw:font-medium",
+					children: c.title
+				}),
+				/* @__PURE__ */ i(t, {
+					variant: "body2",
+					color: "muted",
+					children: c.sentence
+				}),
+				c.steps.map((n, s) => /* @__PURE__ */ a(r, { children: [s > 0 ? /* @__PURE__ */ a("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2.5",
+					children: [/* @__PURE__ */ i(t, {
+						variant: "caption",
+						color: "muted",
+						children: u.stepConnector
+					}), /* @__PURE__ */ i("div", { className: "ttw:h-px ttw:flex-1 ttw:bg-border" })]
+				}) : null, /* @__PURE__ */ i("div", {
+					className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1.5",
+					children: n.chips.map((n, s) => /* @__PURE__ */ a(r, { children: [s > 0 ? /* @__PURE__ */ i(t, {
+						variant: "body2",
+						color: "muted",
+						children: u.chipConnector
+					}) : null, /* @__PURE__ */ a(e, {
+						variant: "outline",
+						className: "ttw:flex ttw:items-center ttw:gap-1",
+						children: [n.label, n.approved ? /* @__PURE__ */ i(o, {
+							"aria-label": u.approvedIndicator,
+							className: "ttw:size-3.5 ttw:text-emerald-600"
+						}) : null]
+					})] }, n.id))
+				})] }, n.id)),
+				/* @__PURE__ */ i(t, {
+					variant: "caption",
+					color: "muted",
+					children: u.footnote
+				})
+			]
+		})]
+	});
+}
 //#endregion
-export { e as BILL_STATUS_BADGE_LABELS_EN };
+export { c as ApprovalPolicyCard, c as default };

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

@@ -1,24 +1,2 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index13.js";
-import { jsxs as r } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index14.js
-var i = {
-	danger: "ttw:border-destructive/20 ttw:bg-destructive/10 ttw:text-destructive ttw:hover:bg-destructive/10",
-	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
-	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
-};
-function a({ status: a, tone: o, labels: s, icon: c }) {
-	let l = {
-		...n,
-		...s
-	}, u = l[a] ?? l.unknown;
-	return /* @__PURE__ */ r(e, {
-		variant: "outline",
-		className: t(c && "ttw:gap-1", i[o]),
-		children: [c, u]
-	});
-}
-//#endregion
-export { a as BillStatusBadge, a as default };
+import "./index12.js";
+import "./index13.js";

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

@@ -1,2 +1,22 @@
-import "./index13.js";
-import "./index14.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index15.js
+var r = {
+	row: [],
+	menu: []
+};
+function i(e) {
+	return e.row.length > 0 || e.menu.length > 0;
+}
+function a({ actions: r }) {
+	return /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, {
+		type: "button",
+		variant: t.variant,
+		disabled: t.disabled,
+		loading: t.loading,
+		onClick: t.onSelect,
+		children: t.label
+	}, t.id)) });
+}
+//#endregion
+export { a as BillActionButtons, a as default, r as NO_BILL_ACTIONS, i as hasBillActions };

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

@@ -1,34 +1,26 @@
-import { BILL_STATUS_BADGE_LABELS_EN as e } from "./index13.js";
-import "./index15.js";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { MoreVerticalIcon as s } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js
-var t = {
-	errorTitle: "Couldn't load this bill",
-	errorDescription: "Something went wrong. Try again.",
-	amountDueHeading: "Amount due",
-	invoiceDateLabel: "Invoice date",
-	dueDateLabel: "Due date",
-	payToHeading: "Pay to",
-	vendorRow: "Vendor",
-	paymentInstructionsRow: "Payment instructions",
-	addPaymentInstructions: "Add payment instructions",
-	missingPaymentInstructionsBanner: "Missing payment instructions, which are required to send a payment",
-	paymentInstructionsCancel: "Cancel",
-	paymentInstructionsSave: "Save",
-	descriptionAndGlCodeColumn: "Description and GL code",
-	qtyPriceColumn: "Qty/Price",
-	amountColumn: "Amount",
-	historyHeading: "Audit history",
-	statusBadge: e
-};
-function n(e) {
-	return {
-		...t,
-		...e,
-		statusBadge: {
-			...t.statusBadge,
-			...e?.statusBadge
-		}
-	};
+function c({ actions: c, triggerLabel: l, testId: u }) {
+	return c.length ? /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ a(e, {
+			type: "button",
+			variant: "outline",
+			size: "icon",
+			"aria-label": l,
+			"data-testid": u,
+			children: /* @__PURE__ */ a(s, { className: "ttw:size-4" })
+		})
+	}), /* @__PURE__ */ a(n, {
+		align: "end",
+		children: c.map((e) => /* @__PURE__ */ a(r, {
+			disabled: e.disabled,
+			onClick: e.onSelect,
+			children: e.label
+		}, e.id))
+	})] }) : null;
 }
 //#endregion
-export { t as BILL_DETAIL_BODY_LABELS_EN, n as mergeBillDetailBodyLabels };
+export { c as BillOverflowMenu, c as default };

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

@@ -1,262 +1 @@
-import { Badge as e, Button as t, Skeleton as n, cn as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as i } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { BillStatusBadge as a } from "./index14.js";
-import "./index15.js";
-import { mergeBillDetailBodyLabels as o } from "./index16.js";
-import { BillActionButtons as s } from "./index12.js";
-import { AchFieldGroup as c } from "../../../shared/counterpart-management/ui/dist/index5.js";
-import "../../../shared/counterpart-management/ui/dist/index.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { AlertTriangle as d, ChevronRight as f } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index17.js
-var p = "ttw:text-base ttw:font-semibold", m = "ttw:px-3 ttw:py-2", h = "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0";
-function g({ view: g, actions: _ = [], scheduledSummary: v, paymentInstructionsForm: y, isLoading: b, isError: x, labels: S }) {
-	let C = o(S);
-	if (x) return /* @__PURE__ */ l(i, {
-		title: C.errorTitle,
-		description: C.errorDescription
-	});
-	if (b || !g) return /* @__PURE__ */ u("div", {
-		"aria-hidden": !0,
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [
-			/* @__PURE__ */ l(n, { className: "ttw:h-40 ttw:w-full" }),
-			/* @__PURE__ */ l(n, { className: "ttw:h-32 ttw:w-full" }),
-			/* @__PURE__ */ l(n, { className: "ttw:h-24 ttw:w-full" })
-		]
-	});
-	let w = !g.payTo.paymentInstructionsLabel && y;
-	return /* @__PURE__ */ u("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [
-			w ? /* @__PURE__ */ u("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__ */ l(d, { className: "ttw:size-4 ttw:shrink-0 ttw:text-amber-800" }),
-					/* @__PURE__ */ l("p", {
-						className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
-						children: C.missingPaymentInstructionsBanner
-					}),
-					/* @__PURE__ */ l(t, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						onClick: y.onOpen,
-						children: C.addPaymentInstructions
-					})
-				]
-			}) : null,
-			/* @__PURE__ */ u("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
-				children: [
-					/* @__PURE__ */ u("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ l("span", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: C.amountDueHeading
-						}), /* @__PURE__ */ l("span", {
-							className: "ttw:text-3xl ttw:font-semibold",
-							children: g.amountDue
-						})]
-					}),
-					/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(a, {
-						status: g.status,
-						tone: g.statusTone,
-						labels: C.statusBadge
-					}) }),
-					/* @__PURE__ */ u("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6",
-						children: [/* @__PURE__ */ u("div", {
-							className: "ttw:flex ttw:flex-col",
-							children: [/* @__PURE__ */ l("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: C.invoiceDateLabel
-							}), /* @__PURE__ */ l("span", {
-								className: "ttw:text-sm ttw:font-medium",
-								children: g.invoiceDateLabel
-							})]
-						}), /* @__PURE__ */ u("div", {
-							className: "ttw:flex ttw:flex-col",
-							children: [/* @__PURE__ */ l("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: C.dueDateLabel
-							}), /* @__PURE__ */ l("span", {
-								className: "ttw:text-sm ttw:font-medium",
-								children: g.dueDateLabel
-							})]
-						})]
-					}),
-					v ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(e, {
-						variant: "outline",
-						className: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700",
-						children: v
-					}) }) : _.length ? /* @__PURE__ */ l("div", {
-						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
-						children: /* @__PURE__ */ l(s, { actions: _ })
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ u("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [
-					/* @__PURE__ */ l("h3", {
-						className: p,
-						children: C.payToHeading
-					}),
-					/* @__PURE__ */ u("div", {
-						className: h,
-						children: [/* @__PURE__ */ l("span", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: C.vendorRow
-						}), /* @__PURE__ */ u("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-right",
-							children: [/* @__PURE__ */ u("div", {
-								className: "ttw:flex ttw:flex-col",
-								children: [/* @__PURE__ */ l("span", {
-									className: "ttw:text-sm ttw:font-medium ttw:text-primary",
-									children: g.payTo.name
-								}), g.payTo.email ? /* @__PURE__ */ l("span", {
-									className: "ttw:text-xs ttw:text-muted-foreground",
-									children: g.payTo.email
-								}) : null]
-							}), /* @__PURE__ */ l(f, {
-								"aria-hidden": !0,
-								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
-							})]
-						})]
-					}),
-					/* @__PURE__ */ u("div", {
-						className: h,
-						children: [/* @__PURE__ */ l("span", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: C.paymentInstructionsRow
-						}), /* @__PURE__ */ u("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-2",
-							children: [g.payTo.paymentInstructionsLabel ? /* @__PURE__ */ l("span", {
-								className: "ttw:text-sm ttw:font-medium",
-								children: g.payTo.paymentInstructionsLabel
-							}) : y ? /* @__PURE__ */ l("button", {
-								type: "button",
-								onClick: y.onOpen,
-								className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
-								children: C.addPaymentInstructions
-							}) : /* @__PURE__ */ l("span", {
-								className: "ttw:text-sm ttw:font-medium ttw:text-destructive",
-								children: C.addPaymentInstructions
-							}), /* @__PURE__ */ l(f, {
-								"aria-hidden": !0,
-								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
-							})]
-						})]
-					}),
-					y?.isOpen ? /* @__PURE__ */ u("div", {
-						className: "ttw:mt-2 ttw:rounded-lg ttw:border ttw:border-border ttw:p-4",
-						children: [/* @__PURE__ */ l(c, {
-							idPrefix: "bill-detail-payment-instructions",
-							values: y.values,
-							errors: y.errors,
-							onChange: y.onChange
-						}), /* @__PURE__ */ u("div", {
-							className: "ttw:mt-4 ttw:flex ttw:justify-end ttw:gap-2",
-							children: [/* @__PURE__ */ l(t, {
-								type: "button",
-								variant: "ghost",
-								onClick: y.onCancel,
-								children: C.paymentInstructionsCancel
-							}), /* @__PURE__ */ l(t, {
-								type: "button",
-								loading: y.isSaving,
-								onClick: y.onSave,
-								children: C.paymentInstructionsSave
-							})]
-						})]
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ l("dl", {
-				className: "ttw:flex ttw:flex-col",
-				children: g.invoiceFields.map((e) => /* @__PURE__ */ u("div", {
-					className: h,
-					children: [/* @__PURE__ */ l("dt", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: e.label
-					}), /* @__PURE__ */ l("dd", {
-						className: "ttw:text-right ttw:text-sm ttw:font-medium",
-						children: e.value
-					})]
-				}, e.label))
-			}),
-			/* @__PURE__ */ l("section", { children: /* @__PURE__ */ u("table", {
-				className: "ttw:w-full ttw:text-sm",
-				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
-					className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
-					children: [
-						/* @__PURE__ */ l("th", {
-							className: r(m, "ttw:text-left ttw:font-normal"),
-							children: C.descriptionAndGlCodeColumn
-						}),
-						/* @__PURE__ */ l("th", {
-							className: r(m, "ttw:text-right ttw:font-normal"),
-							children: C.qtyPriceColumn
-						}),
-						/* @__PURE__ */ l("th", {
-							className: r(m, "ttw:text-right ttw:font-normal"),
-							children: C.amountColumn
-						})
-					]
-				}) }), /* @__PURE__ */ u("tbody", { children: [g.lineItems.map((e) => /* @__PURE__ */ u("tr", {
-					className: "ttw:border-b ttw:border-border",
-					children: [
-						/* @__PURE__ */ l("td", {
-							className: m,
-							children: /* @__PURE__ */ u("div", {
-								className: "ttw:flex ttw:flex-col",
-								children: [/* @__PURE__ */ l("span", { children: e.description }), /* @__PURE__ */ l("span", {
-									className: "ttw:text-xs ttw:text-muted-foreground",
-									children: e.glCodeLabel
-								})]
-							})
-						}),
-						/* @__PURE__ */ l("td", {
-							className: r(m, "ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground"),
-							children: e.qtyPriceLabel
-						}),
-						/* @__PURE__ */ l("td", {
-							className: r(m, "ttw:text-right ttw:whitespace-nowrap"),
-							children: e.amount
-						})
-					]
-				}, e.id)), g.amountRows.map((e) => /* @__PURE__ */ u("tr", {
-					className: r(e.emphasis ? "ttw:font-semibold" : "ttw:text-muted-foreground"),
-					children: [/* @__PURE__ */ l("td", {
-						colSpan: 2,
-						className: m,
-						children: e.label
-					}), /* @__PURE__ */ l("td", {
-						className: r(m, "ttw:text-right ttw:whitespace-nowrap", e.emphasis && "ttw:text-foreground"),
-						children: e.value
-					})]
-				}, e.label))] })]
-			}) }),
-			g.history.length ? /* @__PURE__ */ u("section", {
-				className: "ttw:flex ttw:flex-col ttw:gap-3",
-				children: [/* @__PURE__ */ l("h3", {
-					className: p,
-					children: C.historyHeading
-				}), /* @__PURE__ */ l("ul", {
-					className: "ttw:flex ttw:flex-col",
-					children: g.history.map((e) => /* @__PURE__ */ u("li", {
-						className: "ttw:flex ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
-						children: [/* @__PURE__ */ l("span", {
-							className: "ttw:w-28 ttw:shrink-0 ttw:text-muted-foreground",
-							children: e.dateLabel
-						}), /* @__PURE__ */ l("span", { children: e.description })]
-					}, e.id))
-				})]
-			}) : null
-		]
-	});
-}
-//#endregion
-export { g as BillDetailBody, g as default };
+import "./index16.js";

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

@@ -1,2 +1,15 @@
-import "./index16.js";
-import "./index17.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index18.js
+var e = {
+	draft: "Draft",
+	pending_approval: "Pending approval",
+	ready_to_pay: "Ready to pay",
+	scheduled: "Scheduled",
+	partially_paid: "Partially paid",
+	paid: "Paid",
+	overdue: "Overdue",
+	canceled: "Canceled",
+	rejected: "Rejected",
+	unknown: "Unknown"
+};
+//#endregion
+export { e as BILL_STATUS_BADGE_LABELS_EN };

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

@@ -1,9 +1,26 @@
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index18.js";
+import { jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js
-var e = {
-	invoiceNumber: "Invoice number",
-	invoiceDate: "Invoice date",
-	dueDate: "Due date",
-	poNumber: "PO number (optional)"
+var i = {
+	accent: "ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700 ttw:hover:bg-violet-50",
+	danger: "ttw:border-destructive/20 ttw:bg-destructive/10 ttw:text-destructive ttw:hover:bg-destructive/10",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	muted: "ttw:border-border ttw:bg-transparent ttw:text-muted-foreground ttw:hover:bg-transparent",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
 };
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
 //#endregion
-export { e as BILL_FORM_FIELDS_LABELS_EN };
+export { a as BillStatusBadge, a as default };