@tesouro/embedded-components-react 0.5.194 → 0.5.196

package/README.md

@@ -563,9 +563,8 @@ A self-contained native widget for listing, creating, editing, and acting on cus
 | `sendLabels`               | `Partial<ReceivableSendDialogLabels>`    | English defaults | Overrides send-email dialog labels and buttons.                                                                     |
 | `paymentLabels`            | `Partial<ReceivablePaymentDialogLabels>` | English defaults | Overrides manual payment dialog labels and buttons.                                                                 |
 | `actionLabels`             | `Partial<ReceivableActionDialogLabels>`  | English defaults | Overrides generic confirmation dialog buttons. Action-specific title and body copy come from `messageLabels`.       |
-| `productFormLabels`        | `Partial<ProductFormSheetLabels>`        | English defaults | Overrides inline product creation copy from the shared product catalog flow.                                        |
 | `counterpartFormLabels`    | `Partial<CounterpartFormSheetLabels>`    | English defaults | Overrides inline customer creation copy from the shared counterpart-management flow.                                |
-| `measureUnitsLabels`       | `Partial<MeasureUnitsManagerLabels>`     | English defaults | Overrides measure-unit manager copy used by the product creation flow.                                              |
+| `measureUnitsLabels`       | `Partial<MeasureUnitsManagerLabels>`     | English defaults | Overrides copy of the measure-unit manager opened from a line item's unit select.                                   |
 | `measureUnitDeleteLabels`  | `Partial<MeasureUnitDeleteDialogLabels>` | English defaults | Overrides measure-unit delete confirmation copy.                                                                    |
 | `messageLabels`            | `Partial<ReceivableMessageLabels>`       | English defaults | Overrides validation, fallback, summary, activity, and action-confirmation messages generated by the feature layer. |
 | `productMessageLabels`     | `Partial<ProductMessageLabels>`          | English defaults | Overrides product flow validation and error messages.                                                               |

package/dist/index.css

@@ -924,6 +924,9 @@
   .ttw\:max-h-80 {
     max-height: calc(var(--ttw-spacing) * 80);
   }
+  .ttw\:max-h-87 {
+    max-height: calc(var(--ttw-spacing) * 87);
+  }
   .ttw\:max-h-96 {
     max-height: calc(var(--ttw-spacing) * 96);
   }
@@ -1790,9 +1793,6 @@
   .ttw\:grid-cols-\[0_1fr\] {
     grid-template-columns: 0 1fr;
   }
-  .ttw\:grid-cols-\[1fr_120px_40px\] {
-    grid-template-columns: 1fr 120px 40px;
-  }
   .ttw\:grid-cols-\[2fr_2fr_80px\] {
     grid-template-columns: 2fr 2fr 80px;
   }

package/dist/index.d.ts

