@tesouro/embedded-components-react 0.5.267 → 0.5.270

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

@@ -2,189 +2,221 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../../../shared/feature/dist/lib/analytics/hooks.js";
-import { useRefetchWidget as t, useWidgetConfig as n, useWidgetError as r, useWidgetInitStaleForToken as ee, useWidgetLoading as te } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { hasAnyScope as e } from "../../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as n } from "../../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useRefetchWidget as r, useWidgetConfig as i, useWidgetError as ee, useWidgetInitStaleForToken as te, useWidgetLoading as ne } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as ne } from "./analytics/events.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as re } from "../../../../ui/dist/index13.js";
+import { ReceivablesWidgetAnalyticsEvent as re } from "./analytics/events.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as ie } from "../../../../ui/dist/index13.js";
 import "../../../../ui/dist/index.js";
-import { hasSelectedText as ie } from "../../../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { hasSelectedText as ae } from "../../../../../shared/product-catalog/feature/dist/lib/helpers.js";
 import "../../../../../shared/product-catalog/feature/dist/index.js";
-import { getCreateFollowUp as ae } from "./actionsModal.js";
-import { getDocumentTitle as oe } from "./helpers.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as i } from "./labels.js";
-import { getReceivablePermissions as se } from "./permissions.js";
-import { useReceivableActions as ce } from "./useReceivableActions.js";
-import { useReceivableActionsModal as le } from "./useReceivableActionsModal.js";
-import { useReceivableDetails as ue } from "./useReceivableDetails.js";
-import { useReceivableForm as de } from "./useReceivableForm.js";
-import { useReceivablesTable as fe } from "./useReceivablesTable.js";
-import { useCallback as a, useEffect as o, useMemo as s, useRef as pe, useState as c } from "react";
+import { getCreateFollowUp as oe } from "./actionsModal.js";
+import { getDocumentTitle as se } from "./helpers.js";
+import { RECEIVABLE_MESSAGE_LABELS_EN as ce } from "./labels.js";
+import { getReceivablePermissions as le } from "./permissions.js";
+import { useReceivableActions as ue } from "./useReceivableActions.js";
+import { useReceivableActionsModal as de } from "./useReceivableActionsModal.js";
+import { useReceivableDetails as fe } from "./useReceivableDetails.js";
+import { useReceivableForm as pe } from "./useReceivableForm.js";
+import { useReceivablesTable as me } from "./useReceivablesTable.js";
+import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablesWidget.js
-function l({ auditHistoryLabels: l, counterpartMessageLabels: me, embeddedBankName: he, filterLabels: ge, initialCounterpartId: d, initialView: f, messageLabels: p, onReceivableCreated: m, onReceivableOpened: h, screenLabels: _e }) {
-	let g = e();
+function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankName: ge, filterLabels: _e, initialCounterpartId: f, initialView: p, messageLabels: m, onReceivableCreated: h, onReceivableOpened: g, screenLabels: ve }) {
+	let _ = n();
 	o(() => {
-		g(ne.Mounted);
-	}, [g]);
-	let { initResponse: _, widgetToken: ve } = n(), v = te(), ye = r(), y = t(), b = ee(), x = !!_ && !b, S = s(() => se(_?.scopes), [_?.scopes]), be = !!_ && b, C = !!_ && S.canRead, w = !!_ && S.canWrite, T = x && S.canRead, E = x && S.canWrite, D = !!ye && !x && !v, O = !x && !D && !!(ve || v), k = s(() => ({
-		...i,
-		...p
-	}), [p]), A = _e?.statusBadge, j = s(() => ({
-		...re,
+		_(re.Mounted);
+	}, [_]);
+	let { initResponse: v, widgetToken: ye } = i(), y = ne(), be = ee(), xe = r(), b = te(), x = !!v && !b, S = s(() => le(v?.scopes), [v?.scopes]), Se = !!v && b, C = !!v && S.canRead, w = !!v && S.canWrite, T = x && S.canRead, E = x && S.canWrite, D = !!be && !x && !y, O = !x && !D && !!(ye || y), k = s(() => ({
+		...ce,
+		...m
+	}), [m]), A = ve?.statusBadge, j = s(() => ({
+		...ie,
 		...A
-	}), [A]), [M, N] = c(), [P, F] = c(!1), [I, L] = c(!1), xe = a(() => L(!0), []), R = a(() => L(!1), []), Se = a((e, t) => {
-		N(e), F(!0), m?.(e, t);
-	}, [m]), z = le({ messages: k }), B = z.open, Ce = a((e, t, n) => {
-		let r = ae(n);
-		r.openDetails && (N(e), F(!0)), r.actionsModal && B({
+	}), [A]), [M, N] = l(), [P, F] = l(!1), [I, Ce] = l(M);
+	M && M !== I && Ce(M);
+	let [L, R] = l(!1), [we, z] = l(), Te = e(v?.scopes, [t.CounterpartReadOrg]), Ee = a(() => z(void 0), []), [B, V] = l(!1), De = a(() => V(!0), []), H = a(() => V(!1), []), Oe = a((e, t) => {
+		N(e), F(!0), h?.(e, t);
+	}, [h]), U = de({ messages: k }), W = U.open, ke = a((e, t, n) => {
+		let r = oe(n);
+		r.openDetails && (N(e), F(!0)), r.actionsModal && W({
 			action: n.mode,
 			receivableId: e,
 			counterpartId: n.counterpartId,
 			inlineItems: n.inlineItems,
 			showEmailStep: r.actionsModal.showEmailStep
-		}), m?.(e, t);
-	}, [m, B]), V = fe({
-		initialCounterpartId: f === "create" ? void 0 : d,
+		}), h?.(e, t);
+	}, [h, W]), G = me({
+		initialCounterpartId: p === "create" ? void 0 : f,
 		messages: k,
 		statusLabels: j,
-		filterLabels: ge,
+		filterLabels: _e,
 		enabled: T,
 		visible: C
-	}), we = a((e) => {
-		N(e), F(!0), h?.(e, "invoice");
-	}, [h]), H = ue({
+	}), Ae = a((e) => {
+		N(e), F(!0), g?.(e, "invoice");
+	}, [g]), K = fe({
 		selectedReceivableId: M,
 		enabled: P && T,
 		canWrite: w,
 		messages: k,
 		statusLabels: j,
-		auditHistoryLabels: l,
-		onOpenReceivable: we
-	}), U = de({
+		auditHistoryLabels: u,
+		onOpenReceivable: Ae,
+		onOpenCustomer: Te ? z : void 0
+	}), q = c("edit"), je = a((e, t, n) => {
+		let r = n.mode === "issue", i = r && q.current !== "issue" && n.hasCustomerEmail;
+		(i || n.inlineItems.length !== 0) && W({
+			action: r || n.mode === "recurrence" ? n.mode : "update",
+			receivableId: e,
+			counterpartId: n.counterpartId,
+			inlineItems: n.inlineItems,
+			showEmailStep: i
+		});
+	}, [W]), J = pe({
 		messages: k,
-		counterpartMessageLabels: me,
-		embeddedBankName: he,
-		onCreated: Ce
-	}), Te = a(() => {
-		E && U.openCreate("invoice");
-	}, [E, U.openCreate]), W = pe(!1);
+		counterpartMessageLabels: he,
+		embeddedBankName: ge,
+		onCreated: ke,
+		onUpdated: je
+	}), Me = a(() => {
+		E && J.openCreate("invoice");
+	}, [E, J.openCreate]), Y = c(!1);
 	o(() => {
-		W.current || f === "create" && E && (W.current = !0, U.openCreate("invoice", { customerId: d }));
+		Y.current || p === "create" && E && (Y.current = !0, J.openCreate("invoice", { customerId: f }));
 	}, [
 		E,
-		U.openCreate,
-		d,
-		f
+		J.openCreate,
+		f,
+		p
 	]);
