@tesouro/embedded-components-react 0.3.24 → 0.3.25

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

@@ -1,7 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js
-var e = {
-	cancelButton: "Cancel",
-	orConnector: "or"
-};
+var e = { description: "Review, approve, and pay your bills." };
 //#endregion
-export { e as BILL_DECISION_DIALOG_LABELS_EN };
+export { e as DEFAULT_LABELS };

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

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

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

@@ -1,4 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js
-var e = { missing: "Missing" };
+var e = {
+	cancelButton: "Cancel",
+	orConnector: "or"
+};
 //#endregion
-export { e as MISSING_VALUE_LABELS_EN };
+export { e as BILL_DECISION_DIALOG_LABELS_EN };

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

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

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

@@ -1,79 +1,4 @@
-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 { MISSING_VALUE_LABELS_EN as i } from "./index49.js";
-import "./index51.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js
-var a = {
-	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
-}, o = ".pdf,.png,.jpg,.jpeg,.doc,.docx", s = {
-	...t,
-	dropzone: {
-		...t.dropzone,
-		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
-	}
-}, c = {
-	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: s,
-	sortableHeader: {
-		sortedAscending: e.sortedAscending,
-		sortedDescending: e.sortedDescending,
-		notSorted: e.notSorted
-	},
-	missingValue: i
-};
+var e = { missing: "Missing" };
 //#endregion
-export { c as BILLS_SCREEN_LABELS_EN, o as BILLS_SCREEN_UPLOAD_ACCEPT, a as BILL_DETAILS_SHEET_LABELS_EN };
+export { e as MISSING_VALUE_LABELS_EN };

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

