@tesouro/embedded-components-react 0.5.279 → 0.5.280

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

@@ -1,8 +1,443 @@
-import { Fragment as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Alert as e, AlertDescription as t, Button as n, Checkbox as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogFooter as s, DialogHeader as c, DialogTitle as l, Field as u, FieldContent as d, FieldError as f, FieldLabel as p, Input as m, Label as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Separator as x, Spinner as S, Typography as C, cn as w } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_DIALOG_LABELS_EN as ee } from "./index14.js";
+import { ReceivableFormTotals as te } from "./index42.js";
+import { ReceivableNotesSection as T } from "./index43.js";
+import { useId as ne } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { MinusIcon as O, PlusIcon as k, Trash2Icon as A, XIcon as j } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index44.js
-function r({ lines: r }) {
-	return r.map((r, i) => /* @__PURE__ */ n(e, { children: [i > 0 && /* @__PURE__ */ t("br", {}), r] }, `${i}-${r}`));
+var M = "__none__", N = "__manage__", P = "ttw:flex ttw:h-9 ttw:min-w-0 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:has-[input:focus-visible]:border-ring ttw:has-[input:focus-visible]:ring-[3px] ttw:has-[input:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive", F = "ttw:h-full ttw:min-w-0 ttw:flex-1 ttw:bg-transparent ttw:text-right ttw:text-base ttw:outline-none ttw:placeholder:text-muted-foreground ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", I = "ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:text-muted-foreground ttw:select-none", L = "ttw:flex ttw:size-6 ttw:shrink-0 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-[calc(var(--radius)-5px)] ttw:text-muted-foreground ttw:outline-none ttw:transition-all ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:pointer-events-none ttw:disabled:opacity-50";
+function R({ message: e }) {
+	return e ? /* @__PURE__ */ E("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
+	}) : null;
+}
+function re({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, canRemove: s, unitOptions: c, currencySymbol: l, labels: u, renderProductSelector: d, onChange: f, onCommit: p, onQuantityStep: m, onManageUnits: h, onRemove: x }) {
+	let S = `${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: d(t, {
+					inputId: `${S}-name`,
+					invalid: !!i?.name,
+					focusOnMount: o
+				})
+			}),
+			/* @__PURE__ */ D("div", {
+				className: w(P, "ttw:w-26 ttw:min-w-26 ttw:px-[0.3rem]"),
+				children: [
+					/* @__PURE__ */ E("button", {
+						type: "button",
+						"aria-label": u.decreaseQuantityButton,
+						disabled: a ? !a.canDecreaseQuantity : !1,
+						className: L,
+						onClick: () => m(-1),
+						children: /* @__PURE__ */ E(O, { className: "ttw:size-3.5" })
+					}),
+					/* @__PURE__ */ E("input", {
+						id: `${S}-quantity`,
+						"aria-label": u.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) => f({ quantity: e.target.value }),
+						onBlur: () => p("quantity")
+					}),
+					/* @__PURE__ */ E("button", {
+						type: "button",
+						"aria-label": u.increaseQuantityButton,
+						disabled: a ? !a.canIncreaseQuantity : !1,
+						className: L,
+						onClick: () => m(1),
+						children: /* @__PURE__ */ E(k, { className: "ttw:size-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ D(g, {
+				value: t.unit || M,
+				onValueChange: (e) => {
+					if (e === N) {
+						h?.();
+						return;
+					}
+					f({ unit: e === M ? "" : e });
+				},
+				children: [/* @__PURE__ */ E(y, {
+					id: `${S}-unit`,
+					"aria-label": u.unitLabel,
+					"aria-invalid": !!i?.measureUnit || void 0,
+					className: "ttw:w-22",
+					children: /* @__PURE__ */ E(b, {
+						className: "ttw:truncate",
+						placeholder: u.unitPlaceholder
+					})
+				}), /* @__PURE__ */ D(_, { children: [
+					h && /* @__PURE__ */ D(v, {
+						value: N,
+						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
+						children: [/* @__PURE__ */ E(k, { className: "ttw:text-primary" }), u.manageUnitsOption]
+					}),
+					/* @__PURE__ */ E(v, {
+						value: M,
+						children: u.unitNone
+					}),
+					c.map((e) => /* @__PURE__ */ E(v, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				] })]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: w(P, "ttw:w-full ttw:max-w-41 ttw:min-w-29"),
+				children: [/* @__PURE__ */ E("span", {
+					className: w(I, "ttw:pl-3"),
+					children: l
+				}), /* @__PURE__ */ E("input", {
+					id: `${S}-price`,
+					"aria-label": u.priceLabel,
+					"aria-invalid": !!i?.price || void 0,
+					type: "text",
+					inputMode: "decimal",
+					className: w(F, "ttw:pr-3 ttw:pl-2"),
+					value: t.price,
+					onChange: (e) => f({ price: e.target.value }),
+					onBlur: () => p("price")
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "ttw:flex ttw:w-12 ttw:min-w-12 ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ E(r, {
+					id: `${S}-taxable`,
+					"aria-label": u.taxableLabel,
+					checked: t.taxable,
+					onCheckedChange: (e) => f({ taxable: e === !0 })
+				})
+			}),
+			s && /* @__PURE__ */ E(n, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				"aria-label": u.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: x,
+				children: /* @__PURE__ */ E(A, {})
+			})
+		]
+	});
+}
+function z({ inputId: e, discountType: t, value: n, error: r, currencySymbol: i, disabled: a, labels: o, onChange: s, onTypeChange: c, onFocus: l, onBlur: m }) {
+	let h = `${e}-error`, g = [{
+		type: "amount",
+		label: i,
+		ariaLabel: o.discountAmountOptionAriaLabel
+	}, {
+		type: "percentage",
+		label: o.discountPercentageOption,
+		ariaLabel: o.discountPercentageOptionAriaLabel
+	}];
+	return /* @__PURE__ */ D(u, {
+		className: "ttw:flex-col",
+		children: [/* @__PURE__ */ D(d, {
+			className: "ttw:flex-row ttw:items-center ttw:justify-end",
+			children: [/* @__PURE__ */ E(p, {
+				htmlFor: e,
+				className: w(r && "ttw:text-destructive"),
+				children: o.discountLabel
+			}), /* @__PURE__ */ D("div", {
+				className: w(P, "ttw:w-40 ttw:overflow-hidden"),
+				children: [/* @__PURE__ */ E("div", {
+					className: w(I, "ttw:items-stretch ttw:self-stretch"),
+					children: g.map((e) => /* @__PURE__ */ E("button", {
+						type: "button",
+						"aria-label": e.ariaLabel,
+						"aria-pressed": t === e.type,
+						disabled: a,
+						className: w("ttw:h-full ttw:w-9 ttw:cursor-pointer ttw:border-r ttw:border-input ttw:text-sm ttw:transition-colors ttw:disabled:pointer-events-none ttw:disabled:opacity-50", t === e.type ? "ttw:bg-primary ttw:text-primary-foreground" : "ttw:text-muted-foreground ttw:hover:bg-muted ttw:hover:text-foreground"),
+						onClick: () => c(e.type),
+						children: e.label
+					}, e.type))
+				}), /* @__PURE__ */ E("input", {
+					id: e,
+					type: "text",
+					inputMode: "decimal",
+					className: w(F, "ttw:pr-3 ttw:pl-2"),
+					"aria-invalid": !!r || void 0,
+					"aria-describedby": r ? h : void 0,
+					disabled: a,
+					value: n,
+					onChange: (e) => s(e.target.value),
+					onFocus: l,
+					onBlur: m
+				})]
+			})]
+		}), r && /* @__PURE__ */ E(f, {
+			id: h,
+			className: "ttw:text-right",
+			children: r
+		})]
+	});
+}
+function B({ open: r, onRequestClose: g, mode: _ = "create", values: v, errors: y, unitOptions: b, currencySymbol: O, lineItemControls: A, autoFocusLineItemId: M, lineItemsLoading: N, inProgress: L, customerSection: B, renderProductSelector: V, onChange: H, onLineItemChange: U, onLineItemCommit: W, onLineItemQuantityStep: G, onTaxRateCommit: K, onDiscountFocus: q, onDiscountCommit: J, totals: Y, onManageUnits: X, onAddLineItem: ie, onRemoveLineItem: ae, showDueDateField: oe, billingSection: se, bankAccountSection: ce, attachmentsSection: le, preview: ue, closeDisabled: de, cancelDisabled: fe, draftButtonLabel: Z, draftDisabled: pe, draftLoading: me, primaryButtonLabel: he, primaryDisabled: ge, primaryLoading: _e, scrollContainerRef: ve, onSubmit: ye, onDraftClick: be, onPrimaryClick: xe, labels: Se }) {
+	let Q = {
+		...ee,
+		...Se
+	}, $ = ne();
+	return /* @__PURE__ */ E(i, {
+		open: r,
+		onOpenChange: (e) => {
+			e || g();
+		},
+		modal: !1,
+		children: /* @__PURE__ */ D(a, {
+			fullScreen: !0,
+			className: "ttw:flex ttw:flex-col ttw:gap-0 ttw:overflow-hidden ttw:p-0",
+			onInteractOutside: (e) => e.preventDefault(),
+			children: [/* @__PURE__ */ D(c, {
+				className: "ttw:w-full ttw:flex-row ttw:items-center ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:pt-6 ttw:pb-7",
+				children: [/* @__PURE__ */ D("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ E(l, {
+						className: "ttw:text-3xl ttw:tracking-normal",
+						children: _ === "edit" ? Q.editTitle : Q.createTitle
+					}), /* @__PURE__ */ E(o, {
+						className: w(_ === "edit" && "ttw:sr-only"),
+						children: _ === "edit" ? Q.editDescription : Q.createDescription
+					})]
+				}), /* @__PURE__ */ E(n, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:p-2 ttw:has-[>svg]:px-2",
+					"aria-label": Q.closeButton,
+					disabled: de,
+					onClick: g,
+					children: /* @__PURE__ */ E(j, { className: "ttw:size-6.5" })
+				})]
+			}), /* @__PURE__ */ D("div", {
+				className: "ttw:flex ttw:min-h-0 ttw:flex-1",
+				children: [/* @__PURE__ */ D("div", {
+					ref: ve,
+					className: "ttw:h-full ttw:min-h-0 ttw:w-1/2 ttw:overflow-auto ttw:px-8 ttw:pt-6",
+					children: [/* @__PURE__ */ D("form", {
+						id: $,
+						noValidate: !0,
+						className: "ttw:pb-10",
+						onSubmit: (e) => {
+							e.preventDefault(), e.stopPropagation(), ye();
+						},
+						children: [/* @__PURE__ */ E("button", {
+							type: "submit",
+							className: "ttw:sr-only",
+							tabIndex: -1,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ D("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-8",
+							children: [
+								B,
+								oe && /* @__PURE__ */ E("div", {
+									className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+									children: /* @__PURE__ */ D("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ E(h, {
+												htmlFor: `${$}-due-date`,
+												children: Q.dueDateLabel
+											}),
+											/* @__PURE__ */ E(m, {
+												id: `${$}-due-date`,
+												type: "date",
+												value: v.dueDate,
+												onChange: (e) => H({ dueDate: e.target.value })
+											}),
+											/* @__PURE__ */ E(R, { message: y?.dueDate })
+										]
+									})
+								}),
+								se,
+								/* @__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(C, {
+												variant: "h4",
+												children: Q.lineItemsHeading
+											}), /* @__PURE__ */ E(C, {
+												variant: "body2",
+												color: "muted",
+												className: "ttw:font-medium",
+												children: Q.lineItemsDescription
+											})]
+										}),
+										y?.lineItemsSummary?.length ? /* @__PURE__ */ E(e, {
+											variant: "destructive",
+											className: "ttw:mb-2",
+											children: /* @__PURE__ */ E(t, { children: /* @__PURE__ */ E("ul", { children: y.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: Q.productLabel
+													}),
+													/* @__PURE__ */ E("span", {
+														className: "ttw:w-24 ttw:min-w-24",
+														children: Q.quantityLabel
+													}),
+													/* @__PURE__ */ E("span", {
+														className: "ttw:w-20.5 ttw:min-w-20.5",
+														children: Q.unitLabel
+													}),
+													/* @__PURE__ */ E("span", {
+														className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
+														children: Q.priceLabel
+													}),
+													/* @__PURE__ */ E("span", {
+														className: "ttw:w-12 ttw:min-w-12",
+														children: Q.taxableLabel
+													}),
+													v.lineItems.length > 1 && /* @__PURE__ */ E("span", { className: "ttw:w-10 ttw:min-w-10" })
+												]
+											}), N ? /* @__PURE__ */ E("li", {
+												className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
+												children: /* @__PURE__ */ E(S, { className: "ttw:size-5" })
+											}) : v.lineItems.map((e) => /* @__PURE__ */ E(re, {
+												formId: $,
+												lineItem: e,
+												errors: y?.lineItems?.[e.id],
+												controls: A?.[e.id],
+												focusOnMount: e.id === M,
+												canRemove: v.lineItems.length > 1,
+												unitOptions: b,
+												currencySymbol: O,
+												labels: Q,
+												renderProductSelector: V,
+												onChange: (t) => U(e.id, t),
+												onCommit: (t) => W(e.id, t),
+												onQuantityStep: (t) => G(e.id, t),
+												onManageUnits: X,
+												onRemove: () => ae(e.id)
+											}, e.id))]
+										}),
+										/* @__PURE__ */ D(n, {
+											type: "button",
+											variant: "ghost",
+											className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
+											onClick: ie,
+											children: [/* @__PURE__ */ E(k, { className: "ttw:size-5 ttw:text-primary" }), Q.addLineItemButton]
+										}),
+										/* @__PURE__ */ E(z, {
+											inputId: `${$}-discount`,
+											discountType: v.discountType,
+											value: v.discount,
+											error: y?.discount,
+											currencySymbol: O,
+											disabled: L,
+											labels: Q,
+											onChange: (e) => H({ discount: e }),
+											onTypeChange: (e) => H({ discountType: e }),
+											onFocus: q,
+											onBlur: J
+										}),
+										/* @__PURE__ */ D(u, {
+											className: "ttw:flex-col",
+											children: [/* @__PURE__ */ D(d, {
+												className: "ttw:flex-row ttw:justify-end",
+												children: [/* @__PURE__ */ E(p, {
+													htmlFor: `${$}-tax-rate`,
+													className: w(y?.taxRate && "ttw:text-destructive"),
+													children: Q.taxRateLabel
+												}), /* @__PURE__ */ D("div", {
+													className: w(P, "ttw:w-40"),
+													children: [/* @__PURE__ */ E("input", {
+														id: `${$}-tax-rate`,
+														className: w(F, "ttw:pl-3"),
+														placeholder: Q.taxRatePlaceholder,
+														type: "text",
+														inputMode: "decimal",
+														"aria-invalid": !!y?.taxRate || void 0,
+														"aria-describedby": y?.taxRate ? `${$}-tax-rate-error` : void 0,
+														value: v.taxRate,
+														onChange: (e) => H({ taxRate: e.target.value }),
+														onBlur: K
+													}), /* @__PURE__ */ E("span", {
+														className: w(I, "ttw:pr-3"),
+														children: Q.taxRateSuffix
+													})]
+												})]
+											}), y?.taxRate && /* @__PURE__ */ E(f, {
+												id: `${$}-tax-rate-error`,
+												className: "ttw:text-right",
+												children: y.taxRate
+											})]
+										}),
+										/* @__PURE__ */ E(x, {}),
+										/* @__PURE__ */ E(te, {
+											totals: Y,
+											labels: Q
+										})
+									]
+								}),
+								ce,
+								/* @__PURE__ */ E(T, {
+									idPrefix: $,
+									openingNote: v.openingNote,
+									closingNote: v.closingNote,
+									openingNoteError: y?.openingNote,
+									closingNoteError: y?.closingNote,
+									disabled: L,
+									onOpeningNoteChange: (e) => H({ openingNote: e }),
+									onClosingNoteChange: (e) => H({ closingNote: e }),
+									labels: Q
+								}),
+								le
+							]
+						})]
+					}), /* @__PURE__ */ D(s, {
+						className: "ttw:sticky ttw:bottom-0 ttw:z-10 ttw:flex-row ttw:items-center ttw:justify-end ttw:gap-4 ttw:bg-background ttw:px-6 ttw:pt-3 ttw:pb-6",
+						children: [
+							/* @__PURE__ */ E(n, {
+								type: "button",
+								variant: "outline",
+								className: "ttw:border-border",
+								disabled: fe,
+								onClick: g,
+								children: Q.cancelButton
+							}),
+							Z && /* @__PURE__ */ E(n, {
+								type: "submit",
+								form: $,
+								variant: "secondary",
+								loading: me,
+								disabled: pe,
+								onClick: be,
+								children: Z
+							}),
+							/* @__PURE__ */ E(n, {
+								type: "submit",
+								form: $,
+								loading: _e,
+								disabled: ge,
+								onClick: xe,
+								children: he
+							})
+						]
+					})]
+				}), /* @__PURE__ */ E("div", {
+					className: "ttw:h-full ttw:min-h-0 ttw:w-1/2 ttw:overflow-auto ttw:bg-linear-to-b ttw:from-[#F6F6F6] ttw:to-[#E4E4FF]",
+					children: ue
+				})]
+			})]
+		})
+	});
 }
 //#endregion
-export { r as PreviewLines };
+export { B as ReceivableFormDialog, B as default };

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

@@ -0,0 +1,224 @@
+import { Alert as e, AlertDescription as t, Button as n, DatePicker as r, Dialog as i, DialogContent as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, FieldRequirement as l, InputGroup as u, InputGroupAddon as d, InputGroupInput as f, Label as p, Skeleton as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as h } from "./index14.js";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { NotebookPen as y } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index45.js
+var b = {
+	amount: "receivable-payment-amount",
+	date: "receivable-payment-date",
+	time: "receivable-payment-time"
+};
+function x({ id: e, message: t }) {
+	return t ? /* @__PURE__ */ _("p", {
+		id: e,
+		className: "ttw:text-sm ttw:text-destructive",
+		children: t
+	}) : null;
+}
+function S({ label: e, children: t }) {
+	return /* @__PURE__ */ v("div", {
+		className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:px-4 ttw:py-3",
+		children: [/* @__PURE__ */ _("dt", {
+			className: "ttw:text-sm ttw:text-muted-foreground",
+			children: e
+		}), /* @__PURE__ */ _("dd", {
+			className: "ttw:text-sm ttw:font-medium ttw:text-right ttw:break-all",
+			children: t
+		})]
+	});
+}
+function C({ open: C, onOpenChange: w, step: T, values: E, errors: D, currencySymbol: O, amountDueLabel: k, review: A, inProgress: j, onChange: M, onFillAmountDue: N, onSave: P, onEdit: F, onConfirm: I, onCancel: L, labels: R }) {
+	let z = {
+		...h,
+		...R
+	};
+	return /* @__PURE__ */ _(i, {
+		open: C,
+		onOpenChange: w,
+		children: /* @__PURE__ */ _(a, {
+			"aria-describedby": void 0,
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: T === "review" && A ? /* @__PURE__ */ v(g, { children: [
+				/* @__PURE__ */ v(s, {
+					className: "ttw:items-center ttw:text-center",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted",
+							children: /* @__PURE__ */ _(y, { className: "ttw:size-5 ttw:text-muted-foreground" })
+						}),
+						/* @__PURE__ */ _(c, {
+							className: "ttw:text-base ttw:font-normal",
+							children: z.reviewTitle
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "ttw:text-2xl ttw:font-semibold",
+							children: A.amountLabel
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "ttw:text-sm",
+							children: A.fromLabel
+						})
+					]
+				}),
+				/* @__PURE__ */ v("dl", {
+					className: "ttw:divide-y ttw:divide-border ttw:rounded-lg ttw:border ttw:border-border",
+					children: [
+						/* @__PURE__ */ _(S, {
+							label: z.receivedLabel,
+							children: A.receivedLabel
+						}),
+						/* @__PURE__ */ _(S, {
+							label: z.referenceLabel,
+							children: A.referenceLabel
+						}),
+						/* @__PURE__ */ _(S, {
+							label: z.createdByLabel,
+							children: A.isCreatedByLoading ? /* @__PURE__ */ _(m, { className: "ttw:h-4 ttw:w-24" }) : A.createdByLabel
+						})
+					]
+				}),
+				/* @__PURE__ */ _(e, {
+					className: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800",
+					children: /* @__PURE__ */ _(t, {
+						className: "ttw:text-amber-800",
+						children: z.reviewWarning
+					})
+				}),
+				/* @__PURE__ */ v(o, {
+					className: "ttw:sm:justify-between",
+					children: [/* @__PURE__ */ _(n, {
+						variant: "ghost",
+						onClick: L,
+						children: z.cancelButton
+					}), /* @__PURE__ */ v("div", {
+						className: "ttw:flex ttw:gap-2",
+						children: [/* @__PURE__ */ _(n, {
+							variant: "outline",
+							disabled: j,
+							onClick: F,
+							children: z.editRecordButton
+						}), /* @__PURE__ */ _(n, {
+							disabled: j,
+							onClick: I,
+							children: z.confirmButton
+						})]
+					})]
+				})
+			] }) : /* @__PURE__ */ v("form", {
+				className: "ttw:flex ttw:flex-col ttw:gap-6",
+				noValidate: !0,
+				onSubmit: (e) => {
+					e.preventDefault(), P();
+				},
+				children: [
+					/* @__PURE__ */ _(s, { children: /* @__PURE__ */ _(c, { children: z.title }) }),
+					/* @__PURE__ */ v("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ _(p, {
+								htmlFor: b.amount,
+								requirement: l.Required,
+								children: z.amountLabel
+							}),
+							/* @__PURE__ */ v(u, { children: [/* @__PURE__ */ _(f, {
+								id: b.amount,
+								type: "number",
+								required: !0,
+								placeholder: z.amountPlaceholder,
+								"data-has-end-addon": !0,
+								"aria-invalid": !!D?.amount || void 0,
+								"aria-describedby": D?.amount ? `${b.amount}-error` : void 0,
+								value: E.amount,
+								onChange: (e) => M({ amount: e.target.value })
+							}), /* @__PURE__ */ _(d, {
+								align: "inline-end",
+								children: O
+							})] }),
+							/* @__PURE__ */ _(x, {
+								id: `${b.amount}-error`,
+								message: D?.amount
+							}),
+							/* @__PURE__ */ v("p", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: [
+									z.fullAmountDuePrefix,
+									" ",
+									/* @__PURE__ */ _(n, {
+										type: "button",
+										variant: "link",
+										className: "ttw:h-auto ttw:p-0 ttw:underline",
+										onClick: N,
+										children: k
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+						children: [/* @__PURE__ */ v("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [
+								/* @__PURE__ */ _(p, {
+									htmlFor: b.date,
+									requirement: l.Required,
+									children: z.dateLabel
+								}),
+								/* @__PURE__ */ _(r, {
+									id: b.date,
+									value: E.paymentDate,
+									onChange: (e) => M({ paymentDate: e }),
+									placeholder: z.datePlaceholder,
+									"aria-invalid": !!D?.paymentDate || void 0,
+									"aria-describedby": D?.paymentDate ? `${b.date}-error` : void 0
+								}),
+								/* @__PURE__ */ _(x, {
+									id: `${b.date}-error`,
+									message: D?.paymentDate
+								})
+							]
+						}), /* @__PURE__ */ v("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [
+								/* @__PURE__ */ _(p, {
+									htmlFor: b.time,
+									requirement: l.Required,
+									children: z.timeLabel
+								}),
+								/* @__PURE__ */ v(u, { children: [/* @__PURE__ */ _(f, {
+									id: b.time,
+									type: "time",
+									required: !0,
+									"data-has-end-addon": !0,
+									"aria-invalid": !!D?.paymentTime || void 0,
+									"aria-describedby": D?.paymentTime ? `${b.time}-error` : void 0,
+									value: E.paymentTime,
+									onChange: (e) => M({ paymentTime: e.target.value })
+								}), /* @__PURE__ */ _(d, {
+									align: "inline-end",
+									children: z.timeZoneSuffix
+								})] }),
+								/* @__PURE__ */ _(x, {
+									id: `${b.time}-error`,
+									message: D?.paymentTime
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(n, {
+						type: "button",
+						variant: "ghost",
+						onClick: L,
+						children: z.cancelButton
+					}), /* @__PURE__ */ _(n, {
+						type: "submit",
+						loading: j,
+						children: z.saveButton
+					})] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { C as ReceivablePaymentDialog, C as default };