@tesouro/embedded-components-react 0.5.200 → 0.5.202

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

@@ -1,386 +1,264 @@
-import { Alert as e, AlertDescription as t, Button as n, Input as r, InputGroup as i, InputGroupAddon as a, InputGroupInput as o, Label as s, RadioGroup as c, RadioGroupItem as l, Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m, Sheet as h, SheetContent as g, SheetDescription as _, SheetFooter as v, SheetHeader as y, SheetTitle as b, Spinner as x, Typography as S, cn as C } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as w } from "./index2.js";
-import { ReceivableNotesSection as T } from "./index13.js";
-import { useId as ee } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { MinusIcon as O, PlusIcon as k, Trash2Icon as A } from "lucide-react";
+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 "./index2.js";
+import { ReceivableStatusBadge as u } from "./index5.js";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { DownloadIcon as m } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js
-var j = "__none__", M = "__manage__";
-function N({ message: e }) {
-	return e ? /* @__PURE__ */ E("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
-}
-function P({ formId: e, lineItem: t, errors: r, controls: s, focusOnMount: c, canRemove: l, unitOptions: h, currencySymbol: g, labels: _, renderProductSelector: v, onChange: y, onCommit: b, onQuantityStep: x, onManageUnits: S, onRemove: w }) {
-	let T = `${e}-line-${t.id}`;
-	return /* @__PURE__ */ D("li", {
-		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ E("div", {
-				className: "ttw:min-w-30 ttw:flex-1",
-				children: v(t, {
-					inputId: `${T}-name`,
-					invalid: !!r?.name,
-					focusOnMount: c
-				})
-			}),
-			/* @__PURE__ */ D("div", {
-				className: C("ttw:flex ttw:h-9 ttw:w-26 ttw:min-w-26 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs", r?.quantity && "ttw:border-destructive"),
-				children: [
-					/* @__PURE__ */ E("button", {
-						type: "button",
-						"aria-label": _.decreaseQuantityButton,
-						disabled: s ? !s.canDecreaseQuantity : !1,
-						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
-						onClick: () => x(-1),
-						children: /* @__PURE__ */ E(O, { className: "ttw:size-3.5" })
-					}),
-					/* @__PURE__ */ E("input", {
-						id: `${T}-quantity`,
-						"aria-label": _.quantityLabel,
-						"aria-invalid": !!r?.quantity || void 0,
-						type: "text",
-						inputMode: "decimal",
-						className: "ttw:h-full ttw:w-full ttw:min-w-0 ttw:bg-transparent ttw:px-0 ttw:text-center ttw:text-sm ttw:outline-none",
-						value: t.quantity,
-						onChange: (e) => y({ quantity: e.target.value }),
-						onBlur: () => b("quantity")
-					}),
-					/* @__PURE__ */ E("button", {
-						type: "button",
-						"aria-label": _.increaseQuantityButton,
-						disabled: s ? !s.canIncreaseQuantity : !1,
-						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
-						onClick: () => x(1),
-						children: /* @__PURE__ */ E(k, { className: "ttw:size-3.5" })
-					})
-				]
-			}),
-			/* @__PURE__ */ D(u, {
-				value: t.unit || j,
-				onValueChange: (e) => {
-					if (e === M) {
-						S?.();
-						return;
-					}
-					y({ unit: e === j ? "" : e });
-				},
-				children: [/* @__PURE__ */ E(p, {
-					id: `${T}-unit`,
-					"aria-label": _.unitLabel,
-					"aria-invalid": !!r?.measureUnit || void 0,
-					className: "ttw:w-22",
-					children: /* @__PURE__ */ E(m, {
-						className: "ttw:truncate",
-						placeholder: _.unitPlaceholder
-					})
-				}), /* @__PURE__ */ D(d, { children: [
-					S && /* @__PURE__ */ D(f, {
-						value: M,
-						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
-						children: [/* @__PURE__ */ E(k, { className: "ttw:text-primary" }), _.manageUnitsOption]
-					}),
-					/* @__PURE__ */ E(f, {
-						value: j,
-						children: _.unitNone
-					}),
-					h.map((e) => /* @__PURE__ */ E(f, {
-						value: e.value,
-						children: e.label
-					}, e.value))
-				] })]
-			}),
-			/* @__PURE__ */ D(i, {
-				className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-				children: [/* @__PURE__ */ E(a, {
-					align: "inline-start",
-					children: g
-				}), /* @__PURE__ */ E(o, {
-					id: `${T}-price`,
-					"aria-label": _.priceLabel,
-					"aria-invalid": !!r?.price || void 0,
-					"data-has-start-addon": !0,
-					type: "text",
-					inputMode: "decimal",
-					className: "ttw:text-right",
-					value: t.price,
-					onChange: (e) => y({ price: e.target.value }),
-					onBlur: () => b("price")
-				})]
-			}),
-			l && /* @__PURE__ */ E(n, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				"aria-label": _.removeLineItemButton,
-				className: "ttw:w-10 ttw:rounded-none ttw:border-l ttw:border-border ttw:pl-4 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:has-[>svg]:pr-0",
-				onClick: w,
-				children: /* @__PURE__ */ E(A, {})
-			})
-		]
+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 F({ open: i, onOpenChange: a, mode: o = "create", values: C, errors: O, currencyOptions: A, paymentTermsOptions: j, unitOptions: M, currencySymbol: F, lineItemControls: I, autoFocusLineItemId: L, lineItemsLoading: R, inProgress: z, customerSelector: te, renderProductSelector: B, onChange: V, onLineItemChange: H, onLineItemCommit: U, onLineItemQuantityStep: W, onManageUnits: G, onAddLineItem: K, onRemoveLineItem: q, onSubmit: J, onCancel: Y, labels: X }) {
-	let Z = {
-		...w,
-		...X
-	}, Q = ee(), $ = o === "edit", ne = C.type === "invoice" || o === "edit", re = $ ? "ttw:grid ttw:grid-cols-3 ttw:gap-4" : "ttw:grid ttw:grid-cols-2 ttw:gap-4";
-	return /* @__PURE__ */ E(h, {
-		open: i,
-		onOpenChange: a,
-		children: /* @__PURE__ */ D(g, {
+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__ */ D(y, { children: [/* @__PURE__ */ E(b, { children: o === "edit" ? Z.editTitle : Z.createTitle }), /* @__PURE__ */ E(_, {
+				/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, { children: v ? C.loadingTitle : _?.title }), /* @__PURE__ */ f(r, {
 					className: "ttw:sr-only",
-					children: Z.hiddenDescription
+					children: C.hiddenDescription
 				})] }),
-				/* @__PURE__ */ E("form", {
-					id: Q,
-					onSubmit: (e) => {
-						e.preventDefault(), e.stopPropagation(), J();
-					},
-					children: /* @__PURE__ */ D("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6",
-						children: [
-							O?.form && /* @__PURE__ */ E("p", {
-								role: "alert",
-								className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-								children: O.form
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ E(s, { children: Z.documentTypeLabel }),
-									/* @__PURE__ */ D(c, {
-										className: "ttw:flex ttw:flex-row ttw:gap-6",
-										disabled: o === "edit",
-										value: C.type,
-										onValueChange: (e) => V({ type: e }),
-										children: [/* @__PURE__ */ D("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ E(l, {
-												value: "invoice",
-												id: `${Q}-invoice`
-											}), /* @__PURE__ */ E(s, {
-												htmlFor: `${Q}-invoice`,
-												children: Z.typeInvoice
-											})]
-										}), /* @__PURE__ */ D("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ E(l, {
-												value: "quote",
-												id: `${Q}-quote`
-											}), /* @__PURE__ */ E(s, {
-												htmlFor: `${Q}-quote`,
-												children: Z.typeQuote
-											})]
-										})]
-									}),
-									/* @__PURE__ */ E(N, { message: O?.type })
-								]
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ E(s, { children: Z.customerLabel }),
-									te,
-									/* @__PURE__ */ E("p", {
+				/* @__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: Z.customerHint
-									}),
-									/* @__PURE__ */ E(N, { message: O?.customerId })
-								]
-							}),
-							/* @__PURE__ */ D("div", {
-								className: re,
-								children: [
-									/* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ E(s, {
-												htmlFor: `${Q}-currency`,
-												children: Z.currencyLabel
-											}),
-											/* @__PURE__ */ D(u, {
-												value: C.currency,
-												onValueChange: (e) => V({ currency: e }),
-												children: [/* @__PURE__ */ E(p, {
-													id: `${Q}-currency`,
-													children: /* @__PURE__ */ E(m, {})
-												}), /* @__PURE__ */ E(d, { children: A.map((e) => /* @__PURE__ */ E(f, {
-													value: e.value,
-													children: e.label
-												}, e.value)) })]
+										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__ */ E(N, { message: O?.currency })
-										]
-									}),
-									$ && /* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-										children: [
-											/* @__PURE__ */ E(s, {
-												htmlFor: `${Q}-issue-date`,
-												children: Z.issueDateLabel
+											/* @__PURE__ */ f("th", {
+												className: "ttw:p-2 ttw:text-right",
+												children: C.quantityColumn
 											}),
-											/* @__PURE__ */ E(r, {
-												id: `${Q}-issue-date`,
-												type: "date",
-												value: C.issueDate,
-												onChange: (e) => V({ issueDate: e.target.value })
+											/* @__PURE__ */ f("th", {
+												className: "ttw:p-2 ttw:text-right",
+												children: C.unitPriceColumn
 											}),
-											/* @__PURE__ */ E(N, { message: O?.issueDate })
-										]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+											/* @__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__ */ E(s, {
-												htmlFor: `${Q}-due-date`,
-												children: Z.dueDateLabel
+											/* @__PURE__ */ f("td", {
+												className: "ttw:p-2",
+												children: e.name
+											}),
+											/* @__PURE__ */ f("td", {
+												className: "ttw:p-2 ttw:text-right",
+												children: e.quantityLabel
 											}),
-											/* @__PURE__ */ E(r, {
-												id: `${Q}-due-date`,
-												type: "date",
-												value: C.dueDate,
-												onChange: (e) => V({ dueDate: e.target.value })
+											/* @__PURE__ */ f("td", {
+												className: "ttw:p-2 ttw:text-right",
+												children: e.unitPriceLabel
 											}),
-											/* @__PURE__ */ E(N, { message: O?.dueDate })
+											/* @__PURE__ */ f("td", {
+												className: "ttw:p-2 ttw:text-right",
+												children: e.totalLabel
+											})
 										]
-									})
-								]
-							}),
-							ne && /* @__PURE__ */ D("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-								children: [
-									/* @__PURE__ */ E(s, {
-										htmlFor: `${Q}-payment-terms`,
-										children: Z.paymentTermsLabel
-									}),
-									/* @__PURE__ */ D(u, {
-										value: C.paymentTermsId || void 0,
-										onValueChange: (e) => V({ paymentTermsId: e === "__none__" ? "" : e }),
-										children: [/* @__PURE__ */ E(p, {
-											id: `${Q}-payment-terms`,
-											children: /* @__PURE__ */ E(m, { placeholder: Z.paymentTermsPlaceholder })
-										}), /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(f, {
-											value: "__none__",
-											children: Z.paymentTermsNone
-										}), j.map((e) => /* @__PURE__ */ E(f, {
-											value: e.value,
-											children: e.label
-										}, e.value))] })]
-									}),
-									/* @__PURE__ */ E(N, { message: O?.paymentTermsId })
-								]
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-								children: [
-									/* @__PURE__ */ D("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-										children: [/* @__PURE__ */ E(S, {
-											variant: "h4",
-											children: Z.lineItemsHeading
-										}), /* @__PURE__ */ E(S, {
-											variant: "body2",
-											color: "muted",
-											className: "ttw:font-medium",
-											children: Z.lineItemsDescription
-										})]
-									}),
-									O?.lineItemsSummary?.length ? /* @__PURE__ */ E(e, {
-										variant: "destructive",
-										className: "ttw:mb-2",
-										children: /* @__PURE__ */ E(t, { children: /* @__PURE__ */ E("ul", { children: O.lineItemsSummary.map((e) => /* @__PURE__ */ E("li", { children: e }, e)) }) })
-									}) : null,
-									/* @__PURE__ */ D("ul", {
-										className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-										children: [/* @__PURE__ */ D("li", {
-											"aria-hidden": !0,
-											className: "ttw:flex ttw:h-5 ttw:items-center ttw:gap-2.5 ttw:text-sm ttw:leading-5 ttw:font-medium",
-											children: [
-												/* @__PURE__ */ E("span", {
-													className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
-													children: Z.productLabel
-												}),
-												/* @__PURE__ */ E("span", {
-													className: "ttw:w-24 ttw:min-w-24",
-													children: Z.quantityLabel
-												}),
-												/* @__PURE__ */ E("span", {
-													className: "ttw:w-20.5 ttw:min-w-20.5",
-													children: Z.unitLabel
-												}),
-												/* @__PURE__ */ E("span", {
-													className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-													children: Z.priceLabel
-												}),
-												C.lineItems.length > 1 && /* @__PURE__ */ E("span", { className: "ttw:w-10 ttw:min-w-10" })
-											]
-										}), R ? /* @__PURE__ */ E("li", {
-											className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
-											children: /* @__PURE__ */ E(x, { className: "ttw:size-5" })
-										}) : C.lineItems.map((e) => /* @__PURE__ */ E(P, {
-											formId: Q,
-											lineItem: e,
-											errors: O?.lineItems?.[e.id],
-											controls: I?.[e.id],
-											focusOnMount: e.id === L,
-											canRemove: C.lineItems.length > 1,
-											unitOptions: M,
-											currencySymbol: F,
-											labels: Z,
-											renderProductSelector: B,
-											onChange: (t) => H(e.id, t),
-											onCommit: (t) => U(e.id, t),
-											onQuantityStep: (t) => W(e.id, t),
-											onManageUnits: G,
-											onRemove: () => q(e.id)
-										}, e.id))]
-									}),
-									/* @__PURE__ */ D(n, {
-										type: "button",
-										variant: "ghost",
-										className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
-										onClick: K,
-										children: [/* @__PURE__ */ E(k, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
-									})
-								]
-							}),
-							/* @__PURE__ */ E(T, {
-								idPrefix: Q,
-								openingNote: C.openingNote,
-								closingNote: C.closingNote,
-								openingNoteError: O?.openingNote,
-								closingNoteError: O?.closingNote,
-								disabled: z,
-								onOpeningNoteChange: (e) => V({ openingNote: e }),
-								onClosingNoteChange: (e) => V({ closingNote: e }),
-								labels: Z
+									}, 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__ */ E(v, { children: /* @__PURE__ */ D("div", {
-					className: "ttw:flex ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ E(n, {
-						type: "button",
-						variant: "ghost",
-						onClick: Y,
-						children: Z.cancelButton
-					}), /* @__PURE__ */ E(n, {
-						type: "submit",
-						form: Q,
-						loading: z,
-						disabled: R,
-						children: o === "edit" ? Z.updateButton : Z.createButton
-					})]
+				/* @__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
+						})
+					]
 				}) })
 			]
 		})
 	});
 }
 //#endregion
-export { F as ReceivableFormSheet, F as default };
+export { g as ReceivableDetailsSheet, g as default };