@tesouro/embedded-components-react 0.5.160 → 0.5.162

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index535.js

@@ -1,791 +1,136 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
-import { useCounterpartById as n } from "./index47.js";
-import { getCounterpartEmail as r } from "./index52.js";
-import { useCurrencies as i } from "./index62.js";
-import { cn as a } from "./index48.js";
-import { Button as o } from "./index55.js";
-import { useCounterpartAddresses as s } from "./index132.js";
-import { useMyEntity as c } from "./index139.js";
-import { useGetReceivableById as ee } from "./index143.js";
-import "./index144.js";
-import { useComponentSettings as te } from "./index220.js";
-import "./index222.js";
-import { MoniteScopedProviders as l } from "./index241.js";
-import { Sheet as ne, SheetContent as re, SheetDescription as ie, SheetHeader as ae, SheetTitle as oe } from "./index49.js";
-import { LoadingSpinner as u } from "./index50.js";
-import "./index51.js";
-import { DialogTitle as d } from "./index57.js";
-import { Typography as f } from "./index61.js";
-import { ACTION_ICON as se, AUDIT_HISTORY_SECTION as ce, STATUS_ICON as le, amountValueToneClass as ue, headerIconButtonClass as p } from "./index92.js";
-import { getInvoiceValidationSchema as de } from "./index100.js";
-import { useUserPermissions as fe } from "./index118.js";
-import { useSelectableBankAccounts as pe } from "./index127.js";
-import { useGetPaymentReminderById as me } from "./index148.js";
-import { useGetOverdueReminderById as he } from "./index151.js";
-import { buildInvoiceDetailsView as ge } from "./index166.js";
-import { preventTooltipFocusOpen as _e } from "./index170.js";
-import { buildEditInvoiceFormValues as ve } from "./index177.js";
-import { isPrimaryActionDisabled as ye } from "./index179.js";
-import "./index182.js";
-import { useDuplicateInvoice as be } from "./index183.js";
-import { useGetPaymentRecords as xe } from "./index187.js";
-import { useGetReceivablePDFById as Se } from "./index190.js";
-import { useGetRecurrenceById as Ce } from "./index199.js";
-import { useGetInvoiceRequiredFields as we } from "./index201.js";
-import { Badge as m } from "./index228.js";
-import { InvoiceStatusChip as Te } from "./index242.js";
-import { NotFound as Ee } from "./index243.js";
-import { CounterpartDetails as De } from "./index244.js";
-import { AccessRestriction as Oe } from "./index251.js";
-import "./index415.js";
-import { InvoiceRecurrenceStatusChip as ke } from "./index437.js";
-import { useIssueReceivableById as Ae } from "./index448.js";
-import { ActionsModal as je } from "./index516.js";
-import { Accordion as Me, AccordionContent as h, AccordionItem as g, AccordionTrigger as _ } from "./index506.js";
-import { Tooltip as Ne, TooltipContent as Pe, TooltipProvider as Fe, TooltipTrigger as v } from "./index507.js";
-import { usePauseRecurrence as Ie } from "./index508.js";
-import { useResumeRecurrence as Le } from "./index509.js";
-import { InvoiceDetailsAmountCell as Re } from "./index510.js";
-import { InvoiceDetailsAttachments as ze } from "./index511.js";
-import { InvoiceDetailsAuditHistory as Be } from "./index512.js";
-import { InvoiceDetailsCloseButton as y } from "./index513.js";
-import { EditInvoiceDetails as Ve } from "./index517.js";
-import { InvoiceDetailsInfoRow as He } from "./index518.js";
-import { InvoiceDetailsCustomerRow as Ue } from "./index519.js";
-import { InvoiceCancelModal as We } from "./index521.js";
-import { InvoiceDeleteModal as Ge } from "./index522.js";
-import { InvoiceDetailsTabScheduledInvoices as Ke } from "./index524.js";
-import { MarkAsUncollectibleModal as qe } from "./index525.js";
-import { InvoiceDetailsOverflowMenu as Je } from "./index526.js";
-import { RecordManualPaymentModal as Ye } from "./index533.js";
-import { RecurrenceCancelModal as Xe } from "./index534.js";
-import { useCallback as b, useMemo as x, useState as S } from "react";
-import { ChevronLeft as Ze, CircleAlert as Qe, Eye as $e, Repeat as et } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { toast as E } from "react-hot-toast";
-import { useLingui as tt } from "@lingui/react";
+import { useCurrencies as e } from "./index62.js";
+import "./index223.js";
+import { manualPaymentRecordValidationSchema as t } from "./index100.js";
+import { RHFTextField as n } from "./index307.js";
+import "./index308.js";
+import { safeZodResolver as r } from "./index385.js";
+import { RHFDatePicker as i } from "./index531.js";
+import "./index532.js";
+import { RHFTimePicker as a } from "./index533.js";
+import "./index534.js";
+import { useEffect as o, useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { Button as d, CircularProgress as f, DialogActions as p, DialogContent as m, DialogTitle as h, FormHelperText as g, Grid as _ } from "@mui/material";
+import { useLingui as v } from "@lingui/react";
+import { useForm as y } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index535.js
-var D = (e) => /* @__PURE__ */ w(l, { children: /* @__PURE__ */ w(O, { ...e }, e.invoiceId) }), O = ({ invoiceId: l, open: D, onCloseInvoiceDetails: O, onDuplicate: nt, openInvoiceDetails: k, embeddedBankName: rt }) => {
-	let { i18n: A } = tt(), { locale: j, componentSettings: it } = t(), M = !!it?.receivables?.enableEntityBankAccount, { formatCurrencyToDisplay: N } = i(), { receivablesCallbacks: at } = te(), { data: P, isLoading: ot } = ee(l, !0), F = P?.type === "invoice" ? P.counterpart_id : void 0, I = P?.type === "invoice" ? P.counterpart_billing_address?.id : void 0, { data: L, isLoading: R } = n(F), z = !!r(L), { data: st } = s(F), ct = x(() => st?.data?.find((e) => e.id === I) ?? (P?.type === "invoice" ? P.counterpart_billing_address : void 0), [
-		st?.data,
-		P,
-		I
-	]), { data: lt, isFetching: ut, isLoading: dt } = c(), { data: ft, isFetching: pt, isLoading: mt } = we({
-		counterpart_billing_address_id: I,
-		counterpart_country: ct?.country,
-		counterpart_id: F,
-		counterpart_type: L?.id === F && L?.type || void 0
-	}), ht = ft?.entity?.tax_id?.required, gt = !(P?.type !== "invoice" || !P.payment_reminder_id && !P.overdue_reminder_id), B = !!F && R || dt || ut || mt || pt, { data: _t } = Se(l, P?.type === "invoice"), vt = _t?.file_url, { data: V, isLoading: yt } = Ce(P?.type === "invoice" ? P?.recurrence_id : void 0), { data: bt, isLoading: xt } = xe(P?.id), { data: St } = me(P?.type === "invoice" ? P?.payment_reminder_id : void 0), { data: Ct } = he(P?.type === "invoice" ? P?.overdue_reminder_id : void 0), { bankAccounts: wt, isIncomplete: Tt } = pe(M), H = P?.type === "invoice" ? P.bank_account_id : void 0, Et = x(() => M ? {
-		account: wt.find((e) => e.id === H),
-		isListIncomplete: Tt
-	} : void 0, [
-		M,
-		wt,
-		H,
-		Tt
-	]), [Dt, Ot] = S(["attachments"]), [U, W] = S(!1), [kt, G] = S("edit"), [K, q] = S(null), [At, jt] = S(!1), [Mt, Nt] = S(!1), [Pt, Ft] = S(!1), [It, Lt] = S(!1), [Rt, zt] = S(!1), J = fe(), Bt = J.has(e.InvoiceReadOrg), Vt = J.has(e.InvoiceWriteOrg), Ht = J.has(e.CounterpartReadOrg), Ut = J.has(e.CounterpartWriteOrg), { mutateAsync: Y, isPending: Wt } = Ae(), { mutate: Gt, isPending: Kt } = be(nt), { mutate: qt, isPending: Jt } = Ie(V?.id ?? "", l), { mutate: Yt, isPending: Xt } = Le(V?.id ?? "", l), Zt = D && !U, Qt = Bt && !ot && !yt && !!P && P.type === "invoice", X = x(() => {
-		if (P && P.type === "invoice") return ge(P, V, bt?.data ?? [], {
-			i18n: A,
-			formatCurrencyToDisplay: N,
-			locale: j
-		}, xt, {
-			paymentReminder: St,
-			overdueReminder: Ct
-		}, Et);
-	}, [
-		P,
-		V,
-		bt,
-		xt,
-		St,
-		Ct,
-		Et,
-		A,
-		N,
-		j
-	]), Z = (e) => {
-		switch (e) {
-			case "edit": return A._("Edit");
-			case "issue": return A._("Issue");
-			case "issueAndSend": return A._("Issue and send");
-			case "recordPayment": return A._("Record payment");
-			case "send": return A._("Resend");
-			case "clone": return A._("Duplicate");
-			case "cancel": return A._("Cancel invoice");
-			case "delete": return A._("Delete");
-			case "markUncollectible": return A._("Mark as uncollectible");
-			case "pauseRecurrence": return A._("Pause series");
-			case "resumeRecurrence": return A._("Resume series");
-			case "cancelRecurrence": return A._("Cancel series");
-		}
-	}, Q = b((e) => {
-		Vt ? e() : E.error(A._("You don't have permission to update this document. Please, contact your system administrator for details."));
-	}, [Vt, A]), $t = b((e) => {
-		G(e), W(!0);
-	}, []), en = b(() => {
-		if (!P || P.type !== "invoice") return !1;
-		let e = ve(P, V);
-		return de(A, M, Ut).safeParse(e).success;
-	}, [
-		P,
-		V,
-		A,
-		M,
-		Ut
-	]), $ = b((e) => {
-		if (!en()) return $t(e), !1;
-		if (B) return !1;
-		if (ht && !lt?.tax_id) return E.error(A._("Set your organization's Tax ID to issue invoice")), !1;
-		if (!gt) return !0;
-		let t = r(L), n = L?.reminders_enabled;
-		return !n && t ? (E.error(A._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off.")), !1) : !t && n ? (E.error(A._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders.")), !1) : !n && !t ? (E.error(A._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders.")), !1) : !0;
-	}, [
-		L,
-		lt?.tax_id,
-		gt,
-		A,
-		ht,
-		B,
-		en,
-		$t
-	]), tn = b(async () => {
-		if ($("issue")) try {
-			await Y({ path: { receivable_id: l } });
-		} catch {
-			E.error(A._("Failed to issue invoice. Add any missing information to your draft invoice and try again."));
-		}
-	}, [
-		$,
-		Y,
-		l,
-		A
-	]), nn = b(async () => {
-		if (P?.counterpart_id && !R) {
-			if (!z) {
-				E.error(A._("This customer has no email address. Add one in the customer details to send the invoice."));
-				return;
-			}
-			if ($("issueAndSend")) {
-				try {
-					await Y({ path: { receivable_id: l } });
-				} catch {
-					E.error(A._("Failed to issue invoice. Add any missing information to your draft invoice and try again."));
-					return;
-				}
-				q({
-					action: "issue",
-					inlineLineItems: [],
-					isEditFlow: !1,
-					issue: {
-						receivableId: l,
-						counterpartId: P.counterpart_id
-					}
-				});
-			}
-		}
-	}, [
-		P?.counterpart_id,
-		z,
-		R,
-		$,
-		Y,
-		l,
-		A
-	]), rn = b((e) => {
-		switch (e) {
-			case "edit": return Q(() => {
-				G("edit"), W(!0);
-			});
-			case "issue": return Q(tn);
-			case "issueAndSend": return Q(nn);
-			case "send": return Q(() => {
-				if (!R) {
-					if (!z) {
-						E.error(A._("This customer has no email address. Add one in the customer details to send the invoice."));
-						return;
-					}
-					P?.counterpart_id && q({
-						action: "issue",
-						inlineLineItems: [],
-						isEditFlow: !0,
-						issue: {
-							receivableId: l,
-							counterpartId: P.counterpart_id
-						}
-					});
-				}
-			});
-			case "clone": return Q(() => Gt({ path: { receivable_id: l } }));
-			case "cancel": return Q(() => jt(!0));
-			case "delete": return Q(() => Nt(!0));
-			case "markUncollectible": return Q(() => Ft(!0));
-			case "pauseRecurrence": return Q(() => qt(void 0));
-			case "resumeRecurrence": return Q(() => Yt(void 0));
-			case "cancelRecurrence": return Q(() => Lt(!0));
-			case "recordPayment": return;
-		}
-	}, [
-		Q,
-		tn,
-		nn,
-		z,
-		R,
-		P?.counterpart_id,
-		Gt,
-		l,
-		qt,
-		Yt,
-		A
-	]);
-	return /* @__PURE__ */ T(C, { children: [U && P && /* @__PURE__ */ w(Ve, {
-		isOpen: U,
-		invoice: P,
-		issueIntent: kt !== "edit",
-		embeddedBankName: rt,
-		onUpdated: (e, t) => {
-			W(!1);
-			let n = kt !== "issue";
-			G("edit"), at?.onUpdate?.(e.id, e), t.issued && n && t.hasCustomerEmail ? q({
-				action: "issue",
-				isEditFlow: !1,
-				inlineLineItems: t.inlineLineItems,
-				issue: {
-					receivableId: e.id,
-					counterpartId: t.counterpartId
-				}
-			}) : t.issued && t.inlineLineItems.length > 0 ? q({
-				action: "issue",
-				isEditFlow: !1,
-				inlineLineItems: t.inlineLineItems
-			}) : t.inlineLineItems.length > 0 && q({
-				action: t.activatedRecurrence ? "recurrence" : "update",
-				isEditFlow: !0,
-				inlineLineItems: t.inlineLineItems
-			});
-		},
-		onCancel: () => {
-			W(!1), G("edit");
-		}
-	}), /* @__PURE__ */ w(ne, {
-		open: Zt,
-		modal: !1,
-		onOpenChange: O,
-		children: /* @__PURE__ */ T(re, {
-			showCloseButton: !1,
-			layer: "under-dialogs",
-			className: "ttw:overflow-y-auto ttw:p-0",
-			children: [
-				/* @__PURE__ */ w(ie, {
-					hidden: !0,
-					children: A._("Invoice details")
-				}),
-				Qt ? null : /* @__PURE__ */ w(y, {
-					label: A._("Close"),
-					onClose: O,
-					className: a(p, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
-				}),
-				(() => {
-					if (ot || yt) return /* @__PURE__ */ T("div", {
-						className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:h-full",
-						children: [/* @__PURE__ */ w(d, {
-							hidden: !0,
-							children: A._("Loading invoice details")
-						}), /* @__PURE__ */ w(u, {})]
-					});
-					if (!Bt) return /* @__PURE__ */ T("div", {
-						className: "ttw:w-3/4 ttw:m-auto",
-						children: [/* @__PURE__ */ w(d, {
-							hidden: !0,
-							children: A._("Access restricted")
-						}), /* @__PURE__ */ w(Oe, {})]
-					});
-					if (P && P.type !== "invoice") return /* @__PURE__ */ T("div", {
-						className: "ttw:w-3/4 ttw:m-auto",
-						children: [/* @__PURE__ */ w(d, {
-							hidden: !0,
-							children: A._("Receivable type not supported")
-						}), /* @__PURE__ */ w(Ee, {
-							title: A._("Receivable type not supported"),
-							description: A._("Receivable type {type} is not supported. Only invoice is supported.", { type: P.type })
-						})]
-					});
-					if (!P || !X) return /* @__PURE__ */ T("div", {
-						className: "ttw:w-3/4 ttw:m-auto",
-						children: [/* @__PURE__ */ w(d, {
-							hidden: !0,
-							children: A._("Invoice not found")
-						}), /* @__PURE__ */ w(Ee, {
-							title: A._("Invoice not found"),
-							description: A._("There is no invoice for the provided id: {invoiceId}", { invoiceId: l })
-						})]
-					});
-					let e = le[X.status], t = X.amountTone === "danger", n = X.recurringSeries, r = !!n, i = P.counterpart_name, s = P.counterpart_id && Ht ? () => zt(!0) : void 0, c = X.primaryActions.length > 0 ? /* @__PURE__ */ w("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
-						children: X.primaryActions.map((e, t) => {
-							let n = se[e], r = t === X.primaryActions.length - 1 ? "default" : "outline";
-							return e === "recordPayment" && P.type === "invoice" ? /* @__PURE__ */ w(Ye, {
-								invoice: P,
-								children: ({ openModal: t }) => /* @__PURE__ */ T(o, {
-									type: "button",
-									size: "sm",
-									variant: r,
-									onClick: () => Q(t),
-									children: [/* @__PURE__ */ w(n, { className: "ttw:size-4" }), Z(e)]
+var b = ({ invoice: b, initialValues: x, isLoading: S, onSubmit: C, onCancel: w }) => {
+	let { i18n: T } = v(), { formatCurrencyToDisplay: E, getSymbolFromCurrency: D } = e(), { control: O, handleSubmit: k, reset: A, setValue: j } = y({
+		resolver: r(t(T, b.amount_due)),
+		defaultValues: s(() => x ?? {
+			amount: 0,
+			payment_date: /* @__PURE__ */ new Date(),
+			payment_time: /* @__PURE__ */ new Date()
+		}, [x])
+	});
+	o(() => {
+		A(x);
+	}, [x, A]);
+	let M = D(b.currency);
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("form", {
+		onSubmit: k(C),
+		children: [
+			/* @__PURE__ */ l(h, {
+				sx: {
+					px: 4,
+					pt: 4
+				},
+				variant: "h3",
+				id: "dialog-title",
+				children: T._("Record payment")
+			}),
+			/* @__PURE__ */ l(m, {
+				sx: { p: 4 },
+				children: /* @__PURE__ */ u(_, {
+					container: !0,
+					spacing: 1,
+					children: [
+						/* @__PURE__ */ u(_, {
+							item: !0,
+							xs: 12,
+							children: [/* @__PURE__ */ l(n, {
+								label: T._("Amount"),
+								name: "amount",
+								placeholder: "0",
+								control: O,
+								type: "number",
+								sx: { "::after": {
+									content: `"${M}"`,
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							}), /* @__PURE__ */ u(g, { children: [
+								T._("Enter full amount due of"),
+								" ",
+								/* @__PURE__ */ l(d, {
+									variant: "text",
+									sx: { textDecoration: "underline" },
+									onClick: () => j("amount", b.amount_due / 100),
+									children: E(b.amount_due, b.currency)
 								})
-							}, e) : /* @__PURE__ */ T(o, {
-								type: "button",
-								size: "sm",
-								variant: r,
-								disabled: ye(e, {
-									isIssuing: Wt,
-									isIssuePreflightLoading: B,
-									isCounterpartLoading: R
-								}),
-								onClick: () => rn(e),
-								children: [/* @__PURE__ */ w(n, { className: "ttw:size-4" }), Z(e)]
-							}, e);
-						})
-					}) : null;
-					return /* @__PURE__ */ T(C, { children: [
-						X.seriesLink ? /* @__PURE__ */ w("div", {
-							className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
-							children: /* @__PURE__ */ T("button", {
-								type: "button",
-								onClick: () => X.seriesLink && k?.(X.seriesLink.invoiceId),
-								className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline",
-								children: [/* @__PURE__ */ w(Ze, {
-									className: "ttw:size-4",
-									"aria-hidden": "true"
-								}), A._("Back to {title} recurring series", { title: X.seriesLink.title })]
+							] })]
+						}),
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(i, {
+								label: T._("Date"),
+								name: "payment_date",
+								control: O
 							})
-						}) : null,
-						/* @__PURE__ */ T(ae, {
-							className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4",
-							children: [/* @__PURE__ */ T("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-								children: [/* @__PURE__ */ w(oe, {
-									className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-									children: X.title
-								}), X.subtitle ? /* @__PURE__ */ w(f, {
-									variant: "body2",
-									color: "muted",
-									children: X.subtitle
-								}) : null]
-							}), /* @__PURE__ */ w(Fe, {
-								delayDuration: 500,
-								children: /* @__PURE__ */ T("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-1.5",
-									children: [
-										vt ? /* @__PURE__ */ T(Ne, { children: [/* @__PURE__ */ w(v, {
-											asChild: !0,
-											onFocus: _e,
-											children: /* @__PURE__ */ w(o, {
-												asChild: !0,
-												variant: "ghost",
-												size: "icon",
-												className: p,
-												children: /* @__PURE__ */ w("a", {
-													href: vt,
-													target: "_blank",
-													rel: "noreferrer",
-													"aria-label": A._("View PDF"),
-													children: /* @__PURE__ */ w($e, { className: "ttw:size-4" })
-												})
-											})
-										}), /* @__PURE__ */ w(Pe, { children: A._("View PDF") })] }) : null,
-										X.overflowActions.length > 0 ? /* @__PURE__ */ w(Je, {
-											actions: X.overflowActions,
-											triggerLabel: A._("More actions"),
-											getActionLabel: Z,
-											onSelect: rn,
-											isActionDisabled: (e) => e === "clone" && Kt || e === "pauseRecurrence" && Jt || e === "resumeRecurrence" && Xt || e === "send" && R,
-											className: p
-										}) : null,
-										/* @__PURE__ */ T(Ne, { children: [/* @__PURE__ */ w(v, {
-											asChild: !0,
-											onFocus: _e,
-											children: /* @__PURE__ */ w(y, {
-												label: A._("Close"),
-												onClose: O,
-												className: p
-											})
-										}), /* @__PURE__ */ w(Pe, { children: A._("Close") })] })
-									]
-								})
-							})]
 						}),
-						/* @__PURE__ */ T("div", {
-							className: "ttw:flex ttw:flex-col",
-							children: [/* @__PURE__ */ w("div", {
-								className: "ttw:px-6",
-								children: r && n ? /* @__PURE__ */ T("div", {
-									className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4",
-									children: [
-										/* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-											children: [/* @__PURE__ */ w(f, {
-												variant: "caption",
-												color: "muted",
-												children: A._("Recurring amount")
-											}), /* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
-												children: [/* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "h3",
-													className: ue[X.amountTone],
-													children: n.amountLabel
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													color: "muted",
-													children: n.amountPeriodLabel
-												})]
-											})]
-										}),
-										/* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ T(m, {
-												variant: "outline",
-												className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-												children: [/* @__PURE__ */ w(et, { className: "ttw:size-3" }), A._("Recurring")]
-											}), /* @__PURE__ */ w(ke, {
-												status: n.status,
-												showIcon: !0
-											})]
-										}),
-										/* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:gap-12",
-											children: [/* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-												children: [/* @__PURE__ */ w(f, {
-													variant: "caption",
-													color: "muted",
-													children: A._("Starts on")
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: n.startsOnLabel
-												})]
-											}), /* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-												children: [/* @__PURE__ */ w(f, {
-													variant: "caption",
-													color: "muted",
-													children: A._("Ends on")
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: n.endsOnLabel
-												})]
-											})]
-										}),
-										c
-									]
-								}) : /* @__PURE__ */ T("div", {
-									className: a("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", t && "ttw:border ttw:border-red-200"),
-									children: [
-										/* @__PURE__ */ w("div", {
-											className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
-											children: X.amountRows.map((e) => /* @__PURE__ */ w(Re, {
-												row: e,
-												defaultTone: X.amountTone
-											}, e.label))
-										}),
-										/* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [X.overdueLabel ? /* @__PURE__ */ T("span", {
-												className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700",
-												children: [/* @__PURE__ */ w(Qe, { className: "ttw:size-3" }), X.overdueLabel]
-											}) : /* @__PURE__ */ w(Te, {
-												status: X.status,
-												variant: "outline",
-												label: X.statusLabel,
-												icon: e ? /* @__PURE__ */ w(e, { className: "ttw:size-3" }) : void 0
-											}), X.recurring ? /* @__PURE__ */ T(m, {
-												variant: "outline",
-												className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-												children: [/* @__PURE__ */ w(et, { className: "ttw:size-3" }), A._("Recurring")]
-											}) : null]
-										}),
-										/* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:gap-12",
-											children: [/* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-												children: [/* @__PURE__ */ w(f, {
-													variant: "caption",
-													color: "muted",
-													children: A._("Invoice date")
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: X.invoiceDateLabel
-												})]
-											}), /* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-												children: [/* @__PURE__ */ w(f, {
-													variant: "caption",
-													color: "muted",
-													children: X.dueDateCaption
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: X.dueDateLabel
-												})]
-											})]
-										}),
-										c
-									]
-								})
-							}), /* @__PURE__ */ T("div", {
-								className: "ttw:px-6",
-								children: [
-									X.paymentHistory ? /* @__PURE__ */ T("section", {
-										"aria-label": A._("Payment history"),
-										className: "ttw:border-b ttw:border-border ttw:py-4",
-										children: [/* @__PURE__ */ w(f, {
-											component: "h3",
-											variant: "body2",
-											className: "ttw:mb-3 ttw:font-medium",
-											children: A._("Payment history")
-										}), X.paymentHistory.loading ? /* @__PURE__ */ w("div", {
-											className: "ttw:flex ttw:py-2",
-											children: /* @__PURE__ */ w(u, { className: "ttw:h-5 ttw:w-5 ttw:border-2" })
-										}) : X.paymentHistory.rows.length === 0 ? /* @__PURE__ */ w(f, {
-											variant: "body2",
-											className: X.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground",
-											children: A._("You've received no payments yet.")
-										}) : /* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:flex-col",
-											children: [X.paymentHistory.rows.map((e) => /* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2",
-												children: [/* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: e.dateLabel
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: e.amountLabel
-												})]
-											}, e.id)), /* @__PURE__ */ T("div", {
-												className: "ttw:flex ttw:justify-between ttw:py-2 ttw:font-medium",
-												children: [/* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: A._("Total received")
-												}), /* @__PURE__ */ w(f, {
-													component: "span",
-													variant: "body2",
-													children: X.paymentHistory.totalLabel
-												})]
-											})]
-										})]
-									}) : null,
-									i || X.customerContact.length > 0 ? /* @__PURE__ */ T("section", {
-										"aria-label": A._("Customer details"),
-										className: "ttw:border-b ttw:border-border ttw:py-4",
-										children: [/* @__PURE__ */ w(f, {
-											component: "h3",
-											variant: "body2",
-											className: "ttw:mb-3 ttw:font-medium",
-											children: A._("Customer details")
-										}), /* @__PURE__ */ T("div", {
-											className: "ttw:flex ttw:flex-col",
-											children: [i ? /* @__PURE__ */ w(Ue, {
-												label: A._("Name"),
-												name: i,
-												onOpenCounterpart: s
-											}) : null, X.customerContact.map((e) => /* @__PURE__ */ w(He, { ...e }, e.label))]
-										})]
-									}) : null,
-									/* @__PURE__ */ T(Me, {
-										type: "multiple",
-										value: Dt,
-										onValueChange: Ot,
-										className: "ttw:w-full",
-										children: [
-											/* @__PURE__ */ T(g, {
-												value: "billing",
-												children: [/* @__PURE__ */ w(_, { children: /* @__PURE__ */ w("span", {
-													className: "ttw:group-hover:underline",
-													children: A._("Billing details")
-												}) }), /* @__PURE__ */ w(h, { children: /* @__PURE__ */ T("div", {
-													className: "ttw:flex ttw:flex-col",
-													children: [X.billingItems.map((e) => /* @__PURE__ */ w(He, { ...e }, e.label)), X.seriesLink ? /* @__PURE__ */ T("div", {
-														className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-														children: [/* @__PURE__ */ w(f, {
-															component: "span",
-															variant: "body2",
-															color: "muted",
-															className: "ttw:w-40 ttw:shrink-0",
-															children: A._("Recurring series")
-														}), /* @__PURE__ */ w("button", {
-															type: "button",
-															onClick: () => X.seriesLink && k?.(X.seriesLink.invoiceId),
-															className: "ttw:text-left ttw:text-primary ttw:hover:underline",
-															children: X.seriesLink.title
-														})]
-													}) : null]
-												}) })]
-											}),
-											r ? null : /* @__PURE__ */ T(g, {
-												value: "line-items",
-												children: [/* @__PURE__ */ w(_, { children: /* @__PURE__ */ T("span", {
-													className: "ttw:flex ttw:items-center ttw:gap-2",
-													children: [/* @__PURE__ */ w("span", {
-														className: "ttw:group-hover:underline",
-														children: A._("Line items")
-													}), /* @__PURE__ */ w(m, {
-														variant: "secondary",
-														className: "ttw:rounded-full",
-														children: X.lineItems.length
-													})]
-												}) }), /* @__PURE__ */ w(h, { children: /* @__PURE__ */ T("div", {
-													className: "ttw:flex ttw:flex-col",
-													children: [X.lineItems.length === 0 ? /* @__PURE__ */ w(f, {
-														variant: "body2",
-														color: "muted",
-														className: "ttw:py-3",
-														children: A._("No line items.")
-													}) : X.lineItems.map((e) => /* @__PURE__ */ T("div", {
-														className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
-														children: [/* @__PURE__ */ T("div", {
-															className: "ttw:flex ttw:flex-col",
-															children: [/* @__PURE__ */ w(f, {
-																component: "span",
-																variant: "body2",
-																className: "ttw:font-medium",
-																children: e.name
-															}), /* @__PURE__ */ w(f, {
-																component: "span",
-																variant: "body2",
-																color: "muted",
-																children: A._("{quantity} x {price} ea", {
-																	quantity: e.quantityLabel,
-																	price: e.unitPriceLabel
-																})
-															})]
-														}), /* @__PURE__ */ w(f, {
-															component: "span",
-															variant: "body2",
-															children: e.totalLabel
-														})]
-													}, e.id)), X.lineItemTotals.length > 0 ? /* @__PURE__ */ w("div", {
-														className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
-														children: X.lineItemTotals.map((e) => /* @__PURE__ */ T("div", {
-															className: a("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
-															children: [/* @__PURE__ */ w(f, {
-																component: "span",
-																variant: "body2",
-																children: e.label
-															}), /* @__PURE__ */ w(f, {
-																component: "span",
-																variant: "body2",
-																children: e.value
-															})]
-														}, e.label))
-													}) : null]
-												}) })]
-											}),
-											!r && X.notes ? /* @__PURE__ */ T(g, {
-												value: "notes",
-												children: [/* @__PURE__ */ w(_, { children: /* @__PURE__ */ T("span", {
-													className: "ttw:flex ttw:items-center ttw:gap-2",
-													children: [/* @__PURE__ */ w("span", {
-														className: "ttw:group-hover:underline",
-														children: A._("Notes")
-													}), /* @__PURE__ */ w(m, {
-														variant: "secondary",
-														className: "ttw:rounded-full",
-														children: [X.notes.opening, X.notes.closing].filter(Boolean).length
-													})]
-												}) }), /* @__PURE__ */ w(h, { children: /* @__PURE__ */ w("div", {
-													className: "ttw:flex ttw:flex-col ttw:gap-3",
-													children: [{
-														label: A._("Opening note to customer"),
-														text: X.notes.opening
-													}, {
-														label: A._("Closing note to customer"),
-														text: X.notes.closing
-													}].filter((e) => e.text).map((e) => /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(f, {
-														variant: "body2",
-														className: "ttw:mb-1 ttw:font-medium",
-														children: e.label
-													}), /* @__PURE__ */ w(f, {
-														variant: "body2",
-														color: "muted",
-														children: e.text
-													})] }, e.label))
-												}) })]
-											}) : null,
-											/* @__PURE__ */ w(ze, { attachments: P.attachments ?? [] }),
-											/* @__PURE__ */ w(Be, {
-												invoice: P,
-												isOpen: Dt.includes(ce)
-											})
-										]
-									}),
-									r && n && V ? /* @__PURE__ */ T("section", {
-										"aria-label": n.scheduleTitle,
-										className: "ttw:border-t ttw:border-border ttw:py-4",
-										children: [/* @__PURE__ */ w(f, {
-											component: "h3",
-											variant: "body2",
-											className: "ttw:mb-3 ttw:font-medium",
-											children: n.scheduleTitle
-										}), /* @__PURE__ */ w(Ke, {
-											invoice: P,
-											recurrence: V,
-											openInvoiceDetails: k
-										})]
-									}) : null
-								]
-							})]
+						/* @__PURE__ */ l(_, {
+							item: !0,
+							xs: 6,
+							children: /* @__PURE__ */ l(a, {
+								label: T._("Time"),
+								name: "payment_time",
+								control: O,
+								sx: { "::after": {
+									content: "\"UTC\"",
+									position: "absolute",
+									right: "16px",
+									bottom: 0,
+									transform: "translateY(-50%)",
+									fontSize: "16px",
+									color: "rgba(0,0,0,0.28)",
+									pointerEvents: "none"
+								} },
+								fullWidth: !0,
+								required: !0
+							})
 						})