-	let G = ce({
-		selectedReceivable: H.receivable,
-		selectedRecurrence: H.recurrence,
+	let X = ue({
+		selectedReceivable: K.receivable,
+		selectedRecurrence: K.recurrence,
 		messages: k,
-		onCreated: Se,
+		onCreated: Oe,
 		onDeleted: (e) => {
 			e === M && (N(void 0), F(!1));
 		},
-		onCompleteBeforeIssue: (e) => {
-			U.openEdit(e, { highlightForIssue: !0 }), F(!1);
-		}
-	}), K = x && !S.canWrite, q = U.open || U.counterpartView !== "none" || !!G.actionTarget || G.sendOpen || G.payment.isOpen || z.isOpen || I, J = U.close, Y = U.counterpartForm.close, { closeAction: X, closeSend: Z } = G, Q = G.payment.close, $ = z.close;
+		onCompleteBeforeIssue: (e, t) => {
+			q.current = t, J.openEdit(e, { highlightForIssue: !0 }), P && R(!0), F(!1);
+		},
+		onIssuedForSend: (e, t) => W({
+			action: "issue",
+			receivableId: e,
+			counterpartId: t,
+			inlineItems: [],
+			showEmailStep: !0
+		})
+	});
+	o(() => {
+		J.open || (q.current = "edit");
+	}, [J.open]), o(() => {
+		!J.open && L && (R(!1), F(!0));
+	}, [J.open, L]);
+	let Z = x && !S.canWrite, Q = J.open || J.counterpartView !== "none" || !!X.actionTarget || X.sendOpen || X.payment.isOpen || U.isOpen || B, Ne = J.close, Pe = J.counterpartForm.close, { closeAction: Fe, closeSend: Ie } = X, Le = X.payment.close, $ = U.close;
 	o(() => {
-		K && q && (J(), Y(), X(), Z(), Q(), $(), R());
+		Z && Q && (Ne(), Pe(), Fe(), Ie(), Le(), $(), H());
 	}, [
-		X,
+		Fe,
 		$,
-		Y,
-		J,
-		R,
+		Pe,
+		Ne,
+		H,
+		Le,
+		Ie,
 		Q,
-		Z,
-		q,
-		K
+		Z
 	]);
