@tesouro/embedded-components-react 0.5.226 → 0.5.228

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js

@@ -1,12 +1,305 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Badge as i, Button as a, Sheet as o, SheetContent as s, SheetDescription as c, SheetHeader as l, SheetTitle as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m, cn as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import "./index4.js";
-import "./index13.js";
-import "./index14.js";
-import "./index15.js";
-import "./index16.js";
-import "./index17.js";
-import "./index18.js";
-import "./index19.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { RECEIVABLE_DETAILS_PANEL_LABELS_EN as _ } from "./index4.js";
+import { ReceivableStatusBadge as v } from "./index13.js";
+import { ACTION_ICON as y, ACTION_LABEL_KEY as b, STATUS_ICON as x, headerIconButtonClass as S } from "./index14.js";
+import { AmountCell as C } from "./index15.js";
+import { ATTACHMENTS_ITEM_VALUE as w, AttachmentsItem as T } from "./index16.js";
+import { CloseButton as E } from "./index17.js";
+import { InfoRow as D } from "./index18.js";
+import { OverflowMenu as O } from "./index19.js";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { CircleAlert as M, EyeIcon as N, Repeat as P } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js
+function F({ open: F, onOpenChange: I, details: L, unsupported: R, isLoading: z, isError: B, onActionClick: V, onClose: H, labels: U }) {
+	let W = {
+		..._,
+		...U
+	}, G = L?.panel, K = B ? {
+		title: W.errorTitle,
+		description: W.errorDescription
+	} : R, q = G?.amountTone === "danger", J = (e) => W[b[e]], Y = L ? x[L.status] : void 0;
+	return /* @__PURE__ */ A(o, {
+		open: F,
+		onOpenChange: I,
+		children: /* @__PURE__ */ j(s, {
+			showCloseButton: !1,
+			className: "ttw:w-180 ttw:overflow-y-auto ttw:p-0 ttw:sm:max-w-180",
+			children: [K || z || !L ? /* @__PURE__ */ A(E, {
+				label: W.closeButton,
+				onClose: H,
+				className: h(S, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
+			}) : null, K ? /* @__PURE__ */ j("div", {
+				className: "ttw:p-6",
+				children: [/* @__PURE__ */ j(l, {
+					className: "ttw:sr-only",
+					children: [/* @__PURE__ */ A(u, { children: K.title }), /* @__PURE__ */ A(c, { children: W.hiddenDescription })]
+				}), /* @__PURE__ */ A(g, {
+					title: K.title,
+					description: K.description
+				})]
+			}) : z || !L || !G ? /* @__PURE__ */ j(l, {
+				className: "ttw:p-6",
+				children: [/* @__PURE__ */ A(u, { children: W.loadingTitle }), /* @__PURE__ */ A(c, {
+					className: "ttw:sr-only",
+					children: W.hiddenDescription
+				})]
+			}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j(l, {
+				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4",
+				children: [/* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [
+						/* @__PURE__ */ A(u, {
+							className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+							children: L.title
+						}),
+						G.subtitle ? /* @__PURE__ */ A("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: G.subtitle
+						}) : null,
+						/* @__PURE__ */ A(c, {
+							className: "ttw:sr-only",
+							children: W.hiddenDescription
+						})
+					]
+				}), /* @__PURE__ */ A(p, {
+					delayDuration: 500,
+					children: /* @__PURE__ */ j("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-1.5",
+						children: [
+							L.pdfUrl ? /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(m, {
+								asChild: !0,
+								children: /* @__PURE__ */ A(a, {
+									asChild: !0,
+									variant: "ghost",
+									size: "icon",
+									className: S,
+									children: /* @__PURE__ */ A("a", {
+										href: L.pdfUrl,
+										target: "_blank",
+										rel: "noreferrer",
+										"aria-label": W.viewPdfButton,
+										children: /* @__PURE__ */ A(N, { className: "ttw:size-4" })
+									})
+								})
+							}), /* @__PURE__ */ A(f, { children: W.viewPdfButton })] }) : null,
+							G.overflowActions.length > 0 ? /* @__PURE__ */ A(O, {
+								actions: G.overflowActions,
+								triggerLabel: W.moreActionsLabel,
+								getActionLabel: J,
+								onSelect: (e) => V(e, L),
+								className: S
+							}) : null,
+							/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(m, {
+								asChild: !0,
+								children: /* @__PURE__ */ A(E, {
+									label: W.closeButton,
+									onClose: H,
+									className: S
+								})
+							}), /* @__PURE__ */ A(f, { children: W.closeButton })] })
+						]
+					})
+				})]
+			}), /* @__PURE__ */ j("div", {
+				className: "ttw:flex ttw:flex-col",
+				children: [/* @__PURE__ */ A("div", {
+					className: "ttw:px-6",
+					children: /* @__PURE__ */ j("div", {
+						className: h("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", q && "ttw:border ttw:border-red-200"),
+						children: [
+							/* @__PURE__ */ A("div", {
+								className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
+								children: G.amountRows.map((e) => /* @__PURE__ */ A(C, {
+									row: e,
+									defaultTone: G.amountTone
+								}, e.label))
+							}),
+							/* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [G.overdueLabel ? /* @__PURE__ */ j("span", {
+									className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700",
+									children: [/* @__PURE__ */ A(M, { className: "ttw:size-3" }), G.overdueLabel]
+								}) : /* @__PURE__ */ A(v, {
+									label: G.statusLabel,
+									tone: L.statusTone,
+									icon: Y ? /* @__PURE__ */ A(Y, { className: "ttw:size-3" }) : void 0
+								}), G.recurring ? /* @__PURE__ */ j(i, {
+									variant: "outline",
+									className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+									children: [/* @__PURE__ */ A(P, { className: "ttw:size-3" }), W.recurringBadge]
+								}) : null]
+							}),
+							/* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:gap-12 ttw:text-sm",
+								children: [/* @__PURE__ */ j("div", {
+									className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+									children: [/* @__PURE__ */ A("span", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: W.invoiceDateCaption
+									}), /* @__PURE__ */ A("span", {
+										className: "ttw:text-foreground",
+										children: G.issueDateLabel
+									})]
+								}), /* @__PURE__ */ j("div", {
+									className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+									children: [/* @__PURE__ */ A("span", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: G.dueDateCaption
+									}), /* @__PURE__ */ A("span", {
+										className: "ttw:text-foreground",
+										children: G.dueDateLabel
+									})]
+								})]
+							}),
+							G.primaryActions.length > 0 ? /* @__PURE__ */ A("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
+								children: G.primaryActions.map((e, t) => {
+									let n = y[e], r = t === G.primaryActions.length - 1;
+									return /* @__PURE__ */ j(a, {
+										size: "sm",
+										variant: r ? "default" : "outline",
+										onClick: () => V(e, L),
+										children: [/* @__PURE__ */ A(n, { className: "ttw:size-4" }), J(e)]
+									}, e);
+								})
+							}) : null
+						]
+					})
+				}), /* @__PURE__ */ j("div", {
+					className: "ttw:px-6",
+					children: [
+						G.paymentHistory ? /* @__PURE__ */ j("section", {
+							"aria-label": W.paymentHistoryHeading,
+							className: "ttw:border-b ttw:py-4",
+							children: [/* @__PURE__ */ A("h3", {
+								className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
+								children: W.paymentHistoryHeading
+							}), G.paymentHistory.rows.length === 0 ? /* @__PURE__ */ A("p", {
+								className: h("ttw:text-sm", G.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground"),
+								children: W.paymentHistoryEmpty
+							}) : /* @__PURE__ */ j("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [G.paymentHistory.rows.map((e) => /* @__PURE__ */ j("div", {
+									className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2 ttw:text-sm",
+									children: [/* @__PURE__ */ A("span", { children: e.dateLabel }), /* @__PURE__ */ A("span", { children: e.amountLabel })]
+								}, e.id)), /* @__PURE__ */ j("div", {
+									className: "ttw:flex ttw:justify-between ttw:py-2 ttw:text-sm ttw:font-medium",
+									children: [/* @__PURE__ */ A("span", { children: W.paymentHistoryTotalLabel }), /* @__PURE__ */ A("span", { children: G.paymentHistory.totalLabel })]
+								})]
+							})]
+						}) : null,
+						G.customerContact.length > 0 ? /* @__PURE__ */ j("section", {
+							"aria-label": W.customerDetailsHeading,
+							className: "ttw:border-b ttw:py-4",
+							children: [/* @__PURE__ */ A("h3", {
+								className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
+								children: W.customerDetailsHeading
+							}), /* @__PURE__ */ A("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: G.customerContact.map((e) => /* @__PURE__ */ A(D, { ...e }, e.label))
+							})]
+						}) : null,
+						/* @__PURE__ */ j(e, {
+							type: "multiple",
+							defaultValue: [w],
+							className: "ttw:w-full",
+							children: [
+								G.recurrenceItems ? /* @__PURE__ */ j(n, {
+									value: "recurrence",
+									children: [/* @__PURE__ */ A(r, { children: W.recurrenceHeading }), /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col",
+										children: G.recurrenceItems.map((e) => /* @__PURE__ */ A(D, { ...e }, e.label))
+									}) })]
+								}) : null,
+								/* @__PURE__ */ j(n, {
+									value: "billing",
+									children: [/* @__PURE__ */ A(r, { children: W.billingHeading }), /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col",
+										children: G.billingItems.map((e) => /* @__PURE__ */ A(D, { ...e }, e.label))
+									}) })]
+								}),
+								/* @__PURE__ */ j(n, {
+									value: "line-items",
+									children: [/* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("span", {
+										className: "ttw:flex ttw:items-center ttw:gap-2",
+										children: [W.lineItemsHeading, /* @__PURE__ */ A(i, {
+											variant: "secondary",
+											className: "ttw:rounded-full",
+											children: G.lineItemsCountLabel
+										})]
+									}) }), /* @__PURE__ */ A(t, { children: /* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:text-sm",
+										children: [L.lineItems.length === 0 ? /* @__PURE__ */ A("p", {
+											className: "ttw:py-3 ttw:text-muted-foreground",
+											children: W.noLineItems
+										}) : L.lineItems.map((e) => /* @__PURE__ */ j("div", {
+											className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
+											children: [/* @__PURE__ */ j("div", {
+												className: "ttw:flex ttw:flex-col",
+												children: [/* @__PURE__ */ A("span", {
+													className: "ttw:font-medium",
+													children: e.name
+												}), /* @__PURE__ */ j("span", {
+													className: "ttw:text-muted-foreground",
+													children: [
+														e.quantityLabel,
+														" ",
+														W.lineItemMultiplier,
+														" ",
+														e.unitPriceLabel,
+														" ",
+														W.lineItemEaLabel
+													]
+												})]
+											}), /* @__PURE__ */ A("span", { children: e.totalLabel })]
+										}, e.id)), G.lineItemTotals.length > 0 ? /* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
+											children: G.lineItemTotals.map((e) => /* @__PURE__ */ j("div", {
+												className: h("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
+												children: [/* @__PURE__ */ A("span", { children: e.label }), /* @__PURE__ */ A("span", { children: e.value })]
+											}, e.label))
+										}) : null]
+									}) })]
+								}),
+								G.notes ? /* @__PURE__ */ j(n, {
+									value: "notes",
+									children: [/* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("span", {
+										className: "ttw:flex ttw:items-center ttw:gap-2",
+										children: [W.notesHeading, /* @__PURE__ */ A(i, {
+											variant: "secondary",
+											className: "ttw:rounded-full",
+											children: G.notes.countLabel
+										})]
+									}) }), /* @__PURE__ */ A(t, { children: /* @__PURE__ */ j("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:text-sm",
+										children: [G.notes.opening ? /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+											className: "ttw:mb-1 ttw:font-medium",
+											children: W.notesOpeningLabel
+										}), /* @__PURE__ */ A("p", {
+											className: "ttw:text-muted-foreground",
+											children: G.notes.opening
+										})] }) : null, G.notes.closing ? /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+											className: "ttw:mb-1 ttw:font-medium",
+											children: W.notesClosingLabel
+										}), /* @__PURE__ */ A("p", {
+											className: "ttw:text-muted-foreground",
+											children: G.notes.closing
+										})] }) : null]
+									}) })]
+								}) : null,
+								/* @__PURE__ */ A(T, {
+									attachments: G.attachments,
+									labels: W
+								})
+							]
+						})
+					]
+				})]
+			})] })]
+		})
+	});
+}
+//#endregion
+export { F as ReceivableDetailsPanel, F as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js

@@ -1,264 +1,48 @@
-import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o, Typography as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLE_DETAILS_SHEET_LABELS_EN as l } from "./index4.js";
-import { ReceivableStatusBadge as u } from "./index13.js";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DownloadIcon as m } from "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js
-function h({ title: e, children: t }) {
-	return /* @__PURE__ */ p("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ f(s, {
-			variant: "body2",
-			className: "ttw:font-semibold",
-			children: e
-		}), t]
+function r({ label: r, value: i, className: a }) {
+	return /* @__PURE__ */ n("li", {
+		className: e("ttw:flex ttw:items-center ttw:justify-between", a),
+		children: [/* @__PURE__ */ t("span", { children: r }), /* @__PURE__ */ t("span", { children: i })]
 	});
 }
