@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

@@ -1,22 +1,264 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { Button as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { XIcon as c } from "lucide-react";
-s(
-  function({ label: r, onClose: i, variant: t = "ghost", size: a = "icon", onClick: e, ...n }, l) {
-    return /* @__PURE__ */ o(
-      f,
-      {
-        ref: l,
-        variant: t,
-        size: a,
-        ...n,
-        "aria-label": r,
-        onClick: (m) => {
-          e?.(m), i();
-        },
-        children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
-      }
-    );
-  }
-);
+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 "./index4.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/index12.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 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
+						})
+					]
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+export { g as ReceivableDetailsSheet, g as default };

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

@@ -0,0 +1,259 @@
+import { Button as e, Input as t, Label as n, RadioGroup as r, RadioGroupItem as i, Select as a, SelectContent as o, SelectItem as s, SelectTrigger as c, SelectValue as l, Sheet as u, SheetContent as d, SheetDescription as f, SheetFooter as p, SheetHeader as m, SheetTitle as h, Textarea as g, Typography as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as v } from "./index2.js";
+import { useId as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { PlusIcon as S, Trash2Icon as C } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js
+function w({ message: e }) {
+	return e ? /* @__PURE__ */ b("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
+	}) : null;
+}
+function T({ open: T, onOpenChange: E, mode: D = "create", values: O, errors: k, currencyOptions: A, paymentTermsOptions: j, inProgress: M, customerSelector: N, renderProductSelector: P, onChange: F, onLineItemChange: I, onAddLineItem: L, onRemoveLineItem: R, onSubmit: z, onCancel: B, labels: V }) {
+	let H = {
+		...v,
+		...V
+	}, U = y(), W = D === "edit", G = O.type === "invoice" || D === "edit", K = W ? "ttw:grid ttw:grid-cols-3 ttw:gap-4" : "ttw:grid ttw:grid-cols-2 ttw:gap-4";
+	return /* @__PURE__ */ b(u, {
+		open: T,
+		onOpenChange: E,
+		children: /* @__PURE__ */ x(d, {
+			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
+			children: [
+				/* @__PURE__ */ x(m, { children: [/* @__PURE__ */ b(h, { children: D === "edit" ? H.editTitle : H.createTitle }), /* @__PURE__ */ b(f, {
+					className: "ttw:sr-only",
+					children: H.hiddenDescription
+				})] }),
+				/* @__PURE__ */ b("form", {
+					id: U,
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), z();
+					},
+					children: /* @__PURE__ */ x("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6",
+						children: [
+							k?.form && /* @__PURE__ */ b("p", {
+								role: "alert",
+								className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+								children: k.form
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ b(n, { children: H.documentTypeLabel }),
+									/* @__PURE__ */ x(r, {
+										className: "ttw:flex ttw:flex-row ttw:gap-6",
+										disabled: D === "edit",
+										value: O.type,
+										onValueChange: (e) => F({ type: e }),
+										children: [/* @__PURE__ */ x("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ b(i, {
+												value: "invoice",
+												id: `${U}-invoice`
+											}), /* @__PURE__ */ b(n, {
+												htmlFor: `${U}-invoice`,
+												children: H.typeInvoice
+											})]
+										}), /* @__PURE__ */ x("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ b(i, {
+												value: "quote",
+												id: `${U}-quote`
+											}), /* @__PURE__ */ b(n, {
+												htmlFor: `${U}-quote`,
+												children: H.typeQuote
+											})]
+										})]
+									}),
+									/* @__PURE__ */ b(w, { message: k?.type })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ b(n, { children: H.customerLabel }),
+									N,
+									/* @__PURE__ */ b("p", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: H.customerHint
+									}),
+									/* @__PURE__ */ b(w, { message: k?.customerId })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: K,
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ b(n, {
+												htmlFor: `${U}-currency`,
+												children: H.currencyLabel
+											}),
+											/* @__PURE__ */ x(a, {
+												value: O.currency,
+												onValueChange: (e) => F({ currency: e }),
+												children: [/* @__PURE__ */ b(c, {
+													id: `${U}-currency`,
+													children: /* @__PURE__ */ b(l, {})
+												}), /* @__PURE__ */ b(o, { children: A.map((e) => /* @__PURE__ */ b(s, {
+													value: e.value,
+													children: e.label
+												}, e.value)) })]
+											}),
+											/* @__PURE__ */ b(w, { message: k?.currency })
+										]
+									}),
+									W && /* @__PURE__ */ x("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ b(n, {
+												htmlFor: `${U}-issue-date`,
+												children: H.issueDateLabel
+											}),
+											/* @__PURE__ */ b(t, {
+												id: `${U}-issue-date`,
+												type: "date",
+												value: O.issueDate,
+												onChange: (e) => F({ issueDate: e.target.value })
+											}),
+											/* @__PURE__ */ b(w, { message: k?.issueDate })
+										]
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ b(n, {
+												htmlFor: `${U}-due-date`,
+												children: H.dueDateLabel
+											}),
+											/* @__PURE__ */ b(t, {
+												id: `${U}-due-date`,
+												type: "date",
+												value: O.dueDate,
+												onChange: (e) => F({ dueDate: e.target.value })
+											}),
+											/* @__PURE__ */ b(w, { message: k?.dueDate })
+										]
+									})
+								]
+							}),
+							G && /* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ b(n, {
+										htmlFor: `${U}-payment-terms`,
+										children: H.paymentTermsLabel
+									}),
+									/* @__PURE__ */ x(a, {
+										value: O.paymentTermsId || void 0,
+										onValueChange: (e) => F({ paymentTermsId: e === "__none__" ? "" : e }),
+										children: [/* @__PURE__ */ b(c, {
+											id: `${U}-payment-terms`,
+											children: /* @__PURE__ */ b(l, { placeholder: H.paymentTermsPlaceholder })
+										}), /* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b(s, {
+											value: "__none__",
+											children: H.paymentTermsNone
+										}), j.map((e) => /* @__PURE__ */ b(s, {
+											value: e.value,
+											children: e.label
+										}, e.value))] })]
+									}),
+									/* @__PURE__ */ b(w, { message: k?.paymentTermsId })
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-3",
+								children: [/* @__PURE__ */ x("div", {
+									className: "ttw:flex ttw:items-center ttw:justify-between",
+									children: [/* @__PURE__ */ b(_, {
+										variant: "body2",
+										className: "ttw:font-semibold",
+										children: H.lineItemsHeading
+									}), /* @__PURE__ */ x(e, {
+										type: "button",
+										variant: "outline",
+										onClick: L,
+										children: [/* @__PURE__ */ b(S, { className: "ttw:size-4" }), H.addLineItemButton]
+									})]
+								}), O.lineItems.map((r) => /* @__PURE__ */ x("div", {
+									className: "ttw:grid ttw:grid-cols-[1fr_120px_40px] ttw:items-start ttw:gap-3",
+									children: [
+										/* @__PURE__ */ x("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+											children: [
+												/* @__PURE__ */ b(n, { children: H.productLabel }),
+												P(r),
+												/* @__PURE__ */ b(w, { message: k?.lineItems?.[r.id]?.productId })
+											]
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+											children: [
+												/* @__PURE__ */ b(n, {
+													htmlFor: `${U}-quantity-${r.id}`,
+													children: H.quantityLabel
+												}),
+												/* @__PURE__ */ b(t, {
+													id: `${U}-quantity-${r.id}`,
+													inputMode: "decimal",
+													value: r.quantity,
+													onChange: (e) => I(r.id, { quantity: e.target.value })
+												}),
+												/* @__PURE__ */ b(w, { message: k?.lineItems?.[r.id]?.quantity })
+											]
+										}),
+										/* @__PURE__ */ b(e, {
+											type: "button",
+											variant: "ghost",
+											size: "icon-sm",
+											className: "ttw:mt-6",
+											"aria-label": H.removeLineItemButton,
+											onClick: () => R(r.id),
+											disabled: O.lineItems.length <= 1,
+											children: /* @__PURE__ */ b(C, { className: "ttw:size-4" })
+										})
+									]
+								}, r.id))]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ b(n, {
+										htmlFor: `${U}-memo`,
+										children: H.memoLabel
+									}),
+									/* @__PURE__ */ b(g, {
+										id: `${U}-memo`,
+										rows: 3,
+										value: O.memo,
+										onChange: (e) => F({ memo: e.target.value })
+									}),
+									/* @__PURE__ */ b(w, { message: k?.memo })
+								]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ b(p, { children: /* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2",
+					children: [/* @__PURE__ */ b(e, {
+						type: "button",
+						variant: "ghost",
+						onClick: B,
+						children: H.cancelButton
+					}), /* @__PURE__ */ b(e, {
+						type: "submit",
+						form: U,
+						loading: M,
+						children: D === "edit" ? H.updateButton : H.createButton
+					})]
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+export { T as ReceivableFormSheet, T as default };

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

@@ -0,0 +1,106 @@
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, RadioGroup as l, RadioGroupItem as u, Textarea as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as f } from "./index2.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js
+function h({ message: e }) {
+	return e ? /* @__PURE__ */ p("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
+	}) : null;
+}
+function g({ open: g, onOpenChange: _, values: v, errors: y, inProgress: b, onChange: x, onSubmit: S, onCancel: C, labels: w }) {
+	let T = {
+		...f,
+		...w
+	};
+	return /* @__PURE__ */ p(t, {
+		open: g,
+		onOpenChange: _,
+		children: /* @__PURE__ */ m(n, { children: [
+			/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, { children: T.title }), /* @__PURE__ */ p(r, { children: T.description })] }),
+			/* @__PURE__ */ m("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [
+					y?.form && /* @__PURE__ */ p("p", {
+						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+						children: y.form
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [/* @__PURE__ */ p(c, { children: T.modeLabel }), /* @__PURE__ */ m(l, {
+							className: "ttw:flex ttw:flex-row ttw:gap-6",
+							value: v.mode,
+							onValueChange: (e) => x({ mode: e }),
+							children: [/* @__PURE__ */ m("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(u, {
+									value: "full",
+									id: "receivable-payment-full"
+								}), /* @__PURE__ */ p(c, {
+									htmlFor: "receivable-payment-full",
+									children: T.fullPayment
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(u, {
+									value: "partial",
+									id: "receivable-payment-partial"
+								}), /* @__PURE__ */ p(c, {
+									htmlFor: "receivable-payment-partial",
+									children: T.partialPayment
+								})]
+							})]
+						})]
+					}),
+					v.mode === "partial" && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.amountPaidLabel }),
+							/* @__PURE__ */ p(s, {
+								inputMode: "decimal",
+								value: v.amountPaid,
+								onChange: (e) => x({ amountPaid: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.amountPaid })
+						]
+					}),
+					v.mode === "full" && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
+							/* @__PURE__ */ p(s, {
+								type: "date",
+								value: v.paidAt,
+								onChange: (e) => x({ paidAt: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.paidAt })
+						]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.commentLabel }),
+							/* @__PURE__ */ p(d, {
+								rows: 3,
+								value: v.comment,
+								onChange: (e) => x({ comment: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.comment })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
+				variant: "ghost",
+				onClick: C,
+				children: T.cancelButton
+			}), /* @__PURE__ */ p(e, {
+				loading: b,
+				onClick: S,
+				children: T.submitButton
+			})] })
+		] })
+	});
+}
+//#endregion
+export { g as ReceivablePaymentDialog, g as default };