@@ -1,258 +1,16 @@
-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 { BillActionButtons as m, NO_BILL_ACTIONS as h } from "./index15.js";
-import { BILL_DETAILS_SHEET_LABELS_EN as g } from "./index52.js";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { ChevronDownIcon as b, MoveDiagonal2Icon as x, XIcon as S } from "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MISSING_VALUE_LABELS_EN as t } from "./index52.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js
-function C({ items: e }) {
-	return /* @__PURE__ */ v("dl", {
-		className: "ttw:flex ttw:flex-col",
-		children: e.map((e) => /* @__PURE__ */ y("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__ */ v("dt", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: e.label
-			}), /* @__PURE__ */ y("dd", {
-				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
-				children: [/* @__PURE__ */ v("span", {
-					className: "ttw:text-sm ttw:font-medium",
-					children: e.value
-				}), e.secondaryValue ? /* @__PURE__ */ v("span", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: e.secondaryValue
-				}) : null]
-			})]
-		}, e.label))
-	});
-}
-function w({ heading: e, children: i }) {
-	return /* @__PURE__ */ y(t, {
-		defaultOpen: !0,
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ y(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__ */ v(u, {
-				variant: "body1",
-				className: "ttw:font-semibold",
-				children: e
-			}), /* @__PURE__ */ v(b, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
-		}), /* @__PURE__ */ v(n, { children: i })]
-	});
-}
-function T({ open: t, onOpenChange: n, details: r, actions: u = h, approvalPolicy: b, isLoading: T, isError: E, notice: D, onClose: O, onExpand: k, testId: A, labels: j }) {
-	let M = {
-		...g,
-		...j,
-		statusBadge: {
-			...g.statusBadge,
-			...j?.statusBadge
-		},
-		approvalPolicy: {
-			...g.approvalPolicy,
-			...j?.approvalPolicy
-		}
+function r({ labels: r, className: i }) {
+	let a = {
+		...t,
+		...r
 	};
-	return /* @__PURE__ */ v(i, {
-		open: t,
-		onOpenChange: (e) => e ? n(e) : O(),
-		children: /* @__PURE__ */ y(a, {
-			showCloseButton: !1,
-			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
-			"data-testid": A,
-			children: [/* @__PURE__ */ y(s, {
-				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ y("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [
-						/* @__PURE__ */ v(c, {
-							className: T ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
-							children: E ? M.errorTitle : T ? M.loadingTitle : r?.title
-						}),
-						T ? /* @__PURE__ */ y("div", {
-							"aria-hidden": !0,
-							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
-							children: [/* @__PURE__ */ v(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ v(l, { className: "ttw:h-4 ttw:w-28" })]
-						}) : null,
-						r && !T && !E ? /* @__PURE__ */ v("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: r.subtitle
-						}) : null,
-						/* @__PURE__ */ v(o, {
-							className: "ttw:sr-only",
-							children: M.hiddenDescription
-						})
-					]
-				}), /* @__PURE__ */ y("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					children: [
-						k ? /* @__PURE__ */ v(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": M.expandButton,
-							onClick: k,
-							children: /* @__PURE__ */ v(x, { className: "ttw:size-4" })
-						}) : null,
-						r && !T && !E ? /* @__PURE__ */ v(f, {
-							actions: u.menu,
-							triggerLabel: M.overflowMenuTrigger,
-							placement: "header"
-						}) : null,
-						/* @__PURE__ */ v(e, {
-							type: "button",
-							variant: "ghost",
-							size: "icon",
-							"aria-label": M.closeButton,
-							onClick: O,
-							children: /* @__PURE__ */ v(S, { className: "ttw:size-4" })
-						})
-					]
-				})]
-			}), /* @__PURE__ */ v("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-				children: E ? /* @__PURE__ */ v("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: M.errorDescription
-				}) : T ? /* @__PURE__ */ y("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [/* @__PURE__ */ v(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ v(l, { className: "ttw:h-4 ttw:w-40" }),
-							/* @__PURE__ */ v(l, { className: "ttw:h-9 ttw:w-full" }),
-							/* @__PURE__ */ v(l, { className: "ttw:h-9 ttw:w-full" })
-						]
-					})]
-				}) : r ? /* @__PURE__ */ y(_, { children: [
-					D,
-					/* @__PURE__ */ y("section", {
-						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
-						children: [
-							/* @__PURE__ */ y("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2",
-								children: [
-									/* @__PURE__ */ v("span", {
-										className: "ttw:text-sm ttw:text-muted-foreground",
-										children: M.amountDueHeading
-									}),
-									/* @__PURE__ */ v("span", {
-										className: "ttw:text-3xl ttw:font-semibold",
-										children: r.amountDueLabel
-									}),
-									/* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(p, {
-										status: r.status,
-										tone: r.statusTone,
-										labels: M.statusBadge
-									}) })
-								]
-							}),
-							/* @__PURE__ */ y("div", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
-								children: [/* @__PURE__ */ y("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ v("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: M.invoiceDateLabel
-									}), /* @__PURE__ */ v("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: r.invoiceDateLabel
-									})]
-								}), /* @__PURE__ */ y("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ v("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: M.dueDateLabel
-									}), /* @__PURE__ */ v("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: r.dueDateLabel
-									})]
-								})]
-							}),
-							u.row.length ? /* @__PURE__ */ v("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: /* @__PURE__ */ v(m, { actions: u.row })
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ v(w, {
-						heading: M.payToHeading,
-						children: /* @__PURE__ */ v(C, { items: r.payToItems })
-					}),
-					/* @__PURE__ */ v(w, {
-						heading: M.invoiceDetailsHeading,
-						children: /* @__PURE__ */ y("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-4",
-							children: [
-								/* @__PURE__ */ v(C, { items: r.invoiceItems }),
-								r.lineItems.length ? /* @__PURE__ */ y("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
-										className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
-										children: [
-											/* @__PURE__ */ v("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
-												children: M.lineItemsHeading
-											}),
-											/* @__PURE__ */ v("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: M.lineItemsQuantityHeading
-											}),
-											/* @__PURE__ */ v("th", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
-												children: M.lineItemsAmountHeading
-											})
-										]
-									}) }), /* @__PURE__ */ v("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ y("tr", {
-										className: "ttw:border-b ttw:border-border",
-										children: [
-											/* @__PURE__ */ y("td", {
-												className: "ttw:px-3 ttw:py-2",
-												children: [/* @__PURE__ */ v("span", {
-													className: "ttw:block",
-													children: e.description
-												}), /* @__PURE__ */ v("span", {
-													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
-													children: e.glCodeLabel
-												})]
-											}),
-											/* @__PURE__ */ v("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ v("td", {
-												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
-												children: e.amountLabel
-											})
-										]
-									}, e.id)) })]
-								}) : null,
-								/* @__PURE__ */ v("dl", {
-									className: "ttw:flex ttw:flex-col ttw:gap-1",
-									children: r.totals.map((e) => /* @__PURE__ */ y("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__ */ v("dt", {
-											className: e.emphasis ? "" : "ttw:text-muted-foreground",
-											children: e.label
-										}), /* @__PURE__ */ v("dd", { children: e.value })]
-									}, e.label))
-								})
-							]
-						})
-					}),
-					b ? /* @__PURE__ */ v(d, {
-						view: b,
-						labels: M.approvalPolicy
-					}) : null
-				] }) : null
-			})]
-		})
+	return /* @__PURE__ */ n("span", {
+		className: e("ttw:text-amber-700", i),
+		children: a.missing
 	});
 }
 //#endregion
-export { T as BillDetailsSheet, T as default };
+export { r as MissingValue, r as default };

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

@@ -1,13 +1,2 @@
-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/index54.js
-function r({ label: r, tone: i = "warning" }) {
-	return /* @__PURE__ */ n(e, {
-		variant: "outline",
-		className: t[i],
-		children: r
-	});
-}
-//#endregion
-export { r as BillDuplicateBadge, r as default };
+import "./index52.js";
+import "./index53.js";