@@ -4908,8 +4908,16 @@ interface ReceivableFormSheetLabels {
     paymentTermsPlaceholder: string;
     paymentTermsNone: string;
     lineItemsHeading: string;
+    lineItemsDescription: string;
     productLabel: string;
     quantityLabel: string;
+    unitLabel: string;
+    unitPlaceholder: string;
+    unitNone: string;
+    manageUnitsOption: string;
+    priceLabel: string;
+    decreaseQuantityButton: string;
+    increaseQuantityButton: string;
     addLineItemButton: string;
     removeLineItemButton: string;
     cancelButton: string;
@@ -4984,13 +4992,15 @@ interface ReceivableMessageLabels {
     customerRequired: string;
     customerAddressRequired: string;
     currencyRequired: string;
-    lineItemProductRequired: string;
-    lineItemQuantityInvalid: string;
+    lineItemNameTooLong: string;
+    /** `{maxAmount}` is replaced with the formatted cap. */
+    lineItemPriceTooHigh: string;
     sendToRequired: string;
     sendSubjectRequired: string;
     sendBodyRequired: string;
     paymentAmountInvalid: string;
     genericError: string;
+    lineItemsLoading: string;
     untitledDocument: string;
     unknownCustomer: string;
     notAvailable: string;
@@ -5054,7 +5064,6 @@ interface ReceivablesWidgetOwnProps {
     sendLabels?: Partial<ReceivableSendDialogLabels>;
     paymentLabels?: Partial<ReceivablePaymentDialogLabels>;
     actionLabels?: Partial<ReceivableActionDialogLabels>;
-    productFormLabels?: Partial<ProductFormSheetLabels>;
     counterpartFormLabels?: PartialDeep<CounterpartFormSheetLabels>;
     measureUnitsLabels?: Partial<MeasureUnitsManagerLabels>;
     measureUnitDeleteLabels?: Partial<MeasureUnitDeleteDialogLabels>;

package/dist/index.js

@@ -27,7 +27,7 @@ import { InsightsWidget as L } from "./libs/tesouro-embedded-components-react/in
 import { UploadReceiptWidget as R } from "./libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index2.js";
 import { ExpenseManagementWidget as z } from "./libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index21.js";
 import { InvoicingWidget as B } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index3.js";
-import { ReceivablesWidget as V } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index12.js";
+import { ReceivablesWidget as V } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index13.js";
 import { SettingsSection as H } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js";
 import { HELP_FAQ_EN as U } from "./libs/tesouro-embedded-components-react/settings-widget/help/ui/contract/dist/index3.js";
 import { SettingsWidget as W } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js";

package/dist/lib/ReceivablesWidget.d.ts

@@ -952,8 +952,16 @@ interface ReceivableFormSheetLabels {
     paymentTermsPlaceholder: string;
     paymentTermsNone: string;
     lineItemsHeading: string;
+    lineItemsDescription: string;
     productLabel: string;
     quantityLabel: string;
+    unitLabel: string;
+    unitPlaceholder: string;
+    unitNone: string;
+    manageUnitsOption: string;
+    priceLabel: string;
+    decreaseQuantityButton: string;
+    increaseQuantityButton: string;
     addLineItemButton: string;
     removeLineItemButton: string;
     cancelButton: string;
@@ -1028,13 +1036,15 @@ interface ReceivableMessageLabels {
     customerRequired: string;
     customerAddressRequired: string;
     currencyRequired: string;
-    lineItemProductRequired: string;
-    lineItemQuantityInvalid: string;
+    lineItemNameTooLong: string;
+    /** `{maxAmount}` is replaced with the formatted cap. */
+    lineItemPriceTooHigh: string;
     sendToRequired: string;
     sendSubjectRequired: string;
     sendBodyRequired: string;
     paymentAmountInvalid: string;
     genericError: string;
+    lineItemsLoading: string;
     untitledDocument: string;
     unknownCustomer: string;
     notAvailable: string;
@@ -1098,7 +1108,6 @@ interface ReceivablesWidgetOwnProps {
     sendLabels?: Partial<ReceivableSendDialogLabels>;
     paymentLabels?: Partial<ReceivablePaymentDialogLabels>;
     actionLabels?: Partial<ReceivableActionDialogLabels>;
-    productFormLabels?: Partial<ProductFormSheetLabels>;
     counterpartFormLabels?: PartialDeep<CounterpartFormSheetLabels>;
     measureUnitsLabels?: Partial<MeasureUnitsManagerLabels>;
     measureUnitDeleteLabels?: Partial<MeasureUnitDeleteDialogLabels>;

package/dist/lib/ReceivablesWidget.js

@@ -1,3 +1,3 @@
-import { ReceivablesWidget as e } from "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index12.js";
+import { ReceivablesWidget as e } from "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index13.js";
 import "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index.js";
 export { e as ReceivablesWidget };

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

@@ -1,3 +1,3 @@
 import { InvoicingWidget as e } from "./index3.js";
-import { ReceivablesWidget as t } from "./index12.js";
+import { ReceivablesWidget as t } from "./index13.js";
 export { e as InvoicingWidget, t as ReceivablesWidget };

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

@@ -2,74 +2,254 @@
 "use client";
 "use client";
 "use client";
-import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index5.js";
-import { useReceivablesQuery as r } from "../../data-access/dist/index9.js";
+import { getStateOptions as e } from "../../../shared/util/dist/lib/usStates.js";
+import { extractApiErrorMessage as t } from "../../../shared/util/dist/lib/apiErrors.js";
+import { usePaymentTermsQuery as n } from "../../../shared/data-access/dist/lib/reference-data/usePaymentTermsQuery.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as r } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartAddressesQuery as i } from "../../../shared/counterpart-management/data-access/dist/index7.js";
+import { useCounterpartForm as ee } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { buildLineItemControls as a, commitLineItemField as te, convertPriceInput as ne, createLineItem as re, getCurrencySymbol as o, lineItemFromProduct as s, reconcileMeasureUnits as c, sanitizeLineItemPatch as l, stepLineItemQuantity as u, stripBlankLineItems as ie, summarizeLineItemErrors as ae, toSheetLineItem as d, validateLineItems as oe } from "./index5.js";
+import { createEmptyReceivableFormValues as f, getPaymentTermOptions as se, hasReceivableFormErrors as ce, receivableFormValuesToCreatePayload as le, receivableFormValuesToLineItemChanges as ue, receivableFormValuesToUpdatePayload as de, receivableToFormValues as fe, validateReceivableForm as p } from "./index6.js";
+import { useCreateReceivableMutation as m, useUpdateReceivableMutation as pe } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { getCurrencyOptions as me } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { useMeasureUnitsQuery as he } from "../../../shared/product-catalog/data-access/dist/index9.js";
+import { useMeasureUnits as ge } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
+import "../../../shared/product-catalog/feature/dist/index.js";
+import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index10.js
-var c = [];
-function l({ activeTab: l, messages: d }) {
-	let [f, p] = s([]), [m, h] = s(10), [g, _] = s(), [v, y] = s(""), [b, x] = s(""), [S, C] = s("all");
-	a(() => {
-		_(void 0), C("all");
-	}, [l]), a(() => {
-		let e = setTimeout(() => {
-			x(v), _(void 0);
-		}, 300);
-		return () => clearTimeout(e);
-	}, [v]);
-	let w = f[0]?.id, T = w ? u[w] : void 0, E = f[0] ? f[0].desc ? "desc" : "asc" : void 0, D = r({
-		type: n(l),
-		limit: m,
-		pagination_token: g,
-		search_text: b || void 0,
-		status: S === "all" ? void 0 : S,
-		...T ? {
-			sort: T,
-			order: E
-		} : {}
-	}), O = D.data?.data ?? c, k = o(() => new Map(O.map((e) => [e.id, e])), [O]), A = i((e) => k.get(e), [k]), j = o(() => e({
-		receivables: O,
-		messages: d
-	}), [d, O]), M = !!b || S !== "all", N = i((e) => {
-		let t = typeof e == "function" ? e(f) : e;
-		p(t), _(void 0);
-	}, [f]), P = i((e) => {
-		h(e), _(void 0);
-	}, []), F = i((e) => {
-		C(e), _(void 0);
-	}, []), I = i(() => _(D.data?.next_pagination_token ?? void 0), [D.data?.next_pagination_token]), L = i(() => _(D.data?.prev_pagination_token ?? void 0), [D.data?.prev_pagination_token]), R = i(() => {
-		D.refetch();
-	}, [D]);
+function b({ messages: b, counterpartMessageLabels: x, onCreated: S }) {
+	let C = m(), w = pe(), T = v([]), E = v(""), D = n(), [O, k] = y(!1), [A, j] = y("create"), [M, N] = y(), [P, F] = y(() => f()), [I, L] = y({}), [R, _e] = y("none"), z = ge(), B = he(), V = B.data?.data, { unitNamesById: H } = z, [ve, U] = y(), [W, G] = y(!1), K = v(!1), ye = _(() => e(), []), be = _(() => ({
+		...r,
+		...x
+	}), [x]), q = i(P.customerId), xe = q.data?.data?.[0], J = q.data?.data?.[0]?.id, Se = h((e) => {
+		F((t) => ({
+			...t,
+			customerId: e ?? ""
+		}));
+	}, []), Y = ee({
+		view: R,
+		setView: _e,
+		selectedId: P.customerId || void 0,
+		setSelectedId: Se,
+		messages: be,
+		counterpartType: "customer",
+		counterpart: void 0,
+		primaryAddress: xe
+	}), X = h(() => {
+		T.current = [], U(void 0), j("create"), N(void 0), F(f()), L({}), G(!1);
+	}, []), Ce = h((e = "invoice") => {
+		T.current = [], U(void 0), j("create"), N(void 0), F({
+			...f(),
+			type: e
+		}), L({}), G(!1), k(!0);
+	}, []), we = h((e) => {
+		e.type !== "credit_note" && (T.current = e.line_items, E.current = e.currency, U(void 0), j("edit"), N(e.id), F(fe(e, V)), L({}), G(!1), k(!0));
+	}, [V]);
+	g(() => {
+		V?.length && F((e) => {
+			let t = c(e.lineItems, V);
+			return t === e.lineItems ? e : {
+				...e,
+				lineItems: t
+			};
+		});
+	}, [V]);
+	let Te = h(() => {
+		k(!1), L({});
+	}, []), Ee = h((e) => {
+		let { currency: t } = e;
+		if (t === void 0) {
+			F((t) => ({
+				...t,
+				...e
+			}));
+			return;
+		}
+		K.current = !0, F((n) => n.currency === t ? {
+			...n,
+			...e
+		} : {
+			...n,
+			...e,
+			lineItems: n.lineItems.map((e) => ({
+				...e,
+				price: ne(e.price, n.currency, t)
+			}))
+		});
+	}, []), Z = h((e, t) => {
+		let n = oe(e, {
+			currency: t,
+			messages: b
+		});
+		L((e) => ({
+			...e,
+			lineItems: n,
+			lineItemsSummary: ae(n)
+		}));
+	}, [b]), Q = h((e, { validate: t }) => {
+		t && (K.current = !0), F((t) => ({
+			...t,
+			lineItems: e(t.lineItems)
+		}));
+	}, []);
+	g(() => {
+		K.current && (K.current = !1, Z(P.lineItems, P.currency));
+	}, [
+		Z,
+		P.currency,
+		P.lineItems
+	]);
+	let De = h((e, t) => {
+		let { unit: n, ...r } = t, i = l(r);
+		i.name !== void 0 && (i.productId = ""), n !== void 0 && (i.measureUnitId = n, i.measureUnitName = ""), Q((t) => t.map((t) => t.id === e ? {
+			...t,
+			...i
+		} : t), { validate: W });
+	}, [Q, W]), Oe = h((e, t) => {
+		Q((n) => n.map((n) => n.id === e ? {
+			...n,
+			...s({
+				product: t,
+				currency: P.currency,
+				unitNamesById: H
+			})
+		} : n), { validate: !0 });
+	}, [
+		Q,
+		H,
+		P.currency
+	]), $ = h((e, t) => {
+		t && Q((n) => t.kind === "remove" ? n.filter((t) => t.id !== e) : n.map((n) => n.id === e ? {
+			...n,
+			...t.patch
+		} : n), { validate: !0 });
+	}, [Q]), ke = h((e, t) => {
+		let n = P.lineItems.find((t) => t.id === e);
+		n && $(e, te({
+			lineItem: n,
+			field: t,
+			rowCount: P.lineItems.length,
+			currency: P.currency
+		}));
+	}, [
+		$,
+		P.currency,
+		P.lineItems
+	]), Ae = h((e, t) => {
+		let n = P.lineItems.find((t) => t.id === e);
+		n && $(e, u({
+			lineItem: n,
+			step: t,
+			rowCount: P.lineItems.length
+		}));
+	}, [$, P.lineItems]), je = h(() => {
+		let e = re(P.currency);
+		U(e.id), F((t) => ({
+			...t,
+			lineItems: [...t.lineItems, e]
+		}));
+	}, [P.currency]), Me = h((e) => {
+		Q((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e), { validate: !0 });
+	}, [Q]), Ne = h(async () => {
+		if (B.isLoading) {
+			L({ form: b.lineItemsLoading });
+			return;
+		}
+		let e = ie(P.lineItems), n = e.length === P.lineItems.length ? P : {
+			...P,
+			lineItems: e
+		};
+		n !== P && F(n);
+		let r = p({
+			values: n,
+			billingAddressId: J,
+			messages: b
+		});
+		if (ce(r)) {
+			L(r), G(!0);
+			return;
+		}
+		L({});
+		try {
+			if (A === "edit" && M) {
+				let e = { receivable_id: M };
+				await w.mutateAsync({
+					path: e,
+					body: de({
+						values: n,
+						billingAddressId: J ?? "",
+						lineItemChanges: ue({
+							values: n,
+							originalLineItems: T.current,
+							originalCurrency: E.current,
+							unitNamesById: H,
+							units: V
+						})
+					})
+				}), k(!1), X();
+				return;
+			}
+			let e = await C.mutateAsync({ body: le({
+				values: n,
+				billingAddressId: J ?? "",
+				unitNamesById: H
+			}) });
+			k(!1), X(), e?.id && S?.(e.id, e.type);
+		} catch (e) {
+			L({ form: t(e) ?? b.genericError });
+		}
+	}, [
+		J,
+		C,
+		M,
+		b,
+		A,
+		S,
+		X,
+		V,
+		H,
+		B.isLoading,
+		w,
+		P
+	]), Pe = _(() => ({
+		...P,
+		lineItems: P.lineItems.map(d)
+	}), [P]), Fe = _(() => a(P.lineItems), [P.lineItems]);
 	return {
-		rows: j,
-		isLoading: D.isLoading,
-		isError: D.isError,
-		sorting: f,
-		onSortingChange: N,
-		pageSize: m,
-		onPageSizeChange: P,
-		hasNextPage: !!D.data?.next_pagination_token,
-		hasPrevPage: !!D.data?.prev_pagination_token,
-		onNextPage: I,
-		onPrevPage: L,
-		searchValue: v,
-		onSearchChange: y,
-		statusFilter: S,
-		statusOptions: t(),
-		onStatusFilterChange: F,
-		isFiltering: M,
-		onRetry: R,
-		getReceivableById: A
+		open: O,
+		setOpen: k,
+		mode: A,
+		values: P,
+		sheetValues: Pe,
+		errors: I,
+		setValues: F,
+		updateValues: Ee,
+		updateLineItem: De,
+		selectProduct: Oe,
+		commitLineItem: ke,
+		stepLineItem: Ae,
+		addLineItem: je,
+		removeLineItem: Me,
+		autoFocusLineItemId: ve,
+		lineItemUnitOptions: z.unitOptions,
+		lineItemsLoading: B.isLoading,
+		lineItemControls: Fe,
+		currencySymbol: o(P.currency),
+		isSubmitting: C.isPending || w.isPending,
+		currencyOptions: me(P.currency),
+		paymentTermsOptions: se(D.data?.data),
+		openCreate: Ce,
+		openEdit: we,
+		close: Te,
+		submit: Ne,
+		units: z,
+		counterpartView: R,
+		counterpartForm: Y,
+		stateOptions: ye,
+		openCounterpartCreate: Y.openCreate
 	};
 }
-var u = {
-	documentLabel: "document_id",
-	customerLabel: "counterpart_name",
-	status: "status",
-	issueDateLabel: "issue_date",
-	dueDateLabel: "due_date",
-	totalLabel: "total_amount"
-};
 //#endregion
-export { l as useReceivablesTable };
+export { b as useReceivableForm };

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

@@ -2,114 +2,74 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as t } from "./index2.js";
-import { coerceEnabledTabs as n, resolveInitialTab as r, tabForType as i, typeForTab as a } from "./index5.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as o } from "./index6.js";
-import { useReceivableActions as s } from "./index7.js";
-import { useReceivableDetails as c } from "./index8.js";
-import { hasSelectedText as l } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivableForm as u } from "./index9.js";
-import { useReceivablesTable as d } from "./index10.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index6.js";
+import { useReceivablesQuery as r } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index11.js
-function g({ counterpartMessageLabels: g, defaultTab: _, enabledTabs: v, messageLabels: y, onReceivableCreated: b, onReceivableOpened: x, productMessageLabels: S }) {
-	let C = e();
-	p(() => {
-		C(t.Mounted);
-	}, [C]);
-	let w = m(() => ({
-		...o,
-		...y
-	}), [y]), T = m(() => n(v), [v]), [E, D] = h(() => r({
-		defaultTab: _,
-		enabledTabs: T
-	})), [O, k] = h(), [A, j] = h(!1);
-	p(() => {
-		T.includes(E) || D(r({
-			defaultTab: _,
-			enabledTabs: T
-		}));
-	}, [
-		E,
-		_,
-		T
-	]);
-	let M = f((e, t) => {
-		D(i(t)), k(e), j(!0), b?.(e, t);
-	}, [b]), N = d({
-		activeTab: E,
-		messages: w
-	}), P = c({
-		selectedReceivableId: O,
-		enabled: A,
-		messages: w
-	}), F = u({
-		messages: w,
-		productMessageLabels: S,
-		counterpartMessageLabels: g,
-		onCreated: M
-	}), I = f(() => {
-		let e = a(E);
-		F.openCreate(e === "quote" ? "quote" : "invoice");
-	}, [E, F.openCreate]), L = s({
-		selectedReceivable: P.receivable,
-		messages: w,
-		onCreated: M,
-		onDeleted: (e) => {
-			e === O && (k(void 0), j(!1));
-		}
-	}), R = f((e) => {
-		l() || (k(e.id), j(!0), x?.(e.id, e.type));
-	}, [x]);
+var c = [];
+function l({ activeTab: l, messages: d }) {
+	let [f, p] = s([]), [m, h] = s(10), [g, _] = s(), [v, y] = s(""), [b, x] = s(""), [S, C] = s("all");
+	a(() => {
+		_(void 0), C("all");
+	}, [l]), a(() => {
+		let e = setTimeout(() => {
+			x(v), _(void 0);
+		}, 300);
+		return () => clearTimeout(e);
+	}, [v]);
+	let w = f[0]?.id, T = w ? u[w] : void 0, E = f[0] ? f[0].desc ? "desc" : "asc" : void 0, D = r({
+		type: n(l),
+		limit: m,
+		pagination_token: g,
+		search_text: b || void 0,
+		status: S === "all" ? void 0 : S,
+		...T ? {
+			sort: T,
+			order: E
+		} : {}
+	}), O = D.data?.data ?? c, k = o(() => new Map(O.map((e) => [e.id, e])), [O]), A = i((e) => k.get(e), [k]), j = o(() => e({
+		receivables: O,
+		messages: d
+	}), [d, O]), M = !!b || S !== "all", N = i((e) => {
+		let t = typeof e == "function" ? e(f) : e;
+		p(t), _(void 0);
+	}, [f]), P = i((e) => {
+		h(e), _(void 0);
+	}, []), F = i((e) => {
+		C(e), _(void 0);
+	}, []), I = i(() => _(D.data?.next_pagination_token ?? void 0), [D.data?.next_pagination_token]), L = i(() => _(D.data?.prev_pagination_token ?? void 0), [D.data?.prev_pagination_token]), R = i(() => {
+		D.refetch();
+	}, [D]);
 	return {
-		activeTab: E,
-		enabledTabs: T,
-		setActiveTab: D,
-		table: N,
-		details: P,
-		detailsOpen: A,
-		closeDetails: f(() => {
-			j(!1), k(void 0);
-		}, []),
-		form: F,
-		openCreate: I,
-		actions: L,
-		handleRowClick: R,
-		handleActionClick: f((e, t) => {
-			let n = N.getReceivableById(t.id);
-			if (e === "edit") {
-				if (n) {
-					F.openEdit(n);
-					return;
-				}
-				k(t.id), j(!0);
-				return;
-			}
-			k(t.id), L.openAction(e, t, n ?? null);
-		}, [
-			L,
-			F.openEdit,
-			N.getReceivableById
-		]),
-		handleDetailsActionClick: f((e, t) => {
-			if (e === "edit") {
-				P.receivable && (F.openEdit(P.receivable), j(!1));
-				return;
-			}
-			L.openAction(e, {
-				id: t.id,
-				title: t.title,
-				type: t.type
-			}, P.receivable ?? null);
-		}, [
-			L,
-			P.receivable,
-			F.openEdit
-		])
+		rows: j,
+		isLoading: D.isLoading,
+		isError: D.isError,
+		sorting: f,
+		onSortingChange: N,
+		pageSize: m,
+		onPageSizeChange: P,
+		hasNextPage: !!D.data?.next_pagination_token,
+		hasPrevPage: !!D.data?.prev_pagination_token,
+		onNextPage: I,
+		onPrevPage: L,
+		searchValue: v,
+		onSearchChange: y,
+		statusFilter: S,
+		statusOptions: t(),
+		onStatusFilterChange: F,
+		isFiltering: M,
+		onRetry: R,
+		getReceivableById: A
 	};
 }
+var u = {
+	documentLabel: "document_id",
+	customerLabel: "counterpart_name",
+	status: "status",
+	issueDateLabel: "issue_date",
+	dueDateLabel: "due_date",
+	totalLabel: "total_amount"
+};
 //#endregion
-export { g as useReceivablesWidget };
+export { l as useReceivablesTable };