@tesouro/embedded-components-react 0.5.252 → 0.5.255

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index7.js

@@ -1,2 +1,54 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react/jsx-runtime";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { groupBySectionHeading as c } from "./index6.js";
+import { Fragment as l, useId as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { MoreHorizontalIcon as p, MoreVerticalIcon as m } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index7.js
+function h({ actions: h, triggerLabel: g, placement: _ = "row", testId: v }) {
+	let y = u();
+	if (!h.length) return null;
+	let b = _ === "header", x = _ === "header" || _ === "table", S = b ? p : m, C = c(h);
+	return /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(s, {
+		asChild: !0,
+		children: /* @__PURE__ */ d(e, {
+			type: "button",
+			variant: x ? "ghost" : "outline",
+			size: "icon",
+			"aria-label": g,
+			"data-testid": v,
+			onPointerDown: (e) => e.stopPropagation(),
+			onClick: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ d(S, { className: "ttw:size-4" })
+		})
+	}), /* @__PURE__ */ d(n, {
+		align: "end",
+		onPointerDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		children: C.map((e, t) => {
+			let n = e.items.map((e) => {
+				let t = e.icon;
+				return /* @__PURE__ */ f(i, {
+					disabled: e.disabled,
+					onClick: e.onSelect,
+					children: [t ? /* @__PURE__ */ d(t, { className: "ttw:size-4" }) : null, e.label]
+				}, e.id);
+			});
+			if (!e.heading) return /* @__PURE__ */ d(l, { children: n }, e.items[0]?.id);
+			let s = `${y}-${t}`;
+			return /* @__PURE__ */ f(l, { children: [
+				t > 0 ? /* @__PURE__ */ d(o, {}) : null,
+				/* @__PURE__ */ d(a, {
+					id: s,
+					className: "ttw:py-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+					children: e.heading
+				}),
+				/* @__PURE__ */ d(r, {
+					"aria-labelledby": s,
+					children: n
+				})
+			] }, e.items[0]?.id);
+		})
+	})] });
+}
+//#endregion
+export { h as BillOverflowMenu, h as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index8.js

@@ -1 +1,2 @@
+import "./index6.js";
 import "./index7.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index9.js

@@ -1,18 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index9.js
-function e(e) {
-	let t = [];
-	for (let n of e) {
-		let e = t.at(-1);
-		if (e && e.heading === n.sectionHeading) {
-			e.items = [...e.items, n];
-			continue;
-		}
-		t.push({
-			heading: n.sectionHeading,
-			items: [n]
-		});
-	}
-	return t;
-}
+var e = {};
 //#endregion
-export { e as groupBySectionHeading };
+export { e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index.js

@@ -7,8 +7,8 @@ import { useDeleteReceivableAttachmentMutation as i, useUploadReceivableAttachme
 import { useSendReceivableEmailMutation as o } from "./index7.js";
 import { useAcceptReceivableMutation as s, useCancelReceivableMutation as c, useCloneReceivableMutation as l, useCreateReceivableMutation as u, useDeclineReceivableMutation as d, useDeleteReceivableMutation as f, useIssueReceivableMutation as p, useUpdateReceivableMutation as m } from "./index8.js";
 import { useReceivablePaymentRecordsQuery as h } from "./index9.js";
-import { useMarkReceivablePaidMutation as g, useMarkReceivablePartiallyPaidMutation as _, useMarkReceivableUncollectibleMutation as v } from "./index10.js";
+import { useCreateReceivablePaymentRecordMutation as g, useMarkReceivablePaidMutation as _, useMarkReceivableUncollectibleMutation as v } from "./index10.js";
 import { useReceivablePdfLinkQuery as y, useReceivableQuery as b, useReceivableRequiredFieldsQuery as x, useReceivablesByIdQueries as S, useReceivablesQuery as C } from "./index11.js";
 import { useCancelRecurrenceMutation as w, useCreateOverdueReminderMutation as T, useCreatePaymentReminderMutation as E, useCreateRecurrenceMutation as D, useOverdueRemindersQuery as O, usePauseRecurrenceMutation as k, usePaymentRemindersQuery as A, useRecurrenceQuery as j, useResumeRecurrenceMutation as M, useUpdateRecurrenceMutation as N } from "./index12.js";
 import { useReceivablesAnalyticsQuery as P } from "./index13.js";
-export { s as useAcceptReceivableMutation, t as useAllReceivableHistoryQuery, c as useCancelReceivableMutation, w as useCancelRecurrenceMutation, l as useCloneReceivableMutation, n as useCreateEntityBankAccountMutation, T as useCreateOverdueReminderMutation, E as useCreatePaymentReminderMutation, u as useCreateReceivableMutation, D as useCreateRecurrenceMutation, d as useDeclineReceivableMutation, i as useDeleteReceivableAttachmentMutation, f as useDeleteReceivableMutation, p as useIssueReceivableMutation, g as useMarkReceivablePaidMutation, _ as useMarkReceivablePartiallyPaidMutation, v as useMarkReceivableUncollectibleMutation, O as useOverdueRemindersQuery, k as usePauseRecurrenceMutation, r as usePaymentAccountsQuery, A as usePaymentRemindersQuery, e as usePaymentTermsQuery, h as useReceivablePaymentRecordsQuery, y as useReceivablePdfLinkQuery, b as useReceivableQuery, x as useReceivableRequiredFieldsQuery, P as useReceivablesAnalyticsQuery, S as useReceivablesByIdQueries, C as useReceivablesQuery, j as useRecurrenceQuery, M as useResumeRecurrenceMutation, o as useSendReceivableEmailMutation, m as useUpdateReceivableMutation, N as useUpdateRecurrenceMutation, a as useUploadReceivableAttachmentMutation };
+export { s as useAcceptReceivableMutation, t as useAllReceivableHistoryQuery, c as useCancelReceivableMutation, w as useCancelRecurrenceMutation, l as useCloneReceivableMutation, n as useCreateEntityBankAccountMutation, T as useCreateOverdueReminderMutation, E as useCreatePaymentReminderMutation, u as useCreateReceivableMutation, g as useCreateReceivablePaymentRecordMutation, D as useCreateRecurrenceMutation, d as useDeclineReceivableMutation, i as useDeleteReceivableAttachmentMutation, f as useDeleteReceivableMutation, p as useIssueReceivableMutation, _ as useMarkReceivablePaidMutation, v as useMarkReceivableUncollectibleMutation, O as useOverdueRemindersQuery, k as usePauseRecurrenceMutation, r as usePaymentAccountsQuery, A as usePaymentRemindersQuery, e as usePaymentTermsQuery, h as useReceivablePaymentRecordsQuery, y as useReceivablePdfLinkQuery, b as useReceivableQuery, x as useReceivableRequiredFieldsQuery, P as useReceivablesAnalyticsQuery, S as useReceivablesByIdQueries, C as useReceivablesQuery, j as useRecurrenceQuery, M as useResumeRecurrenceMutation, o as useSendReceivableEmailMutation, m as useUpdateReceivableMutation, N as useUpdateRecurrenceMutation, a as useUploadReceivableAttachmentMutation };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index10.js

@@ -2,7 +2,7 @@
 "use client";
 "use client";
 "use client";
-import { postReceivablesIdMarkAsPaid as e, postReceivablesIdMarkAsPartiallyPaid as t, postReceivablesIdMarkAsUncollectible as n } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { postPaymentRecords as e, postReceivablesIdMarkAsPaid as t, postReceivablesIdMarkAsUncollectible as n } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
 import { invalidateAllClients as r } from "../../../shared/data-access/dist/lib/clientRegistry.js";
 import { useEmbedApi as i } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import { organizationHeaders as a } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
@@ -37,11 +37,11 @@ async function f({ client: e, organizationId: t, receivableId: n }) {
 	]);
 }
 function p() {
-	let { client: t, organizationId: n } = i();
+	let { client: e, organizationId: n } = i();
 	return d({
 		mutationFn: async ({ path: r, body: i }) => {
-			let { data: o } = await e({
-				client: t,
+			let { data: o } = await t({
+				client: e,
 				headers: a(n),
 				path: r,
 				body: i,
@@ -49,9 +49,9 @@ function p() {
 			});
 			return o;
 		},
-		onSuccess: async (e, r) => {
+		onSuccess: async (t, r) => {
 			await f({
-				client: t,
+				client: e,
 				organizationId: n,
 				receivableId: r.path.receivable_id
 			});
@@ -59,23 +59,22 @@ function p() {
 	});
 }
 function m() {
-	let { client: e, organizationId: n } = i();
+	let { client: t, organizationId: n } = i();
 	return d({
-		mutationFn: async ({ path: r, body: i }) => {
-			let { data: o } = await t({
-				client: e,
+		mutationFn: async ({ body: r }) => {
+			let { data: i } = await e({
+				client: t,
 				headers: a(n),
-				path: r,
-				body: i,
+				body: r,
 				throwOnError: !0
 			});
-			return o;
+			return i;
 		},
-		onSuccess: async (t, r) => {
+		onSuccess: async (e, r) => {
 			await f({
-				client: e,
+				client: t,
 				organizationId: n,
-				receivableId: r.path.receivable_id
+				receivableId: r.body.object.id
 			});
 		}
 	});
@@ -103,4 +102,4 @@ function h() {
 	});
 }
 //#endregion
-export { p as useMarkReceivablePaidMutation, m as useMarkReceivablePartiallyPaidMutation, h as useMarkReceivableUncollectibleMutation };
+export { m as useCreateReceivablePaymentRecordMutation, p as useMarkReceivablePaidMutation, h as useMarkReceivableUncollectibleMutation };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/ReceivablesWidget.js

@@ -254,19 +254,23 @@ function k({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			labels: J
 		}),
 		/* @__PURE__ */ D(_, {
-			open: Q.actions.paymentOpen,
+			open: Q.actions.payment.isOpen,
 			onOpenChange: (e) => {
-				e || Q.actions.closePayment();
+				e || Q.actions.payment.close();
 			},
-			values: Q.actions.paymentValues,
-			errors: Q.actions.paymentErrors,
-			inProgress: Q.actions.paymentInProgress || Q.actionsSuspended,
-			onChange: (e) => Q.actions.setPaymentValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: Q.actions.submitPayment,
-			onCancel: Q.actions.closePayment,
+			step: Q.actions.payment.step,
+			values: Q.actions.payment.values,
+			errors: Q.actions.payment.errors,
+			currencySymbol: Q.actions.payment.currencySymbol,
+			amountDueLabel: Q.actions.payment.amountDueLabel,
+			review: Q.actions.payment.review,
+			inProgress: Q.actions.payment.inProgress || Q.actionsSuspended,
+			onChange: Q.actions.payment.change,
+			onFillAmountDue: Q.actions.payment.fillAmountDue,
+			onSave: Q.actions.payment.save,
+			onEdit: Q.actions.payment.edit,
+			onConfirm: Q.actions.payment.confirm,
+			onCancel: Q.actions.payment.close,
 			labels: G
 		}),
 		Q.actions.actionDialog && /* @__PURE__ */ D(f, {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/details.js

@@ -116,12 +116,12 @@ var b = {
 	paused: "warning",
 	canceled: "danger",
 	completed: "success"
-}, x = {
+}, ee = {
 	active: "forward",
 	paused: "pause",
 	canceled: "ban",
 	completed: "check"
-}, S = {
+}, x = {
 	pending: "neutral",
 	skipped: "warning",
 	canceled: "danger",
@@ -129,7 +129,7 @@ var b = {
 	send_failed: "danger",
 	completed: "success"
 };
-function C(e, t) {
+function S(e, t) {
 	return {
 		pending: t.detailsIterationStatusPending,
 		skipped: t.detailsIterationStatusSkipped,
@@ -139,13 +139,13 @@ function C(e, t) {
 		completed: t.detailsIterationStatusCompleted
 	}[e] ?? "";
 }
-function w(e, t, n) {
+function C(e, t, n) {
 	return n.detailsSeriesTitle.replace("{name}", e.counterpart_name ?? n.invoiceType).replace("{frequency}", _(t.frequency, n));
 }
-function T(e, t) {
+function w(e, t) {
 	return t[e] ?? t.unknown;
 }
-function E({ invoice: e, recurrence: t, iterationInvoices: n, date: r, statusLabels: i, messages: a, onOpenReceivable: c }) {
+function T({ invoice: e, recurrence: t, iterationInvoices: n, date: r, statusLabels: i, messages: a, onOpenReceivable: c }) {
 	return (t.iterations ?? []).map((t, l) => {
 		let u = t.issued_invoice_id, d = u ? n.get(u) : void 0, f = d ?? e;
 		return {
@@ -158,12 +158,12 @@ function E({ invoice: e, recurrence: t, iterationInvoices: n, date: r, statusLab
 			}),
 			chip: d ? {
 				kind: "invoice",
-				label: T(d.status, i),
+				label: w(d.status, i),
 				tone: s(d.status)
 			} : {
 				kind: "iteration",
-				label: C(t.status, a),
-				tone: S[t.status] ?? "neutral"
+				label: S(t.status, a),
+				tone: x[t.status] ?? "neutral"
 			},
 			numberLabel: u ? d?.document_id ?? "" : a.detailsPending,
 			onOpen: d ? () => c(d.id) : void 0,
@@ -171,7 +171,7 @@ function E({ invoice: e, recurrence: t, iterationInvoices: n, date: r, statusLab
 		};
 	});
 }
-function ee(e) {
+function E(e) {
 	if (!e?.line1) return;
 	let t = [e.city, [e.state, e.postal_code].filter(Boolean).join(" ")].filter(Boolean).join(", ");
 	return [
@@ -180,7 +180,7 @@ function ee(e) {
 		e.country ? l(e.country) : void 0
 	].filter(Boolean).join(", ");
 }
-function te(e, t, n) {
+function D(e, t, n) {
 	let r = {
 		label: n.detailsAmountReceived,
 		value: t(e.amount_paid)
@@ -242,7 +242,7 @@ function te(e, t, n) {
 		};
 	}
 }
-function ne(t, i, a) {
+function te(t, i, a) {
 	let o = t.line_items.reduce((t, n) => {
 		let r = n.total_before_tax ?? 0;
 		return e(n.tax_status) ? {
@@ -287,20 +287,20 @@ function ne(t, i, a) {
 		emphasis: !0
 	}), m;
 }
-var D = {
+var ne = {
 	primary: [],
 	overflow: []
 };
-function O({ receivable: e, pdfUrl: n, paymentReminder: r, overdueReminder: s, depositAccount: l, isAccountListIncomplete: u, recurrence: h, paymentRecords: S = [], isLoadingPaymentRecords: C = !1, iterationInvoices: T = /* @__PURE__ */ new Map(), auditHistory: O, statusLabels: k, messages: A, canWrite: j = !0, onOpenReceivable: M, now: N }) {
+function O({ receivable: e, pdfUrl: n, paymentReminder: r, overdueReminder: s, depositAccount: l, isAccountListIncomplete: u, recurrence: h, paymentRecords: x = [], isLoadingPaymentRecords: S = !1, iterationInvoices: w = /* @__PURE__ */ new Map(), auditHistory: O, statusLabels: k, messages: A, canRecordPayment: j, canWrite: M = !0, onOpenReceivable: N, now: P }) {
 	if (!e || e.type !== "invoice") return;
-	let P = e, F = (e) => o({
+	let F = e, I = (e) => o({
 		amount: e ?? 0,
-		currency: P.currency,
+		currency: F.currency,
 		fallback: ""
-	}), I = (e) => a(e, "-"), L = (e) => e ? I(e) : A.detailsPending, { status: R } = P, z = R === "canceled", B = R === "recurring" ? h : void 0, V = P.recurrence_id && R !== "recurring" ? h : void 0, H = R === "overdue" ? m(P.due_date, N) : 0, { amountTone: U, amountRows: W } = te(P, F, A), G = P.counterpart_contact, K = ee(P.counterpart_billing_address), re = [
-		...P.counterpart_name ? [{
+	}), L = (e) => a(e, "-"), R = (e) => e ? L(e) : A.detailsPending, { status: z } = F, B = z === "canceled", V = z === "recurring" ? h : void 0, H = F.recurrence_id && z !== "recurring" ? h : void 0, U = z === "overdue" ? m(F.due_date, P) : 0, { amountTone: W, amountRows: re } = D(F, I, A), G = F.counterpart_contact, K = E(F.counterpart_billing_address), ie = [
+		...F.counterpart_name ? [{
 			label: A.detailsCustomerName,
-			value: P.counterpart_name
+			value: F.counterpart_name
 		}] : [],
 		...G?.email ? [{
 			label: A.detailsCustomerEmail,
@@ -319,133 +319,134 @@ function O({ receivable: e, pdfUrl: n, paymentReminder: r, overdueReminder: s, d
 		value: g({
 			paymentReminder: r,
 			overdueReminder: s,
-			remindersConfigured: !!(P.payment_reminder_id || P.overdue_reminder_id),
+			remindersConfigured: !!(F.payment_reminder_id || F.overdue_reminder_id),
 			messages: A
 		})
 	}, J = {
 		label: A.detailsDepositAccount,
-		value: l ? c(l, A) : u && P.bank_account_id ? "-" : A.detailsNotProvided
+		value: l ? c(l, A) : u && F.bank_account_id ? "-" : A.detailsNotProvided
 	}, Y = {
 		label: A.detailsPaymentTerms,
-		value: P.payment_terms?.name ?? A.detailsPending
-	}, ie = B ? [
+		value: F.payment_terms?.name ?? A.detailsPending
+	}, ae = V ? [
 		{
 			label: A.detailsFrequency,
-			value: _(B.frequency, A)
+			value: _(V.frequency, A)
 		},
 		{
 			label: A.detailsInvoiceAmount,
-			value: F(P.total_amount)
+			value: I(F.total_amount)
 		},
 		Y,
 		q,
 		{
 			label: A.detailsPoNumber,
-			value: P.purchase_order || A.detailsNotProvided
+			value: F.purchase_order || A.detailsNotProvided
 		},
 		J
 	] : [
-		...P.document_id ? [{
+		...F.document_id ? [{
 			label: A.detailsInvoiceNumber,
-			value: P.document_id
+			value: F.document_id
 		}] : [],
 		{
 			label: A.detailsInvoiceAmount,
-			value: F(P.total_amount)
+			value: I(F.total_amount)
 		},
 		{
 			label: A.detailsInvoiceDate,
-			value: L(P.issue_date)
+			value: R(F.issue_date)
 		},
 		{
 			label: A.detailsDueDate,
-			value: L(P.due_date)
+			value: R(F.due_date)
 		},
 		Y,
 		q,
-		...P.purchase_order ? [{
+		...F.purchase_order ? [{
 			label: A.detailsPoNumber,
-			value: P.purchase_order
+			value: F.purchase_order
 		}] : [],
 		J
-	], X = B ? void 0 : i(P), { primary: Z, overflow: Q } = j ? d[R] ?? {
+	], X = V ? void 0 : i(F), { primary: Z, overflow: Q } = M ? d[z] ?? {
 		primary: [],
 		overflow: ["clone"]
-	} : D;
-	if (B && j) {
-		let e = B.status === "active" || B.status === "paused";
-		Q = B.status === "active" ? ["pauseRecurrence", "cancelRecurrence"] : B.status === "paused" ? ["resumeRecurrence", "cancelRecurrence"] : [], Z = e ? ["edit"] : [];
+	} : ne;
+	if (V && M) {
+		let e = V.status === "active" || V.status === "paused";
+		Q = V.status === "active" ? ["pauseRecurrence", "cancelRecurrence"] : V.status === "paused" ? ["resumeRecurrence", "cancelRecurrence"] : [], Z = e ? ["edit"] : [];
 	}
-	let ae = f.has(R) ? {
-		rows: S.map((e) => ({
+	j || (Z = Z.filter((e) => e !== "recordPayment"));
+	let oe = f.has(z) ? {
+		rows: x.map((e) => ({
 			id: e.id,
-			dateLabel: I(e.paid_at),
-			amountLabel: F(e.amount)
+			dateLabel: L(e.paid_at),
+			amountLabel: I(e.amount)
 		})),
-		totalLabel: F(P.amount_paid),
-		emptyTone: R === "overdue" ? "danger" : "default",
-		isLoading: C
-	} : void 0, oe = B ? {
-		statusLabel: y(B.status, A),
-		statusTone: b[B.status] ?? "neutral",
-		statusIcon: x[B.status],
-		amountLabel: F(P.total_amount),
-		amountPeriodLabel: v(B.frequency, A),
-		startsOnLabel: L(B.start_date),
-		endsOnLabel: I(B.end_date),
-		scheduleTitle: A.detailsScheduleTitle.replace("{frequency}", _(B.frequency, A)),
-		schedule: E({
-			invoice: P,
-			recurrence: B,
-			iterationInvoices: T,
-			date: I,
+		totalLabel: I(F.amount_paid),
+		emptyTone: z === "overdue" ? "danger" : "default",
+		isLoading: S
+	} : void 0, se = V ? {
+		statusLabel: y(V.status, A),
+		statusTone: b[V.status] ?? "neutral",
+		statusIcon: ee[V.status],
+		amountLabel: I(F.total_amount),
+		amountPeriodLabel: v(V.frequency, A),
+		startsOnLabel: R(V.start_date),
+		endsOnLabel: L(V.end_date),
+		scheduleTitle: A.detailsScheduleTitle.replace("{frequency}", _(V.frequency, A)),
+		schedule: T({
+			invoice: F,
+			recurrence: V,
+			iterationInvoices: w,
+			date: L,
 			statusLabels: k,
 			messages: A,
-			onOpenReceivable: M
+			onOpenReceivable: N
 		})
-	} : void 0, $ = V ? w(P, V, A) : void 0, se = V && $ ? {
+	} : void 0, $ = H ? C(F, H, A) : void 0, ce = H && $ ? {
 		title: $,
 		backLabel: A.detailsSeriesBack.replace("{title}", $),
-		onOpen: () => M(V.invoice_id)
+		onOpen: () => N(H.invoice_id)
 	} : void 0;
 	return {
-		id: P.id,
-		type: P.type,
-		title: B ? w(P, B, A) : P.counterpart_name ?? A.invoiceType,
-		status: R,
-		statusTone: p[R] ?? "neutral",
+		id: F.id,
+		type: F.type,
+		title: V ? C(F, V, A) : F.counterpart_name ?? A.invoiceType,
+		status: z,
+		statusTone: p[z] ?? "neutral",
 		pdfUrl: n,
-		lineItems: P.line_items.map((e, t) => ({
+		lineItems: F.line_items.map((e, t) => ({
 			id: `${e.product.id ?? "item"}-${t}`,
 			name: e.product.name,
 			quantityLabel: String(e.quantity),
-			unitPriceLabel: F(e.product.price?.value),
-			totalLabel: F(e.total_before_tax ?? (e.product.price?.value ?? 0) * e.quantity)
+			unitPriceLabel: I(e.product.price?.value),
+			totalLabel: I(e.total_before_tax ?? (e.product.price?.value ?? 0) * e.quantity)
 		})),
 		panel: {
-			subtitle: B ? A.detailsSeriesSubtitle : P.document_id ? A.detailsInvoiceSubtitle.replace("{number}", P.document_id) : void 0,
-			statusLabel: R === "partially_paid" ? k.issued : k[R] ?? k.unknown,
-			recurring: !!P.recurrence_id || R === "recurring",
-			overdueLabel: H > 0 ? A.detailsDaysOverdue.replace("{days}", String(H)) : void 0,
-			amountTone: U,
-			amountRows: W,
-			issueDateLabel: L(P.issue_date),
-			dueDateLabel: z ? I(P.updated_at) : L(P.due_date),
-			dueDateCaption: z ? A.detailsCancelledOnCaption : A.detailsDueDate,
-			paymentHistory: ae,
-			customerContact: re,
-			recurringSeries: oe,
-			seriesLink: se,
-			billingItems: ie,
-			lineItemsSection: B ? void 0 : {
-				countLabel: String(P.line_items.length),
-				totals: ne(P, F, A)
+			subtitle: V ? A.detailsSeriesSubtitle : F.document_id ? A.detailsInvoiceSubtitle.replace("{number}", F.document_id) : void 0,
+			statusLabel: z === "partially_paid" ? k.issued : k[z] ?? k.unknown,
+			recurring: !!F.recurrence_id || z === "recurring",
+			overdueLabel: U > 0 ? A.detailsDaysOverdue.replace("{days}", String(U)) : void 0,
+			amountTone: W,
+			amountRows: re,
+			issueDateLabel: R(F.issue_date),
+			dueDateLabel: B ? L(F.updated_at) : R(F.due_date),
+			dueDateCaption: B ? A.detailsCancelledOnCaption : A.detailsDueDate,
+			paymentHistory: oe,
+			customerContact: ie,
+			recurringSeries: se,
+			seriesLink: ce,
+			billingItems: ae,
+			lineItemsSection: V ? void 0 : {
+				countLabel: String(F.line_items.length),
+				totals: te(F, I, A)
 			},
 			notes: X && {
 				...X,
 				countLabel: String([X.opening, X.closing].filter(Boolean).length)
 			},
-			attachments: t(P, A),
+			attachments: t(F, A),
 			auditHistory: O,
 			primaryActions: Z,
 			overflowActions: Q