@tesouro/embedded-components-react 0.5.178 → 0.5.180

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

@@ -1,105 +1,791 @@
 import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
 import "../../shared/data-access/dist/index.js";
-import { Button as t } from "./index55.js";
-import { useComponentSettings as n } from "./index221.js";
-import "./index223.js";
-import { MoniteScopedProviders as r } from "./index242.js";
-import { useUserPermissions as i } from "./index118.js";
-import { AccessRestriction as a } from "./index252.js";
-import "./index254.js";
-import { CreateReceivables as o } from "./index508.js";
-import { ReceivablesTable as s, ReceivablesTableTabEnum as c } from "./index539.js";
-import { ActionsModal as l } from "./index519.js";
-import { InvoiceDetailsPanel as u } from "./index538.js";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+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 "./index222.js";
+import "./index224.js";
+import { MoniteScopedProviders as l } from "./index243.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 "./index167.js";
+import { preventTooltipFocusOpen as _e } from "./index171.js";
+import { buildEditInvoiceFormValues as ve } from "./index178.js";
+import { isPrimaryActionDisabled as ye } from "./index180.js";
+import "./index184.js";
+import { useDuplicateInvoice as be } from "./index185.js";
+import { useGetPaymentRecords as xe } from "./index189.js";
+import { useGetReceivablePDFById as Se } from "./index192.js";
+import { useGetRecurrenceById as Ce } from "./index201.js";
+import { useGetInvoiceRequiredFields as we } from "./index203.js";
+import { Badge as m } from "./index230.js";
+import { InvoiceStatusChip as Te } from "./index244.js";
+import { NotFound as Ee } from "./index245.js";
+import { CounterpartDetails as De } from "./index246.js";
+import { AccessRestriction as Oe } from "./index253.js";
+import "./index417.js";
+import { InvoiceRecurrenceStatusChip as ke } from "./index439.js";
+import { useIssueReceivableById as Ae } from "./index450.js";
+import { ActionsModal as je } from "./index521.js";
+import { Accordion as Me, AccordionContent as h, AccordionItem as g, AccordionTrigger as _ } from "./index511.js";
+import { Tooltip as Ne, TooltipContent as Pe, TooltipProvider as Fe, TooltipTrigger as v } from "./index512.js";
+import { usePauseRecurrence as Ie } from "./index513.js";
+import { useResumeRecurrence as Le } from "./index514.js";
+import { InvoiceDetailsAmountCell as Re } from "./index515.js";
+import { InvoiceDetailsAttachments as ze } from "./index516.js";
+import { InvoiceDetailsAuditHistory as Be } from "./index517.js";
+import { InvoiceDetailsCloseButton as y } from "./index518.js";
+import { EditInvoiceDetails as Ve } from "./index522.js";
+import { InvoiceDetailsInfoRow as He } from "./index523.js";
+import { InvoiceDetailsCustomerRow as Ue } from "./index524.js";
+import { InvoiceCancelModal as We } from "./index526.js";
+import { InvoiceDeleteModal as Ge } from "./index527.js";
+import { InvoiceDetailsTabScheduledInvoices as Ke } from "./index529.js";
+import { MarkAsUncollectibleModal as qe } from "./index530.js";
+import { InvoiceDetailsOverflowMenu as Je } from "./index531.js";
+import { RecordManualPaymentModal as Ye } from "./index538.js";
+import { RecurrenceCancelModal as Xe } from "./index539.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index540.js
-var y = (e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(b, { ...e }) }), b = ({ pageTitleComponent: r, embeddedBankName: y, initialView: b, initialCounterpartId: x }) => {
-	let { i18n: S } = v(), { componentSettings: C, receivablesCallbacks: w } = n(), [T, E] = m(""), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(void 0), N = p(!1), [P, F] = m(C.receivables.tab ?? c.Invoices), I = d((e) => {
-		E(e);
-	}, []), L = d((e) => {
-		I(e);
-	}, [I]), R = d(() => {
-		E("");
-	}, []), z = d(() => {
-		O(!1), M(void 0);
-	}, []), B = d((e, t) => {
-		z(), F(c.Invoices), t.mode === "issue" ? t.hasCustomerEmail ? A({
-			action: "issue",
-			showEmailStep: !0,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : t.inlineLineItems.length > 0 && A({
-			action: "issue",
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : (t.mode === "draft" || t.mode === "recurrence") && (E(e), t.inlineLineItems.length > 0 && A({
-			action: t.mode,
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		})), w.onCreate?.(e);
+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);
 	}, [
-		w,
-		F,
-		z
-	]), V = i(), H = V.has(e.InvoiceWriteOrg), U = V.has(e.InvoiceReadOrg);
-	return f(() => {
-		N.current || b === "create" && H && (N.current = !0, M(x), O(!0));
+		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;
 	}, [
-		b,
-		H,
-		x
-	]), /* @__PURE__ */ _(h, { children: [
-		r(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(t, {
-			id: "actions",
-			size: "lg",
-			disabled: !H,
-			onClick: () => {
-				M(void 0), O(!0);
-			},
-			children: S._("Create Invoice")
-		}) })),
-		!U && /* @__PURE__ */ g(a, {}),
-		U && /* @__PURE__ */ g(s, {
-			initialCounterpartId: b === "create" ? void 0 : x,
-			tab: P,
-			onTabChange: F,
-			onRowClick: L,
-			setIsCreateInvoiceDialogOpen: O
-		}),
-		!!T && /* @__PURE__ */ g(u, {
-			open: !0,
-			invoiceId: T,
-			onCloseInvoiceDetails: R,
-			onDuplicate: I,
-			openInvoiceDetails: I,
-			embeddedBankName: y
-		}),
-		D && /* @__PURE__ */ g(o, {
-			open: !0,
-			type: "invoice",
-			embeddedBankName: y,
-			initialCounterpartId: j,
-			onCreate: B,
-			onOpenChange: z
-		}),
-		k && /* @__PURE__ */ g(l, {
-			open: !0,
-			action: k.action,
-			inlineLineItems: k.inlineLineItems,
-			issue: k.showEmailStep ? {
-				receivableId: k.receivableId,
-				counterpartId: k.counterpartId
-			} : void 0,
-			onClose: () => A(null)
+		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)]
+								})
+							}, 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 })]
+							})
+						}) : 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
+								]
+							})]
+						})
+					] });
+				})(),
+				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)
+				})
+			]
 		})
-	] });
+	})] });
 };
 //#endregion
-export { y as Receivables };
+export { D as InvoiceDetailsPanel };