@tesouro/embedded-components-react 0.3.20 → 0.3.23

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

@@ -1,785 +1,54 @@
-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 { 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 { useCurrencies as e } from "./index63.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 "./index522.js";
-import { Accordion as Me, AccordionContent as m, AccordionItem as h, AccordionTrigger as g } from "./index513.js";
-import { Tooltip as _, TooltipContent as v, TooltipProvider as Ne, TooltipTrigger as y } from "./index514.js";
-import { usePauseRecurrence as Pe } from "./index515.js";
-import { useResumeRecurrence as Fe } from "./index516.js";
-import { InvoiceDetailsAmountCell as Ie } from "./index517.js";
-import { InvoiceDetailsAttachments as Le } from "./index518.js";
-import { InvoiceDetailsCloseButton as b } from "./index519.js";
-import { EditInvoiceDetails as Re } from "./index523.js";
-import { InvoiceDetailsInfoRow as x } from "./index524.js";
-import { InvoiceDetailsCustomerRow as ze } from "./index525.js";
-import { InvoiceCancelModal as Be } from "./index527.js";
-import { InvoiceDeleteModal as Ve } from "./index528.js";
-import { InvoiceDetailsTabScheduledInvoices as He } from "./index530.js";
-import { MarkAsUncollectibleModal as Ue } from "./index531.js";
-import { InvoiceDetailsOverflowMenu as We } from "./index532.js";
-import { RecordManualPaymentModal as Ge } from "./index539.js";
-import { RecurrenceCancelModal as Ke } from "./index540.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";
+import { ConfirmationModal as t } from "./index59.js";
+import "./index60.js";
+import { useGetRecurrenceById as n } from "./index168.js";
+import { useCancelRecurrence as r } from "./index169.js";
+import i from "deep-eql";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { Trans as s, useLingui as c } from "@lingui/react";
+import { usePreviousDistinct as l } from "react-use";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index541.js
-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
+var u = ({ invoice: u, open: d, onClose: f }) => {
+	let { i18n: p } = c(), { formatCurrencyToDisplay: m } = e(), h = u?.recurrence_id ?? "", { mutate: g, isPending: _ } = r(h, u.id), { data: v } = n(h), y = l(v, i), b = (y?.status === "active" && v?.status === "canceled" ? y : v)?.iterations?.filter(({ status: e }) => e === "pending")?.length ?? 0, x = u && b !== void 0 ? m(u.total_amount_with_credit_notes * b, u.currency) : void 0;
+	return /* @__PURE__ */ o(t, {
+		open: d && !!u.id,
+		title: p._("Cancel Recurring Invoice"),
+		confirmLabel: p._("Cancel recurrence"),
+		cancelLabel: p._("Close"),
+		onClose: f,
+		onConfirm: () => g(void 0, { onSuccess: f }),
+		isLoading: _,
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("Are you sure you want to cancel this recurring invoice?")
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("All future iterations of this invoice will be canceled.")
+			}),
+			u && b !== void 0 && /* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: /* @__PURE__ */ a(s, {
+					id: "ZYrFPL",
+					values: {
+						0: b === 1 ? p._("invoice") : p._("invoices"),
+						totalPendingInvoices: b,
+						pendingInvoicesTotalAmountWithCreditNotes: x
+					},
+					components: {
+						0: /* @__PURE__ */ a("strong", {}),
+						1: /* @__PURE__ */ a("strong", {})
 					}
-				});
-			}
-		}
-	}, [
-		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)
 				})
-			]
-		})
-	})] });
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "ttw:inline-block",
+				children: p._("This action can't be undone.")
+			})
+		]
+	});
 };
 //#endregion
-export { Ze as InvoiceDetailsPanel };
+export { u as RecurrenceCancelModal };