-					] });
-				})(),
-				At && /* @__PURE__ */ w(We, {
-					invoiceId: P?.id ?? "",
-					open: At,
-					onClose: () => jt(!1)
-				}),
-				Mt && /* @__PURE__ */ w(Ge, {
-					open: Mt,
-					onClose: () => Nt(!1),
-					invoiceId: P?.id ?? "",
-					documentId: P?.type === "invoice" ? P?.document_id : void 0,
-					onDelete: O
-				}),
-				Pt && /* @__PURE__ */ w(qe, {
-					invoiceId: P?.id ?? "",
-					open: Pt,
-					onClose: () => Ft(!1)
-				}),
-				It && P?.type === "invoice" && /* @__PURE__ */ w(Xe, {
-					invoice: P,
-					open: It,
-					onClose: () => Lt(!1)
-				}),
-				Rt && P?.counterpart_id && Ht && /* @__PURE__ */ w(De, {
-					counterpartId: P.counterpart_id,
-					open: Rt,
-					onClose: () => zt(!1),
-					showActionsMenu: !1,
-					customerType: "customer"
-				}),
-				K && /* @__PURE__ */ w(je, {
-					open: !0,
-					isEditFlow: K.isEditFlow,
-					action: K.action,
-					issue: K.issue,
-					inlineLineItems: K.inlineLineItems,
-					onClose: () => q(null)
+					]
 				})
-			]
-		})
-	})] });
+			}),
+			/* @__PURE__ */ u(p, {
+				sx: {
+					px: 4,
+					pb: 4
+				},
+				children: [/* @__PURE__ */ l(d, {
+					autoFocus: !0,
+					onClick: w,
+					children: T._("Cancel")
+				}), /* @__PURE__ */ l(d, {
+					variant: "contained",
+					startIcon: S ? /* @__PURE__ */ l(f, {
+						size: 20,
+						color: "warning"
+					}) : null,
+					type: "submit",
+					children: T._("Save")
+				})]
+			})
+		]
+	}) });
 };
 //#endregion
-export { D as InvoiceDetailsPanel };
+export { b as PaymentRecordForm };