@tesouro/embedded-components-react 0.5.201 → 0.5.203

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

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