-function g({ open: s, onOpenChange: g, details: _, isLoading: v, isError: y, onActionClick: b, onClose: x, labels: S }) {
-	let C = {
-		...l,
-		...S,
-		statusBadge: {
-			...l.statusBadge,
-			...S?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ f(t, {
-		open: s,
-		onOpenChange: g,
-		children: /* @__PURE__ */ p(n, {
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
-			children: [
-				/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, { children: v ? C.loadingTitle : _?.title }), /* @__PURE__ */ f(r, {
-					className: "ttw:sr-only",
-					children: C.hiddenDescription
-				})] }),
-				/* @__PURE__ */ f("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-					children: y ? /* @__PURE__ */ f(c, {
-						title: C.errorTitle,
-						description: C.errorDescription
-					}) : _ ? /* @__PURE__ */ p(d, { children: [
-						/* @__PURE__ */ p("div", {
-							className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-							children: [/* @__PURE__ */ p("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1",
-								children: [/* @__PURE__ */ f("span", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.customerLabel
-								}), /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [/* @__PURE__ */ f(u, {
-										status: _.status,
-										tone: _.statusTone,
-										labels: C.statusBadge
-									}), /* @__PURE__ */ f("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: _.totalLabel
-									})]
-								})]
-							}), _.pdfUrl && /* @__PURE__ */ f(e, {
-								asChild: !0,
-								variant: "outline",
-								children: /* @__PURE__ */ p("a", {
-									href: _.pdfUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), C.downloadPdfButton]
-								})
-							})]
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.summaryHeading,
-							children: /* @__PURE__ */ f("dl", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-3",
-								children: _.summaryItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ f("dt", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: e.label
-									}), /* @__PURE__ */ f("dd", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: e.value
-									})]
-								}, e.label))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.lineItemsHeading,
-							children: _.lineItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noLineItems
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:overflow-hidden ttw:rounded-md ttw:border",
-								children: /* @__PURE__ */ p("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ f("thead", {
-										className: "ttw:bg-muted/50",
-										children: /* @__PURE__ */ p("tr", { children: [
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-left",
-												children: C.lineItemsHeading
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.quantityColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.unitPriceColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.totalColumn
-											})
-										] })
-									}), /* @__PURE__ */ f("tbody", { children: _.lineItems.map((e) => /* @__PURE__ */ p("tr", {
-										className: "ttw:border-t",
-										children: [
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2",
-												children: e.name
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.unitPriceLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.totalLabel
-											})
-										]
-									}, e.id)) })]
-								})
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.activityHeading,
-							children: _.activityItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noActivity
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.activityItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.title
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.description
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.timestampLabel
-										})
-									]
-								}, e.id))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.mailsHeading,
-							children: _.mailItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noMails
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.mailItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.statusLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.recipientsLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.sentAtLabel
-										})
-									]
-								}, e.id))
-							})
-						})
-					] }) : null
-				}),
-				/* @__PURE__ */ f(i, { children: _ && /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-wrap ttw:justify-end ttw:gap-2",
-					children: [
-						_.actions.edit && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("edit", _),
-							children: C.editButton
-						}),
-						_.actions.issue && /* @__PURE__ */ f(e, {
-							onClick: () => b("issue", _),
-							children: C.issueButton
-						}),
-						_.actions.send && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("send", _),
-							children: C.sendButton
-						}),
-						_.actions.accept && /* @__PURE__ */ f(e, {
-							onClick: () => b("accept", _),
-							children: C.acceptButton
-						}),
-						_.actions.decline && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("decline", _),
-							children: C.declineButton
-						}),
-						_.actions.recordPayment && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("recordPayment", _),
-							children: C.recordPaymentButton
-						}),
-						_.actions.markPaid && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markPaid", _),
-							children: C.markPaidButton
-						}),
-						_.actions.markUncollectible && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markUncollectible", _),
-							children: C.markUncollectibleButton
-						}),
-						_.actions.cancel && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("cancel", _),
-							children: C.cancelButton
-						}),
-						_.actions.clone && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("clone", _),
-							children: C.cloneButton
-						}),
-						_.actions.delete && /* @__PURE__ */ f(e, {
-							variant: "destructive",
-							onClick: () => b("delete", _),
-							children: C.deleteButton
-						}),
-						/* @__PURE__ */ f(e, {
-							variant: "ghost",
-							onClick: x,
-							children: C.closeButton
-						})
-					]
-				}) })
-			]
-		})
+function i({ totals: e, labels: i }) {
+	return /* @__PURE__ */ n("ul", {
+		className: "ttw:flex ttw:w-full ttw:list-none ttw:flex-col ttw:gap-1.5",
+		children: [
+			/* @__PURE__ */ t(r, {
+				label: i.subtotalLabel,
+				value: e.subtotal,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.discountTotalLabel,
+				value: e.discount,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.nonTaxableSubtotalLabel,
+				value: e.nonTaxableSubtotal,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.taxableSubtotalLabel,
+				value: e.taxableSubtotal,
+				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.taxTotalLabel,
+				value: e.tax,
+				className: "ttw:text-sm ttw:font-normal"
+			}),
+			/* @__PURE__ */ t(r, {
+				label: i.totalLabel,
+				value: e.total,
+				className: "ttw:text-lg ttw:font-medium"
+			})
+		]
 	});
 }
 //#endregion
-export { g as ReceivableDetailsSheet, g as default };
+export { i as ReceivableFormTotals };