@tesouro/embedded-components-react 0.5.228 → 0.5.231

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

@@ -1,73 +1,95 @@
-import { AccordionContent as e, AccordionItem as t, AccordionTrigger as n, Badge as r, Typography as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Check as s } from "lucide-react";
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Popover as a, PopoverAnchor as o, PopoverContent as s, Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p, Skeleton as m, Typography as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_BILLING_SECTION_LABELS_EN as g } from "./index7.js";
+import { RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as _ } from "./index15.js";
+import { OptionRow as v } from "./index13.js";
+import { SelectionValue as y } from "./index14.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js
-var c = "attachments";
-function l({ attachments: l, labels: u }) {
-	return /* @__PURE__ */ o(t, {
-		value: c,
-		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ o("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ a("span", {
-				className: "ttw:group-hover:underline",
-				children: u.attachmentsHeading
-			}), /* @__PURE__ */ a(r, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.countLabel
+function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, labels: A }) {
+	let j = {
+		...g,
+		...A
+	}, M = `${S}-payment-terms`, N = () => {
+		window.setTimeout(() => D(!0), 0);
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [/* @__PURE__ */ x("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ b(h, {
+				variant: "h4",
+				children: j.billingHeading
+			}), /* @__PURE__ */ b(h, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: j.billingDescription
 			})]
-		}) }), /* @__PURE__ */ a(e, { children: l.rows.length === 0 ? /* @__PURE__ */ a(i, {
-			variant: "body2",
-			color: "muted",
-			children: u.attachmentsEmpty
-		}) : /* @__PURE__ */ o("table", {
-			className: "ttw:w-full ttw:border-collapse",
-			children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", {
-				className: "ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ a("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-left",
-					children: /* @__PURE__ */ a(i, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u.attachmentsFileColumn
-					})
-				}), /* @__PURE__ */ a("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-right",
-					children: /* @__PURE__ */ a(i, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u.attachmentsEmailedColumn
-					})
-				})]
-			}) }), /* @__PURE__ */ a("tbody", { children: l.rows.map((e) => /* @__PURE__ */ o("tr", {
-				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
-				children: [/* @__PURE__ */ a("td", {
-					className: "ttw:py-3",
-					children: /* @__PURE__ */ a("a", {
-						href: e.url,
-						target: "_blank",
-						rel: "noreferrer",
-						className: "ttw:text-primary ttw:hover:underline",
-						children: e.name
-					})
-				}), /* @__PURE__ */ a("td", {
-					className: "ttw:py-3 ttw:text-right ttw:align-middle",
-					children: e.includeInEmail ? /* @__PURE__ */ a(s, {
-						role: "img",
-						"aria-label": e.emailedLabel,
-						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
-					}) : /* @__PURE__ */ a("span", {
-						className: "ttw:sr-only",
-						children: e.emailedLabel
-					})
-				})]
-			}, e.id)) })]
-		}) })]
+		}), /* @__PURE__ */ x("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [k, /* @__PURE__ */ b("div", {
+				className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-2.5",
+				children: C.kind === "loading" ? /* @__PURE__ */ b(m, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ b(e, { children: /* @__PURE__ */ x(t, { children: [
+					/* @__PURE__ */ b(i, {
+						htmlFor: M,
+						children: j.paymentTermsLabel
+					}),
+					/* @__PURE__ */ x(a, {
+						open: C.customDatePicker.open,
+						onOpenChange: D,
+						children: [/* @__PURE__ */ x(c, {
+							disabled: T,
+							value: C.value,
+							onValueChange: (e) => {
+								E(e), e === "custom" && N();
+							},
+							children: [/* @__PURE__ */ b(o, {
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ b(f, {
+									id: M,
+									className: "ttw:w-full",
+									"aria-invalid": !!w,
+									children: /* @__PURE__ */ b(p, {
+										placeholder: j.paymentTermsPlaceholder,
+										children: /* @__PURE__ */ b(y, {
+											selection: C.selection,
+											labels: j
+										})
+									})
+								})
+							}), /* @__PURE__ */ x(l, { children: [
+								/* @__PURE__ */ b(u, {
+									value: _,
+									children: j.paymentTermsReceiptDue
+								}),
+								C.showCustomDate && /* @__PURE__ */ b(u, {
+									value: "custom",
+									onPointerUp: N,
+									onClick: N,
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && N();
+									},
+									children: j.paymentTermsCustomDate
+								}),
+								/* @__PURE__ */ b(d, {}),
+								C.options.map((e) => /* @__PURE__ */ b(u, {
+									value: e.value,
+									children: /* @__PURE__ */ b(v, { option: e })
+								}, e.value))
+							] })]
+						}), /* @__PURE__ */ b(s, {
+							className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
+							align: "start",
+							onFocusOutside: (e) => e.preventDefault(),
+							children: O
+						})]
+					}),
+					C.description && /* @__PURE__ */ b(n, { children: C.description }),
+					/* @__PURE__ */ b(r, { errors: w ? [{ message: w }] : [] })
+				] }) })
+			})]
+		})]
 	});
 }
 //#endregion
-export { c as ATTACHMENTS_ITEM_VALUE, l as AttachmentsItem };
+export { S as ReceivableBillingSection, S as default };

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

@@ -1,20 +1,3 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { XIcon as r } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index17.js
-var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ n(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ n(r, { className: "ttw:size-4" })
-	});
-});
-//#endregion
-export { i as CloseButton };
+import "./index7.js";
+import "./index15.js";
+import "./index16.js";

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

