@tesouro/embedded-components-react 0.3.19 → 0.3.22

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

@@ -1,92 +1,785 @@
-import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
 import { useMoniteContext as t } from "./index47.js";
-import { MoniteScopedProviders as n } from "./index237.js";
-import { classNames as r } from "./index344.js";
-import { InvoicesTable as i } from "./index449.js";
-import { QuotesTable as a } from "./index454.js";
-import { CreditNotesTable as o } from "./index455.js";
-import { useId as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { Box as f, Tabs as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
+import { useCounterpartById as n } from "./index48.js";
+import { getCounterpartEmail as r } from "./index53.js";
+import { useCurrencies as i } from "./index63.js";
+import { cn as a } from "./index49.js";
+import { Button as o } from "./index56.js";
+import { useCounterpartAddresses as ee } from "./index130.js";
+import { useMyEntity as s } from "./index137.js";
+import { useGetReceivableById as te } from "./index141.js";
+import "./index142.js";
+import { useComponentSettings as ne } from "./index215.js";
+import "./index217.js";
+import { MoniteScopedProviders as c } from "./index237.js";
+import { Sheet as re, SheetContent as ie, SheetDescription as ae, SheetHeader as oe, SheetTitle as se } from "./index50.js";
+import { LoadingSpinner as l } from "./index51.js";
+import "./index52.js";
+import { DialogTitle as u } from "./index58.js";
+import { Typography as d } from "./index62.js";
+import { ACTION_ICON as ce, STATUS_ICON as le, amountValueToneClass as ue, headerIconButtonClass as f } from "./index93.js";
+import { getInvoiceValidationSchema as de } from "./index98.js";
+import { useUserPermissions as fe } from "./index116.js";
+import { useSelectableBankAccounts as pe } from "./index125.js";
+import { useGetPaymentReminderById as me } from "./index146.js";
+import { useGetOverdueReminderById as he } from "./index149.js";
+import { useDuplicateInvoice as ge } from "./index152.js";
+import { useGetPaymentRecords as _e } from "./index156.js";
+import { useGetReceivablePDFById as ve } from "./index158.js";
+import { useGetRecurrenceById as ye } from "./index168.js";
+import { useGetInvoiceRequiredFields as be } from "./index170.js";
+import { buildInvoiceDetailsView as xe } from "./index187.js";
+import { preventTooltipFocusOpen as Se } from "./index191.js";
+import { buildEditInvoiceFormValues as Ce } from "./index197.js";
+import { isPrimaryActionDisabled as we } from "./index199.js";
+import "./index202.js";
+import { Badge as p } from "./index223.js";
+import { InvoiceStatusChip as Te } from "./index238.js";
+import { NotFound as Ee } from "./index239.js";
+import { CounterpartDetails as De } from "./index240.js";
+import { AccessRestriction as Oe } from "./index247.js";
+import "./index424.js";
+import { InvoiceRecurrenceStatusChip as ke } from "./index446.js";
+import { useIssueReceivableById as Ae } from "./index457.js";
+import { ActionsModal as je } from "./index523.js";
+import { Accordion as Me, AccordionContent as m, AccordionItem as h, AccordionTrigger as g } from "./index514.js";
+import { Tooltip as _, TooltipContent as v, TooltipProvider as Ne, TooltipTrigger as y } from "./index515.js";
+import { usePauseRecurrence as Pe } from "./index516.js";
+import { useResumeRecurrence as Fe } from "./index517.js";
+import { InvoiceDetailsAmountCell as Ie } from "./index518.js";
+import { InvoiceDetailsAttachments as Le } from "./index519.js";
+import { InvoiceDetailsCloseButton as b } from "./index520.js";
+import { EditInvoiceDetails as Re } from "./index524.js";
+import { InvoiceDetailsInfoRow as x } from "./index525.js";
+import { InvoiceDetailsCustomerRow as ze } from "./index526.js";
+import { InvoiceCancelModal as Be } from "./index528.js";
+import { InvoiceDeleteModal as Ve } from "./index529.js";
+import { InvoiceDetailsTabScheduledInvoices as He } from "./index531.js";
+import { MarkAsUncollectibleModal as Ue } from "./index532.js";
+import { InvoiceDetailsOverflowMenu as We } from "./index533.js";
+import { RecordManualPaymentModal as Ge } from "./index540.js";
+import { RecurrenceCancelModal as Ke } from "./index541.js";
+import { useCallback as S, useMemo as C, useState as w } from "react";
+import { ChevronLeft as qe, CircleAlert as Je, Eye as Ye, Repeat as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "@emotion/react/jsx-runtime";
+import { toast as k } from "react-hot-toast";
+import { useLingui as Xe } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index542.js
-var h = {
-	Invoices: 0,
-	Quotes: 1,
-	CreditNotes: 2,
-	Financing: 3
-}, g = (e) => /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(_, { ...e }) }), _ = ({ initialCounterpartId: t, onRowClick: n, onTabChange: g, setIsCreateInvoiceDialogOpen: _, ...y }) => {
-	let { tab: b, tabs: x } = v(y), { i18n: S } = m(), [C, w] = c(b ?? h.Invoices), T = `Monite-ReceivablesTable-Tabs-${s()}-`, E = x?.[C], D = (e) => {
-		w(e), g?.(e);
-	};
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u(f, {
-			className: r(e, "Monite-ReceivablesTable-Tabs"),
-			children: /* @__PURE__ */ u(p, {
-				value: C,
-				variant: "standard",
-				"aria-label": S._("Receivables tabs"),
-				sx: { border: "none" },
-				onChange: (e, t) => D(Number(t)),
-				children: x?.map(({ label: e, query: t }, n) => null)
-			})
-		}),
-		E?.query?.type === "quote" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(a, {
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
-		}),
-		E?.query?.type === "invoice" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(i, {
-				initialCounterpartId: t,
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
-		}),
-		E?.query?.type === "credit_note" && /* @__PURE__ */ u(f, {
-			role: "tabpanel",
-			id: `${T}-${C}-tabpanel`,
-			"aria-labelledby": `${T}-${C}-tab`,
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				height: "inherit",
-				minHeight: "0"
-			},
-			children: /* @__PURE__ */ u(o, {
-				onRowClick: n,
-				setIsCreateInvoiceDialogOpen: _,
-				query: E?.query
-			}, C)
+var Ze = (e) => /* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(A, { ...e }) }), A = ({ invoiceId: c, open: Ze, onCloseInvoiceDetails: A, onDuplicate: Qe, openInvoiceDetails: j, embeddedBankName: $e }) => {
+	let { i18n: M } = Xe(), { locale: et, componentSettings: tt } = t(), N = !!tt?.receivables?.enableEntityBankAccount, { formatCurrencyToDisplay: nt } = i(), { receivablesCallbacks: rt } = ne(), { data: P, isLoading: it } = te(c, !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: at } = ee(F), ot = C(() => at?.data?.find((e) => e.id === I) ?? (P?.type === "invoice" ? P.counterpart_billing_address : void 0), [
+		at?.data,
+		P,
+		I
+	]), { data: st, isFetching: ct, isLoading: lt } = s(), { data: ut, isFetching: dt, isLoading: ft } = be({
+		counterpart_billing_address_id: I,
+		counterpart_country: ot?.country,
+		counterpart_id: F,
+		counterpart_type: L?.id === F && L?.type || void 0
+	}), pt = ut?.entity?.tax_id?.required, mt = !!(P?.type === "invoice" && (P.payment_reminder_id || P.overdue_reminder_id)), B = !!F && R || lt || ct || ft || dt, { data: ht } = ve(c, P?.type === "invoice"), gt = ht?.file_url, { data: V, isLoading: _t } = ye(P?.type === "invoice" ? P?.recurrence_id : void 0), { data: vt, isLoading: yt } = _e(P?.id), { data: bt } = me(P?.type === "invoice" ? P?.payment_reminder_id : void 0), { data: xt } = he(P?.type === "invoice" ? P?.overdue_reminder_id : void 0), { bankAccounts: St, isIncomplete: Ct } = pe(N), wt = P?.type === "invoice" ? P.bank_account_id : void 0, Tt = C(() => N ? {
+		account: St.find((e) => e.id === wt),
+		isListIncomplete: Ct
+	} : void 0, [
+		N,
+		St,
+		wt,
+		Ct
+	]), [H, U] = w(!1), [Et, W] = w("edit"), [G, K] = w(null), [Dt, Ot] = w(!1), [kt, At] = w(!1), [jt, Mt] = w(!1), [Nt, Pt] = w(!1), [Ft, It] = w(!1), q = fe(), Lt = q.has(e.InvoiceReadOrg), J = q.has(e.InvoiceWriteOrg), Rt = q.has(e.CounterpartReadOrg), zt = q.has(e.CounterpartWriteOrg), { mutateAsync: Y, isPending: Bt } = Ae(), { mutate: Vt, isPending: Ht } = ge(Qe), { mutate: Ut, isPending: Wt } = Pe(V?.id ?? "", c), { mutate: Gt, isPending: Kt } = Fe(V?.id ?? "", c), qt = Ze && !H, Jt = Lt && !it && !_t && !!P && P.type === "invoice", X = C(() => {
+		if (!(!P || P.type !== "invoice")) return xe(P, V, vt?.data ?? [], {
+			i18n: M,
+			formatCurrencyToDisplay: nt,
+			locale: et
+		}, yt, {
+			paymentReminder: bt,
+			overdueReminder: xt
+		}, Tt);
+	}, [
+		P,
+		V,
+		vt,
+		yt,
+		bt,
+		xt,
+		Tt,
+		M,
+		nt,
+		et
+	]), Z = (e) => {
+		switch (e) {
+			case "edit": return M._("Edit");
+			case "issue": return M._("Issue");
+			case "issueAndSend": return M._("Issue and send");
+			case "recordPayment": return M._("Record payment");
+			case "send": return M._("Resend");
+			case "clone": return M._("Duplicate");
+			case "cancel": return M._("Cancel invoice");
+			case "delete": return M._("Delete");
+			case "markUncollectible": return M._("Mark as uncollectible");
+			case "pauseRecurrence": return M._("Pause series");
+			case "resumeRecurrence": return M._("Resume series");
+			case "cancelRecurrence": return M._("Cancel series");
+		}
+	}, Q = S((e) => {
+		J ? e() : k.error(M._("You don't have permission to update this document. Please, contact your system administrator for details."));
+	}, [J, M]), Yt = S((e) => {
+		W(e), U(!0);
+	}, []), Xt = S(() => {
+		if (!P || P.type !== "invoice") return !1;
+		let e = Ce(P, V);
+		return de(M, N, zt).safeParse(e).success;
+	}, [
+		P,
+		V,
+		M,
+		N,
+		zt
+	]), $ = S((e) => {
+		if (!Xt()) return Yt(e), !1;
+		if (B) return !1;
+		if (pt && !st?.tax_id) return k.error(M._("Set your organization's Tax ID to issue invoice")), !1;
+		if (!mt) return !0;
+		let t = r(L), n = L?.reminders_enabled;
+		return !n && t ? (k.error(M._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off.")), !1) : !t && n ? (k.error(M._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders.")), !1) : !n && !t ? (k.error(M._("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,
+		st?.tax_id,
+		mt,
+		M,
+		pt,
+		B,
+		Xt,
+		Yt
+	]), Zt = S(async () => {
+		if ($("issue")) try {
+			await Y({ path: { receivable_id: c } });
+		} catch {
+			k.error(M._("Failed to issue invoice. Add any missing information to your draft invoice and try again."));
+		}
+	}, [
+		$,
+		Y,
+		c,
+		M
+	]), Qt = S(async () => {
+		if (P?.counterpart_id && !R) {
+			if (!z) {
+				k.error(M._("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: c } });
+				} catch {
+					k.error(M._("Failed to issue invoice. Add any missing information to your draft invoice and try again."));
+					return;
+				}
+				K({
+					action: "issue",
+					inlineLineItems: [],
+					isEditFlow: !1,
+					issue: {
+						receivableId: c,
+						counterpartId: P.counterpart_id
+					}
+				});
+			}
+		}
+	}, [
+		P?.counterpart_id,
+		z,
+		R,
+		$,
+		Y,
+		c,
+		M
+	]), $t = S((e) => {
+		switch (e) {
+			case "edit": return Q(() => {
+				W("edit"), U(!0);
+			});
+			case "issue": return Q(Zt);
+			case "issueAndSend": return Q(Qt);
+			case "send": return Q(() => {
+				if (!R) {
+					if (!z) {
+						k.error(M._("This customer has no email address. Add one in the customer details to send the invoice."));
+						return;
+					}
+					P?.counterpart_id && K({
+						action: "issue",
+						inlineLineItems: [],
+						isEditFlow: !0,
+						issue: {
+							receivableId: c,
+							counterpartId: P.counterpart_id
+						}
+					});
+				}
+			});
+			case "clone": return Q(() => Vt({ path: { receivable_id: c } }));
+			case "cancel": return Q(() => Ot(!0));
+			case "delete": return Q(() => At(!0));
+			case "markUncollectible": return Q(() => Mt(!0));
+			case "pauseRecurrence": return Q(() => Ut(void 0));
+			case "resumeRecurrence": return Q(() => Gt(void 0));
+			case "cancelRecurrence": return Q(() => Pt(!0));
+			case "recordPayment": return;
+		}
+	}, [
+		Q,
+		Zt,
+		Qt,
+		z,
+		R,
+		P?.counterpart_id,
+		Vt,
+		c,
+		Ut,
+		Gt,
+		M
+	]);
+	return /* @__PURE__ */ O(E, { children: [H && P && /* @__PURE__ */ D(Re, {
+		isOpen: H,
+		invoice: P,
+		issueIntent: Et !== "edit",
+		embeddedBankName: $e,
+		onUpdated: (e, t) => {
+			U(!1);
+			let n = Et !== "issue";
+			W("edit"), rt?.onUpdate?.(e.id, e), t.issued && n && t.hasCustomerEmail ? K({
+				action: "issue",
+				isEditFlow: !1,
+				inlineLineItems: t.inlineLineItems,
+				issue: {
+					receivableId: e.id,
+					counterpartId: t.counterpartId
+				}
+			}) : t.issued && t.inlineLineItems.length > 0 ? K({
+				action: "issue",
+				isEditFlow: !1,
+				inlineLineItems: t.inlineLineItems
+			}) : t.inlineLineItems.length > 0 && K({
+				action: t.activatedRecurrence ? "recurrence" : "update",
+				isEditFlow: !0,
+				inlineLineItems: t.inlineLineItems
+			});
+		},
+		onCancel: () => {
+			U(!1), W("edit");
+		}
+	}), /* @__PURE__ */ D(re, {
+		open: qt,
+		modal: !1,
+		onOpenChange: A,
+		children: /* @__PURE__ */ O(ie, {
+			showCloseButton: !1,
+			layer: "under-dialogs",
+			className: "ttw:overflow-y-auto ttw:p-0",
+			children: [
+				/* @__PURE__ */ D(ae, {
+					hidden: !0,
+					children: M._("Invoice details")
+				}),
+				Jt ? null : /* @__PURE__ */ D(b, {
+					label: M._("Close"),
+					onClose: A,
+					className: a(f, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
+				}),
+				(() => {
+					if (it || _t) return /* @__PURE__ */ O("div", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:h-full",
+						children: [/* @__PURE__ */ D(u, {
+							hidden: !0,
+							children: M._("Loading invoice details")
+						}), /* @__PURE__ */ D(l, {})]
+					});
+					if (!Lt) return /* @__PURE__ */ O("div", {
+						className: "ttw:w-3/4 ttw:m-auto",
+						children: [/* @__PURE__ */ D(u, {
+							hidden: !0,
+							children: M._("Access restricted")
+						}), /* @__PURE__ */ D(Oe, {})]
+					});
+					if (P && P.type !== "invoice") return /* @__PURE__ */ O("div", {
+						className: "ttw:w-3/4 ttw:m-auto",
+						children: [/* @__PURE__ */ D(u, {
+							hidden: !0,
+							children: M._("Receivable type not supported")
+						}), /* @__PURE__ */ D(Ee, {
+							title: M._("Receivable type not supported"),
+							description: M._("Receivable type {type} is not supported. Only invoice is supported.", { type: P.type })
+						})]
+					});
+					if (!P || !X) return /* @__PURE__ */ O("div", {
+						className: "ttw:w-3/4 ttw:m-auto",
+						children: [/* @__PURE__ */ D(u, {
+							hidden: !0,
+							children: M._("Invoice not found")
+						}), /* @__PURE__ */ D(Ee, {
+							title: M._("Invoice not found"),
+							description: M._("There is no invoice for the provided id: {invoiceId}", { invoiceId: c })
+						})]
+					});
+					let e = le[X.status], t = X.amountTone === "danger", n = X.recurringSeries, r = !!n, i = P.counterpart_name, ee = P.counterpart_id && Rt ? () => It(!0) : void 0, s = X.primaryActions.length > 0 ? /* @__PURE__ */ D("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 = ce[e], r = t === X.primaryActions.length - 1 ? "default" : "outline";
+							return e === "recordPayment" && P.type === "invoice" ? /* @__PURE__ */ D(Ge, {
+								invoice: P,
+								children: ({ openModal: t }) => /* @__PURE__ */ O(o, {
+									type: "button",
+									size: "sm",
+									variant: r,
+									onClick: () => Q(t),
+									children: [/* @__PURE__ */ D(n, { className: "ttw:size-4" }), Z(e)]
+								})
+							}, e) : /* @__PURE__ */ O(o, {
+								type: "button",
+								size: "sm",
+								variant: r,
+								disabled: we(e, {
+									isIssuing: Bt,
+									isIssuePreflightLoading: B,
+									isCounterpartLoading: R
+								}),
+								onClick: () => $t(e),
+								children: [/* @__PURE__ */ D(n, { className: "ttw:size-4" }), Z(e)]
+							}, e);
+						})
+					}) : null;
+					return /* @__PURE__ */ O(E, { children: [
+						X.seriesLink ? /* @__PURE__ */ D("div", {
+							className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
+							children: /* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => X.seriesLink && j?.(X.seriesLink.invoiceId),
+								className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline",
+								children: [/* @__PURE__ */ D(qe, {
+									className: "ttw:size-4",
+									"aria-hidden": "true"
+								}), M._("Back to {title} recurring series", { title: X.seriesLink.title })]
+							})
+						}) : null,
+						/* @__PURE__ */ O(oe, {
+							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__ */ O("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+								children: [/* @__PURE__ */ D(se, {
+									className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
+									children: X.title
+								}), X.subtitle ? /* @__PURE__ */ D(d, {
+									variant: "body2",
+									color: "muted",
+									children: X.subtitle
+								}) : null]
+							}), /* @__PURE__ */ D(Ne, {
+								delayDuration: 500,
+								children: /* @__PURE__ */ O("div", {
+									className: "ttw:flex ttw:items-center ttw:gap-1.5",
+									children: [
+										gt ? /* @__PURE__ */ O(_, { children: [/* @__PURE__ */ D(y, {
+											asChild: !0,
+											onFocus: Se,
+											children: /* @__PURE__ */ D(o, {
+												asChild: !0,
+												variant: "ghost",
+												size: "icon",
+												className: f,
+												children: /* @__PURE__ */ D("a", {
+													href: gt,
+													target: "_blank",
+													rel: "noreferrer",
+													"aria-label": M._("View PDF"),
+													children: /* @__PURE__ */ D(Ye, { className: "ttw:size-4" })
+												})
+											})
+										}), /* @__PURE__ */ D(v, { children: M._("View PDF") })] }) : null,
+										X.overflowActions.length > 0 ? /* @__PURE__ */ D(We, {
+											actions: X.overflowActions,
+											triggerLabel: M._("More actions"),
+											getActionLabel: Z,
+											onSelect: $t,
+											isActionDisabled: (e) => e === "clone" && Ht || e === "pauseRecurrence" && Wt || e === "resumeRecurrence" && Kt || e === "send" && R,
+											className: f
+										}) : null,
+										/* @__PURE__ */ O(_, { children: [/* @__PURE__ */ D(y, {
+											asChild: !0,
+											onFocus: Se,
+											children: /* @__PURE__ */ D(b, {
+												label: M._("Close"),
+												onClose: A,
+												className: f
+											})
+										}), /* @__PURE__ */ D(v, { children: M._("Close") })] })
+									]
+								})
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ D("div", {
+								className: "ttw:px-6",
+								children: r && n ? /* @__PURE__ */ O("div", {
+									className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4",
+									children: [
+										/* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+											children: [/* @__PURE__ */ D(d, {
+												variant: "caption",
+												color: "muted",
+												children: M._("Recurring amount")
+											}), /* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
+												children: [/* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "h3",
+													className: ue[X.amountTone],
+													children: n.amountLabel
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													color: "muted",
+													children: n.amountPeriodLabel
+												})]
+											})]
+										}),
+										/* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ O(p, {
+												variant: "outline",
+												className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+												children: [/* @__PURE__ */ D(T, { className: "ttw:size-3" }), M._("Recurring")]
+											}), /* @__PURE__ */ D(ke, {
+												status: n.status,
+												showIcon: !0
+											})]
+										}),
+										/* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:gap-12",
+											children: [/* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+												children: [/* @__PURE__ */ D(d, {
+													variant: "caption",
+													color: "muted",
+													children: M._("Starts on")
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: n.startsOnLabel
+												})]
+											}), /* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+												children: [/* @__PURE__ */ D(d, {
+													variant: "caption",
+													color: "muted",
+													children: M._("Ends on")
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: n.endsOnLabel
+												})]
+											})]
+										}),
+										s
+									]
+								}) : /* @__PURE__ */ O("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__ */ D("div", {
+											className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
+											children: X.amountRows.map((e) => /* @__PURE__ */ D(Ie, {
+												row: e,
+												defaultTone: X.amountTone
+											}, e.label))
+										}),
+										/* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [X.overdueLabel ? /* @__PURE__ */ O("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__ */ D(Je, { className: "ttw:size-3" }), X.overdueLabel]
+											}) : /* @__PURE__ */ D(Te, {
+												status: X.status,
+												variant: "outline",
+												label: X.statusLabel,
+												icon: e ? /* @__PURE__ */ D(e, { className: "ttw:size-3" }) : void 0
+											}), X.recurring ? /* @__PURE__ */ O(p, {
+												variant: "outline",
+												className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
+												children: [/* @__PURE__ */ D(T, { className: "ttw:size-3" }), M._("Recurring")]
+											}) : null]
+										}),
+										/* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:gap-12",
+											children: [/* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+												children: [/* @__PURE__ */ D(d, {
+													variant: "caption",
+													color: "muted",
+													children: M._("Invoice date")
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: X.invoiceDateLabel
+												})]
+											}), /* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+												children: [/* @__PURE__ */ D(d, {
+													variant: "caption",
+													color: "muted",
+													children: X.dueDateCaption
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: X.dueDateLabel
+												})]
+											})]
+										}),
+										s
+									]
+								})
+							}), /* @__PURE__ */ O("div", {
+								className: "ttw:px-6",
+								children: [
+									X.paymentHistory ? /* @__PURE__ */ O("section", {
+										"aria-label": M._("Payment history"),
+										className: "ttw:border-b ttw:border-border ttw:py-4",
+										children: [/* @__PURE__ */ D(d, {
+											component: "h3",
+											variant: "body2",
+											className: "ttw:mb-3 ttw:font-medium",
+											children: M._("Payment history")
+										}), X.paymentHistory.loading ? /* @__PURE__ */ D("div", {
+											className: "ttw:flex ttw:py-2",
+											children: /* @__PURE__ */ D(l, { className: "ttw:h-5 ttw:w-5 ttw:border-2" })
+										}) : X.paymentHistory.rows.length === 0 ? /* @__PURE__ */ D(d, {
+											variant: "body2",
+											className: X.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground",
+											children: M._("You've received no payments yet.")
+										}) : /* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:flex-col",
+											children: [X.paymentHistory.rows.map((e) => /* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2",
+												children: [/* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: e.dateLabel
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: e.amountLabel
+												})]
+											}, e.id)), /* @__PURE__ */ O("div", {
+												className: "ttw:flex ttw:justify-between ttw:py-2 ttw:font-medium",
+												children: [/* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: M._("Total received")
+												}), /* @__PURE__ */ D(d, {
+													component: "span",
+													variant: "body2",
+													children: X.paymentHistory.totalLabel
+												})]
+											})]
+										})]
+									}) : null,
+									i || X.customerContact.length > 0 ? /* @__PURE__ */ O("section", {
+										"aria-label": M._("Customer details"),
+										className: "ttw:border-b ttw:border-border ttw:py-4",
+										children: [/* @__PURE__ */ D(d, {
+											component: "h3",
+											variant: "body2",
+											className: "ttw:mb-3 ttw:font-medium",
+											children: M._("Customer details")
+										}), /* @__PURE__ */ O("div", {
+											className: "ttw:flex ttw:flex-col",
+											children: [i ? /* @__PURE__ */ D(ze, {
+												label: M._("Name"),
+												name: i,
+												onOpenCounterpart: ee
+											}) : null, X.customerContact.map((e) => /* @__PURE__ */ D(x, { ...e }, e.label))]
+										})]
+									}) : null,
+									/* @__PURE__ */ O(Me, {
+										type: "multiple",
+										defaultValue: ["attachments"],
+										className: "ttw:w-full",
+										children: [
+											/* @__PURE__ */ O(h, {
+												value: "billing",
+												children: [/* @__PURE__ */ D(g, { children: /* @__PURE__ */ D("span", {
+													className: "ttw:group-hover:underline",
+													children: M._("Billing details")
+												}) }), /* @__PURE__ */ D(m, { children: /* @__PURE__ */ O("div", {
+													className: "ttw:flex ttw:flex-col",
+													children: [X.billingItems.map((e) => /* @__PURE__ */ D(x, { ...e }, e.label)), X.seriesLink ? /* @__PURE__ */ O("div", {
+														className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+														children: [/* @__PURE__ */ D(d, {
+															component: "span",
+															variant: "body2",
+															color: "muted",
+															className: "ttw:w-40 ttw:shrink-0",
+															children: M._("Recurring series")
+														}), /* @__PURE__ */ D("button", {
+															type: "button",
+															onClick: () => X.seriesLink && j?.(X.seriesLink.invoiceId),
+															className: "ttw:text-left ttw:text-primary ttw:hover:underline",
+															children: X.seriesLink.title
+														})]
+													}) : null]
+												}) })]
+											}),
+											r ? null : /* @__PURE__ */ O(h, {
+												value: "line-items",
+												children: [/* @__PURE__ */ D(g, { children: /* @__PURE__ */ O("span", {
+													className: "ttw:flex ttw:items-center ttw:gap-2",
+													children: [/* @__PURE__ */ D("span", {
+														className: "ttw:group-hover:underline",
+														children: M._("Line items")
+													}), /* @__PURE__ */ D(p, {
+														variant: "secondary",
+														className: "ttw:rounded-full",
+														children: X.lineItems.length
+													})]
+												}) }), /* @__PURE__ */ D(m, { children: /* @__PURE__ */ O("div", {
+													className: "ttw:flex ttw:flex-col",
+													children: [X.lineItems.length === 0 ? /* @__PURE__ */ D(d, {
+														variant: "body2",
+														color: "muted",
+														className: "ttw:py-3",
+														children: M._("No line items.")
+													}) : X.lineItems.map((e) => /* @__PURE__ */ O("div", {
+														className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
+														children: [/* @__PURE__ */ O("div", {
+															className: "ttw:flex ttw:flex-col",
+															children: [/* @__PURE__ */ D(d, {
+																component: "span",
+																variant: "body2",
+																className: "ttw:font-medium",
+																children: e.name
+															}), /* @__PURE__ */ D(d, {
+																component: "span",
+																variant: "body2",
+																color: "muted",
+																children: M._("{quantity} x {price} ea", {
+																	quantity: e.quantityLabel,
+																	price: e.unitPriceLabel
+																})
+															})]
+														}), /* @__PURE__ */ D(d, {
+															component: "span",
+															variant: "body2",
+															children: e.totalLabel
+														})]
+													}, e.id)), X.lineItemTotals.length > 0 ? /* @__PURE__ */ D("div", {
+														className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
+														children: X.lineItemTotals.map((e) => /* @__PURE__ */ O("div", {
+															className: a("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
+															children: [/* @__PURE__ */ D(d, {
+																component: "span",
+																variant: "body2",
+																children: e.label
+															}), /* @__PURE__ */ D(d, {
+																component: "span",
+																variant: "body2",
+																children: e.value
+															})]
+														}, e.label))
+													}) : null]
+												}) })]
+											}),
+											!r && X.notes ? /* @__PURE__ */ O(h, {
+												value: "notes",
+												children: [/* @__PURE__ */ D(g, { children: /* @__PURE__ */ O("span", {
+													className: "ttw:flex ttw:items-center ttw:gap-2",
+													children: [/* @__PURE__ */ D("span", {
+														className: "ttw:group-hover:underline",
+														children: M._("Notes")
+													}), /* @__PURE__ */ D(p, {
+														variant: "secondary",
+														className: "ttw:rounded-full",
+														children: [X.notes.opening, X.notes.closing].filter(Boolean).length
+													})]
+												}) }), /* @__PURE__ */ D(m, { children: /* @__PURE__ */ D("div", {
+													className: "ttw:flex ttw:flex-col ttw:gap-3",
+													children: [{
+														label: M._("Opening note to customer"),
+														text: X.notes.opening
+													}, {
+														label: M._("Closing note to customer"),
+														text: X.notes.closing
+													}].filter((e) => e.text).map((e) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(d, {
+														variant: "body2",
+														className: "ttw:mb-1 ttw:font-medium",
+														children: e.label
+													}), /* @__PURE__ */ D(d, {
+														variant: "body2",
+														color: "muted",
+														children: e.text
+													})] }, e.label))
+												}) })]
+											}) : null,
+											/* @__PURE__ */ D(Le, { attachments: P.attachments ?? [] })
+										]
+									}),
+									r && n && V ? /* @__PURE__ */ O("section", {
+										"aria-label": n.scheduleTitle,
+										className: "ttw:border-t ttw:border-border ttw:py-4",
+										children: [/* @__PURE__ */ D(d, {
+											component: "h3",
+											variant: "body2",
+											className: "ttw:mb-3 ttw:font-medium",
+											children: n.scheduleTitle
+										}), /* @__PURE__ */ D(He, {
+											invoice: P,
+											recurrence: V,
+											openInvoiceDetails: j
+										})]
+									}) : null
+								]
+							})]
+						})
+					] });
+				})(),
+				Dt && /* @__PURE__ */ D(Be, {
+					invoiceId: P?.id ?? "",
+					open: Dt,
+					onClose: () => Ot(!1)
+				}),
+				kt && /* @__PURE__ */ D(Ve, {
+					open: kt,
+					onClose: () => At(!1),
+					invoiceId: P?.id ?? "",
+					documentId: P?.type === "invoice" ? P?.document_id : void 0,
+					onDelete: A
+				}),
+				jt && /* @__PURE__ */ D(Ue, {
+					invoiceId: P?.id ?? "",
+					open: jt,
+					onClose: () => Mt(!1)
+				}),
+				Nt && P?.type === "invoice" && /* @__PURE__ */ D(Ke, {
+					invoice: P,
+					open: Nt,
+					onClose: () => Pt(!1)
+				}),
+				Ft && P?.counterpart_id && Rt && /* @__PURE__ */ D(De, {
+					counterpartId: P.counterpart_id,
+					open: Ft,
+					onClose: () => It(!1),
+					showActionsMenu: !1,
+					customerType: "customer"
+				}),
+				G && /* @__PURE__ */ D(je, {
+					open: !0,
+					isEditFlow: G.isEditFlow,
+					action: G.action,
+					issue: G.issue,
+					inlineLineItems: G.inlineLineItems,
+					onClose: () => K(null)
+				})
+			]
 		})
-	] });
-}, v = (e) => {
-	let { componentSettings: n } = t();
-	return {
-		tab: e?.tab ?? n?.receivables?.tab,
-		tabs: e?.tabs ?? n?.receivables?.tabs
-	};
+	})] });
 };
 //#endregion
-export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };
+export { Ze as InvoiceDetailsPanel };