-	let Ee = a((e) => {
-		ie() || (N(e.id), F(!0), h?.(e.id, e.type));
-	}, [h]), De = a(() => {
-		F(!1), N(void 0);
-	}, []), Oe = a((e, t) => {
+	let Re = a((e) => {
+		ae() || (N(e.id), F(!0), g?.(e.id, e.type));
+	}, [g]), ze = a(() => {
+		F(!1), N(void 0), z(void 0);
+	}, []), Be = a((e, t) => {
 		if (E) {
 			if (e === "edit") {
-				H.receivable && (U.openEdit(H.receivable), F(!1));
+				K.receivable && (q.current = "edit", J.openEdit(K.receivable), R(!0), F(!1));
 				return;
 			}
-			G.openAction(e, {
+			X.openAction(e, {
 				id: t.id,
-				title: H.receivable ? oe(H.receivable, k) : t.title,
+				title: K.receivable ? se(K.receivable, k) : t.title,
 				type: t.type
-			}, H.receivable ?? null);
+			}, K.receivable ?? null);
 		}
 	}, [
-		G,
+		X,
 		E,
-		H.receivable,
-		U.openEdit,
+		K.receivable,
+		J.openEdit,
 		k
 	]);
 	return {
 		canWrite: w,
 		canEditSettings: C && S.canEditSettings,
-		actionsSuspended: be,
+		actionsSuspended: Se,
 		isAccessRestricted: x && !S.canRead,
-		table: C ? V : {
-			...V,
+		table: C ? G : {
+			...G,
 			rows: [],
 			statusCards: void 0,
 			isError: !1
 		},
-		isTableLoading: C ? V.isLoading || O && V.rows.length === 0 : O,
-		isError: D || C && V.isError,
-		onRetry: D ? y : V.onRetry,
-		details: H,
+		isTableLoading: C ? G.isLoading || O && G.rows.length === 0 : O,
+		isError: D || C && G.isError,
+		onRetry: D ? xe : G.onRetry,
+		details: K,
 		detailsOpen: P && C,
-		closeDetails: De,
+		closeDetails: ze,
+		detailsPanelKey: I,
+		customerDetailsId: we,
+		closeCustomerDetails: Ee,
 		form: {
-			...U,
-			open: w && U.open,
-			counterpartView: w ? U.counterpartView : "none",
+			...J,
+			open: w && J.open,
+			counterpartView: w ? J.counterpartView : "none",
 			counterpartForm: {
-				...U.counterpartForm,
-				submit: u(E, U.counterpartForm.submit)
+				...J.counterpartForm,
+				submit: d(E, J.counterpartForm.submit)
 			},
-			submit: u(E, U.submit),
-			submitDraft: u(E, U.submitDraft),
-			submitPrimary: u(E, U.submitPrimary)
+			submit: d(E, J.submit),
+			submitDraft: d(E, J.submitDraft),
+			submitPrimary: d(E, J.submitPrimary)
 		},
-		openCreate: Te,
-		measureUnitsOpen: w && I,
-		openMeasureUnits: xe,
-		closeMeasureUnits: R,
+		openCreate: Me,
+		measureUnitsOpen: w && B,
+		openMeasureUnits: De,
+		closeMeasureUnits: H,
 		actions: {
-			...G,
-			actionDialog: w ? G.actionDialog : void 0,
-			sendOpen: w && G.sendOpen,
-			openAction: u(E, G.openAction),
-			confirmAction: u(E, G.confirmAction),
-			submitSend: u(E, G.submitSend),
+			...X,
+			actionDialog: w ? X.actionDialog : void 0,
+			sendOpen: w && X.sendOpen,
+			openAction: d(E, X.openAction),
+			confirmAction: d(E, X.confirmAction),
+			submitSend: d(E, X.submitSend),
 			payment: {
-				...G.payment,
-				isOpen: w && G.payment.isOpen,
-				save: u(E, G.payment.save),
-				confirm: u(E, G.payment.confirm)
+				...X.payment,
+				isOpen: w && X.payment.isOpen,
+				save: d(E, X.payment.save),
+				confirm: d(E, X.payment.confirm)
 			}
 		},
 		actionsModal: {
-			...z,
-			isOpen: w && z.isOpen,
-			send: u(E, z.send),
-			saveItems: u(E, z.saveItems)
+			...U,
+			isOpen: w && U.isOpen,
+			send: d(E, U.send),
+			saveItems: d(E, U.saveItems)
 		},
-		handleRowClick: Ee,
-		handleDetailsActionClick: Oe
+		handleRowClick: Re,
+		handleDetailsActionClick: Be
 	};
 }
-function u(e, t) {
+function d(e, t) {
 	return (...n) => {
 		e && t(...n);
 	};
 }
 //#endregion
-export { l as useReceivablesWidget };
+export { u as useReceivablesWidget };

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

@@ -16,18 +16,18 @@ import { ReceivableBillingSection as l } from "./index20.js";
 import "./index21.js";
 import "./index22.js";
 import { RECEIVABLE_DETAILS_SECTION as u } from "./index25.js";
-import { ReceivableDetailsPanel as d } from "./index34.js";
-import "./index35.js";
-import { ReceivableFormDialog as f } from "./index38.js";
-import { ReceivablePaymentDialog as p } from "./index39.js";
-import "./index40.js";
-import { ReceivablePreview as m } from "./index43.js";
-import "./index44.js";
-import { ReceivableRecurrenceEmailDialog as h } from "./index45.js";
-import { ReceivableRecurrenceSection as g } from "./index47.js";
-import "./index48.js";
-import { ReceivableRemindersSection as _ } from "./index49.js";
-import { ReceivableSendDialog as v } from "./index50.js";
-import { ReceivablesScreen as y } from "./index52.js";
-import { UnsavedInvoiceDialog as b } from "./index53.js";
+import { ReceivableDetailsPanel as d } from "./index37.js";
+import "./index38.js";
+import { ReceivableFormDialog as f } from "./index41.js";
+import { ReceivablePaymentDialog as p } from "./index42.js";
+import "./index43.js";
+import { ReceivablePreview as m } from "./index46.js";
+import "./index47.js";
+import { ReceivableRecurrenceEmailDialog as h } from "./index48.js";
+import { ReceivableRecurrenceSection as g } from "./index50.js";
+import "./index51.js";
+import { ReceivableRemindersSection as _ } from "./index52.js";
+import { ReceivableSendDialog as v } from "./index53.js";
+import { ReceivablesScreen as y } from "./index55.js";
+import { UnsavedInvoiceDialog as b } from "./index56.js";
 export { t as InvoicesFilterBar, e as InvoicesFilterField, u as RECEIVABLE_DETAILS_SECTION, s as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, c as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as ReceivableActionDialog, n as ReceivableActionsModal, o as ReceivableAttachmentsSection, a as ReceivableBankAccountSection, l as ReceivableBillingSection, d as ReceivableDetailsPanel, f as ReceivableFormDialog, p as ReceivablePaymentDialog, m as ReceivablePreview, h as ReceivableRecurrenceEmailDialog, g as ReceivableRecurrenceSection, _ as ReceivableRemindersSection, v as ReceivableSendDialog, y as ReceivablesScreen, b as UnsavedInvoiceDialog };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js

@@ -13,7 +13,7 @@ var r = {
 	partially_paid: "Partially paid",
 	paid: "Paid",
 	overdue: "Overdue",
-	uncollectible: "Written off",
+	uncollectible: "Uncollectible",
 	canceled: "Cancelled",
 	deleted: "Deleted",
 	unknown: "Unknown"
@@ -63,7 +63,6 @@ var r = {
 	customerDescription: "Who are you billing?",
 	customerEmailLabel: "Email",
 	addCustomerDetailsButton: "Add more details including address, phone, etc.",
-	issueDateLabel: "Issue date",
 	dueDateLabel: "Due date",
 	lineItemsHeading: "Products and services",
 	lineItemsDescription: "Add the products and services on this invoice. You'll have the option to save new items to your inventory.",
@@ -142,9 +141,7 @@ var r = {
 	reminderSaveButton: "Save"
 }, c = {
 	hiddenDescription: "Invoice details",
-	loadingTitle: "Loading...",
-	errorTitle: "Invoice not found",
-	errorDescription: "We could not load this invoice. Please try again.",
+	loadingTitle: "Loading invoice details",
 	moreActionsLabel: "More actions",
 	viewPdfButton: "View PDF",
 	closeButton: "Close",
@@ -182,6 +179,7 @@ var r = {
 	noLineItems: "No line items.",
 	editButton: "Edit",
 	issueButton: "Issue",
+	issueAndSendButton: "Issue and send",
 	recordPaymentButton: "Record payment",
 	sendButton: "Resend",
 	acceptButton: "Accept",

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js

@@ -11,40 +11,43 @@ function p({ open: p, onOpenChange: m, title: h, description: g, confirmLabel: _
 	return /* @__PURE__ */ d(t, {
 		open: p,
 		onOpenChange: m,
-		children: /* @__PURE__ */ f(n, { children: [
-			/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: h }), /* @__PURE__ */ d(r, {
-				className: "ttw:whitespace-pre-line",
-				children: g
-			})] }),
-			C !== void 0 && /* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2",
-				children: [/* @__PURE__ */ d(s, {
-					htmlFor: k,
-					children: O.commentLabel
-				}), /* @__PURE__ */ d(c, {
-					id: k,
-					rows: 3,
-					placeholder: O.commentPlaceholder,
-					value: C,
-					onChange: (e) => w?.(e.target.value)
-				})]
-			}),
-			x && /* @__PURE__ */ d("p", {
-				role: "alert",
-				className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-				children: x
-			}),
-			/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
-				variant: y,
-				onClick: E,
-				children: v ?? O.cancelButton
-			}), /* @__PURE__ */ d(e, {
-				variant: b ? "destructive" : "default",
-				loading: S,
-				onClick: T,
-				children: _ ?? O.confirmButton
-			})] })
-		] })
+		children: /* @__PURE__ */ f(n, {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [
+				/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: h }), /* @__PURE__ */ d(r, {
+					className: "ttw:whitespace-pre-line",
+					children: g
+				})] }),
+				C !== void 0 && /* @__PURE__ */ f("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [/* @__PURE__ */ d(s, {
+						htmlFor: k,
+						children: O.commentLabel
+					}), /* @__PURE__ */ d(c, {
+						id: k,
+						rows: 3,
+						placeholder: O.commentPlaceholder,
+						value: C,
+						onChange: (e) => w?.(e.target.value)
+					})]
+				}),
+				x && /* @__PURE__ */ d("p", {
+					role: "alert",
+					className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+					children: x
+				}),
+				/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
+					variant: y,
+					onClick: E,
+					children: v ?? O.cancelButton
+				}), /* @__PURE__ */ d(e, {
+					variant: b ? "destructive" : "default",
+					loading: S,
+					onClick: T,
+					children: _ ?? O.confirmButton
+				})] })
+			]
+		})
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js