@@ -1,16 +1,24 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index9.js";
+import { jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js
-function n({ label: n, value: r }) {
-	return /* @__PURE__ */ t("div", {
-		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
-		children: [/* @__PURE__ */ e("span", {
-			className: "ttw:w-40 ttw:shrink-0 ttw:text-muted-foreground",
-			children: n
-		}), /* @__PURE__ */ e("span", {
-			className: "ttw:whitespace-pre-line ttw:text-foreground",
-			children: r
-		})]
+var i = {
+	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+	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, label: o, tone: s, labels: c, icon: l }) {
+	let u = {
+		...n,
+		...c
+	}, d = o ?? u[a] ?? u.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(l && "ttw:gap-1", i[s]),
+		children: [l, d]
 	});
 }
 //#endregion
-export { n as InfoRow };
+export { a as ReceivableStatusBadge, a as default };

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

@@ -1,32 +1,42 @@
-import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ACTION_ICON as c } from "./index14.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { MoreVerticalIcon as d } from "lucide-react";
+import { Ban as e, Check as t, CircleCheck as n, CircleSlash as r, CircleX as i, ClipboardCheck as a, Clock as o, CopyPlus as s, Mail as c, PenTool as l, Pencil as u, Trash2 as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index19.js
-function f({ actions: f, triggerLabel: p, getActionLabel: m, onSelect: h, className: g }) {
-	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(s, {
-		asChild: !0,
-		children: /* @__PURE__ */ l(i, {
-			asChild: !0,
-			children: /* @__PURE__ */ l(e, {
-				variant: "ghost",
-				size: "icon",
-				className: g,
-				"aria-label": p,
-				children: /* @__PURE__ */ l(d, { className: "ttw:size-4" })
-			})
-		})
-	}), /* @__PURE__ */ l(o, { children: p })] }), /* @__PURE__ */ l(n, {
-		align: "end",
-		children: f.map((e) => {
-			let t = c[e];
-			return /* @__PURE__ */ u(r, {
-				variant: e === "delete" ? "destructive" : "default",
-				onClick: () => h(e),
-				children: [/* @__PURE__ */ l(t, { className: "ttw:size-4" }), m(e)]
-			}, e);
-		})
-	})] });
-}
+var f = {
+	edit: "editButton",
+	issue: "issueButton",
+	recordPayment: "recordPaymentButton",
+	send: "sendButton",
+	accept: "acceptButton",
+	decline: "declineButton",
+	markPaid: "markPaidButton",
+	markUncollectible: "markUncollectibleButton",
+	cancel: "cancelButton",
+	clone: "cloneButton",
+	delete: "deleteButton"
+}, p = {
+	edit: u,
+	issue: c,
+	recordPayment: a,
+	send: c,
+	accept: n,
+	decline: i,
+	markPaid: n,
+	markUncollectible: r,
+	cancel: e,
+	clone: s,
+	delete: d
+}, m = {
+	draft: l,
+	issuing: o,
+	issued: o,
+	partially_paid: o,
+	paid: t,
+	overdue: o,
+	canceled: e
+}, h = {
+	default: "ttw:text-foreground",
+	danger: "ttw:text-red-600",
+	success: "ttw:text-emerald-600",
+	muted: "ttw:text-muted-foreground"
+}, g = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent";
 //#endregion
-export { f as OverflowMenu };
+export { p as ACTION_ICON, f as ACTION_LABEL_KEY, m as STATUS_ICON, h as amountValueToneClass, g as headerIconButtonClass };

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

@@ -1,11 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js
 var e = {
-	billingHeading: "Billing details",
-	billingDescription: "What are the billing terms?",
-	paymentTermsLabel: "Payment terms",
-	paymentTermsPlaceholder: "Select payment terms",
-	paymentTermsReceiptDue: "Due on receipt",
-	paymentTermsCustomDate: "Custom date"
+	issueDescription: "The customer will be emailed a copy of the invoice with payment instructions.",
+	toLabel: "To",
+	subjectLabel: "Subject",
+	messageLabel: "Message",
+	messagePlaceholder: "e.g., Thank you for your business",
+	attachmentsLabel: "Attachments",
+	attachmentsCaption: "To change what files are attached to the email, you will need to update the invoice.",
+	skipButton: "Skip",
+	sendButton: "Send invoice",
+	productsQuestion: "Do you want to also save these items?",
+	productsCaption: "Saved items can be quickly added to future invoices.",
+	productsAllLabel: "Products and services",
+	saveItemsButton: "Save selected items"
 };
 //#endregion
-export { e as RECEIVABLE_BILLING_SECTION_LABELS_EN };
+export { e as RECEIVABLE_ACTIONS_MODAL_LABELS_EN };

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

@@ -1,305 +1,19 @@
-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 { 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";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { amountValueToneClass as t } from "./index19.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#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
-								})
-							]
-						})
-					]
-				})]
-			})] })]
-		})
+function i({ row: i, defaultTone: a }) {
+	let o = i.tone ?? (i.emphasis ? a : "default");
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+		children: [/* @__PURE__ */ n("span", {
+			className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+			children: i.label
+		}), /* @__PURE__ */ n("span", {
+			className: e(i.emphasis ? "ttw:text-2xl ttw:font-semibold" : "ttw:text-base ttw:font-medium", t[o]),
+			children: i.value
+		})]
 	});
 }
 //#endregion
-export { F as ReceivableDetailsPanel, F as default };
+export { i as AmountCell };