@@ -8,17 +8,32 @@ var i = {
 	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
 	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
 	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+}, a = "ttw:bg-muted ttw:text-muted-foreground", o = "ttw:bg-destructive/10 ttw:text-destructive", s = {
+	draft: a,
+	recurring: a,
+	issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
+	issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
+	accepted: "ttw:bg-green-100 ttw:text-green-700",
+	paid: "ttw:bg-green-100 ttw:text-green-700",
+	partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
+	overdue: "ttw:bg-orange-100 ttw:text-orange-700",
+	failed: o,
+	expired: o,
+	uncollectible: o,
+	canceled: o,
+	declined: o,
+	deleted: o
 };
-function a({ status: a, label: o, tone: s, labels: c, icon: l }) {
-	let u = {
+function c({ status: o, label: c, tone: l = "neutral", variant: u = "outline", labels: d, icon: f }) {
+	let p = {
 		...n,
-		...c
-	}, d = o ?? u[a] ?? u.unknown;
+		...d
+	}, m = c ?? p[o] ?? p.unknown;
 	return /* @__PURE__ */ r(e, {
 		variant: "outline",
-		className: t(l && "ttw:gap-1", i[s]),
-		children: [l, d]
+		className: t(f && "ttw:gap-1", u === "filled" ? ["ttw:border-transparent", s[o ?? ""] ?? a] : i[l]),
+		children: [f, m]
 	});
 }
 //#endregion
-export { a as ReceivableStatusBadge, a as default };
+export { c as ReceivableStatusBadge, c as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js

@@ -1,8 +1,9 @@
-import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleCheck as i, CircleSlash as a, CircleX as o, ClipboardCheck as s, Clock as c, CopyPlus as l, Mail as u, Pause as d, PenTool as f, Pencil as p, Play as m, Trash2 as h } from "lucide-react";
+import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleCheck as i, CircleOff as a, CircleX as o, ClipboardCheck as s, Clock as c, CopyPlus as l, FileCheck as u, Mail as d, Pause as f, PenTool as p, Pencil as m, Play as h, Send as g, Trash2 as _ } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js
-var g = {
+var v = {
 	edit: "editButton",
 	issue: "issueButton",
+	issueAndSend: "issueAndSendButton",
 	recordPayment: "recordPaymentButton",
 	send: "sendButton",
 	accept: "acceptButton",
@@ -15,39 +16,40 @@ var g = {
 	pauseRecurrence: "pauseRecurrenceButton",
 	resumeRecurrence: "resumeRecurrenceButton",
 	cancelRecurrence: "cancelRecurrenceButton"
-}, _ = {
-	edit: p,
+}, y = {
+	edit: m,
 	issue: u,
+	issueAndSend: g,
 	recordPayment: s,
-	send: u,
+	send: d,
 	accept: i,
 	decline: o,
 	markPaid: i,
 	markUncollectible: a,
 	cancel: e,
 	clone: l,
-	delete: h,
-	pauseRecurrence: d,
-	resumeRecurrence: m,
+	delete: _,
+	pauseRecurrence: f,
+	resumeRecurrence: h,
 	cancelRecurrence: t
-}, v = {
-	draft: f,
+}, b = {
+	draft: p,
 	issuing: c,
 	issued: c,
 	partially_paid: c,
 	paid: n,
 	overdue: c,
 	canceled: e
-}, y = {
+}, x = {
 	forward: r,
-	pause: d,
+	pause: f,
 	ban: e,
 	check: n
-}, b = {
+}, S = {
 	default: "ttw:text-foreground",
 	danger: "ttw:text-red-600",
 	success: "ttw:text-emerald-600",
 	muted: "ttw:text-muted-foreground"
-}, x = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent";
+}, C = "ttw:group ttw:cursor-pointer ttw:hover:no-underline", w = "ttw:translate-y-0.5", T = "ttw:border-border", E = "ttw:rounded-full ttw:bg-muted ttw:text-muted-foreground", D = "ttw:bg-primary ttw:text-primary-foreground", O = "ttw:bg-primary ttw:fill-primary", k = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", A = (e) => e.preventDefault();
 //#endregion
-export { _ as ACTION_ICON, g as ACTION_LABEL_KEY, y as SERIES_STATUS_ICON, v as STATUS_ICON, b as amountValueToneClass, x as headerIconButtonClass };
+export { y as ACTION_ICON, v as ACTION_LABEL_KEY, x as SERIES_STATUS_ICON, b as STATUS_ICON, S as amountValueToneClass, k as headerIconButtonClass, O as headerTooltipArrowClass, D as headerTooltipClass, A as preventTooltipFocusOpen, w as sectionChevronClass, E as sectionCountBadgeClass, T as sectionItemClass, C as sectionTriggerClass };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js

@@ -1,19 +1,23 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { amountValueToneClass as t } from "./index23.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Typography as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { amountValueToneClass as n } from "./index23.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js
-function i({ row: i, defaultTone: a }) {
-	let o = i.tone ?? (i.emphasis ? a : "default");
-	return /* @__PURE__ */ r("div", {
+function a({ row: a, defaultTone: o }) {
+	let s = a.tone ?? (a.emphasis ? o : "default");
+	return /* @__PURE__ */ i("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-		children: [/* @__PURE__ */ n("span", {
-			className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-			children: i.label
-		}), /* @__PURE__ */ n("span", {
-			className: e(i.emphasis ? "ttw:text-2xl ttw:font-semibold" : "ttw:text-base ttw:font-medium", t[o]),
-			children: i.value
+		children: [/* @__PURE__ */ r(e, {
+			variant: "caption",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: a.label
+		}), /* @__PURE__ */ r(e, {
+			component: "span",
+			variant: a.emphasis ? "h3" : "body1",
+			className: t(!a.emphasis && "ttw:font-medium", n[s]),
+			children: a.value
 		})]
 	});
 }
 //#endregion
-export { i as AmountCell };
+export { a as AmountCell };