@tesouro/embedded-components-react 0.3.20 → 0.3.23

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

@@ -1,105 +1,92 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Button as t } from "./index56.js";
-import { useComponentSettings as n } from "./index215.js";
-import "./index217.js";
-import { MoniteScopedProviders as r } from "./index237.js";
-import { useUserPermissions as i } from "./index116.js";
-import { AccessRestriction as a } from "./index247.js";
-import "./index249.js";
-import { CreateReceivables as o } from "./index512.js";
-import { ReceivablesTable as s, ReceivablesTableTabEnum as c } from "./index542.js";
-import { ActionsModal as l } from "./index522.js";
-import { InvoiceDetailsPanel as u } from "./index541.js";
-import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
+import { useMoniteContext as t } from "./index47.js";
+import { MoniteScopedProviders as n } from "./index237.js";
+import { classNames as r } from "./index344.js";
+import { InvoicesTable as i } from "./index449.js";
+import { QuotesTable as a } from "./index454.js";
+import { CreditNotesTable as o } from "./index455.js";
+import { useId as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { Box as f, Tabs as p } from "@mui/material";
+import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.js
-var y = (e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(b, { ...e }) }), b = ({ pageTitleComponent: r, embeddedBankName: y, initialView: b, initialCounterpartId: x }) => {
-	let { i18n: S } = v(), { componentSettings: C, receivablesCallbacks: w } = n(), [T, E] = m(""), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(void 0), N = p(!1), [P, F] = m(C.receivables.tab ?? c.Invoices), I = d((e) => {
-		E(e);
-	}, []), L = d((e) => {
-		I(e);
-	}, [I]), R = d(() => {
-		E("");
-	}, []), z = d(() => {
-		O(!1), M(void 0);
-	}, []), B = d((e, t) => {
-		z(), F(c.Invoices), t.mode === "issue" ? t.hasCustomerEmail ? A({
-			action: "issue",
-			showEmailStep: !0,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : t.inlineLineItems.length > 0 && A({
-			action: "issue",
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		}) : (t.mode === "draft" || t.mode === "recurrence") && (E(e), t.inlineLineItems.length > 0 && A({
-			action: t.mode,
-			showEmailStep: !1,
-			receivableId: e,
-			counterpartId: t.counterpartId,
-			inlineLineItems: t.inlineLineItems
-		})), w.onCreate?.(e);
-	}, [
-		w,
-		F,
-		z
-	]), V = i(), H = V.has(e.InvoiceWriteOrg), U = V.has(e.InvoiceReadOrg);
-	return f(() => {
-		N.current || b === "create" && H && (N.current = !0, M(x), O(!0));
-	}, [
-		b,
-		H,
-		x
-	]), /* @__PURE__ */ _(h, { children: [
-		r(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(t, {
-			id: "actions",
-			size: "lg",
-			disabled: !H,
-			onClick: () => {
-				M(void 0), O(!0);
-			},
-			children: S._("Create Invoice")
-		}) })),
-		!U && /* @__PURE__ */ g(a, {}),
-		U && /* @__PURE__ */ g(s, {
-			initialCounterpartId: b === "create" ? void 0 : x,
-			tab: P,
-			onTabChange: F,
-			onRowClick: L,
-			setIsCreateInvoiceDialogOpen: O
+var h = {
+	Invoices: 0,
+	Quotes: 1,
+	CreditNotes: 2,
+	Financing: 3
+}, g = (e) => /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(_, { ...e }) }), _ = ({ initialCounterpartId: t, onRowClick: n, onTabChange: g, setIsCreateInvoiceDialogOpen: _, ...y }) => {
+	let { tab: b, tabs: x } = v(y), { i18n: S } = m(), [C, w] = c(b ?? h.Invoices), T = `Monite-ReceivablesTable-Tabs-${s()}-`, E = x?.[C], D = (e) => {
+		w(e), g?.(e);
+	};
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(f, {
+			className: r(e, "Monite-ReceivablesTable-Tabs"),
+			children: /* @__PURE__ */ u(p, {
+				value: C,
+				variant: "standard",
+				"aria-label": S._("Receivables tabs"),
+				sx: { border: "none" },
+				onChange: (e, t) => D(Number(t)),
+				children: x?.map(({ label: e, query: t }, n) => null)
+			})
 		}),
-		!!T && /* @__PURE__ */ g(u, {
-			open: !0,
-			invoiceId: T,
-			onCloseInvoiceDetails: R,
-			onDuplicate: I,
-			openInvoiceDetails: I,
-			embeddedBankName: y
+		E?.query?.type === "quote" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(a, {
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
 		}),
-		D && /* @__PURE__ */ g(o, {
-			open: !0,
-			type: "invoice",
-			embeddedBankName: y,
-			initialCounterpartId: j,
-			onCreate: B,
-			onOpenChange: z
+		E?.query?.type === "invoice" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(i, {
+				initialCounterpartId: t,
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
 		}),
-		k && /* @__PURE__ */ g(l, {
-			open: !0,
-			action: k.action,
-			inlineLineItems: k.inlineLineItems,
-			issue: k.showEmailStep ? {
-				receivableId: k.receivableId,
-				counterpartId: k.counterpartId
-			} : void 0,
-			onClose: () => A(null)
+		E?.query?.type === "credit_note" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(o, {
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
 		})
 	] });
+}, v = (e) => {
+	let { componentSettings: n } = t();
+	return {
+		tab: e?.tab ?? n?.receivables?.tab,
+		tabs: e?.tabs ?? n?.receivables?.tabs
+	};
 };
 //#endregion
-export { y as Receivables };
+export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };

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

@@ -1,6 +1,105 @@
-import "./index449.js";
-import "./index454.js";
-import "./index455.js";
-import "./index512.js";
-import "./index542.js";
-import "./index543.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index56.js";
+import { useComponentSettings as n } from "./index215.js";
+import "./index217.js";
+import { MoniteScopedProviders as r } from "./index237.js";
+import { useUserPermissions as i } from "./index116.js";
+import { AccessRestriction as a } from "./index247.js";
+import "./index249.js";
+import { CreateReceivables as o } from "./index513.js";
+import { ReceivablesTable as s, ReceivablesTableTabEnum as c } from "./index543.js";
+import { ActionsModal as l } from "./index523.js";
+import { InvoiceDetailsPanel as u } from "./index542.js";
+import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { useLingui as v } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index544.js
+var y = (e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(b, { ...e }) }), b = ({ pageTitleComponent: r, embeddedBankName: y, initialView: b, initialCounterpartId: x }) => {
+	let { i18n: S } = v(), { componentSettings: C, receivablesCallbacks: w } = n(), [T, E] = m(""), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(void 0), N = p(!1), [P, F] = m(C.receivables.tab ?? c.Invoices), I = d((e) => {
+		E(e);
+	}, []), L = d((e) => {
+		I(e);
+	}, [I]), R = d(() => {
+		E("");
+	}, []), z = d(() => {
+		O(!1), M(void 0);
+	}, []), B = d((e, t) => {
+		z(), F(c.Invoices), t.mode === "issue" ? t.hasCustomerEmail ? A({
+			action: "issue",
+			showEmailStep: !0,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		}) : t.inlineLineItems.length > 0 && A({
+			action: "issue",
+			showEmailStep: !1,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		}) : (t.mode === "draft" || t.mode === "recurrence") && (E(e), t.inlineLineItems.length > 0 && A({
+			action: t.mode,
+			showEmailStep: !1,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		})), w.onCreate?.(e);
+	}, [
+		w,
+		F,
+		z
+	]), V = i(), H = V.has(e.InvoiceWriteOrg), U = V.has(e.InvoiceReadOrg);
+	return f(() => {
+		N.current || b === "create" && H && (N.current = !0, M(x), O(!0));
+	}, [
+		b,
+		H,
+		x
+	]), /* @__PURE__ */ _(h, { children: [
+		r(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(t, {
+			id: "actions",
+			size: "lg",
+			disabled: !H,
+			onClick: () => {
+				M(void 0), O(!0);
+			},
+			children: S._("Create Invoice")
+		}) })),
+		!U && /* @__PURE__ */ g(a, {}),
+		U && /* @__PURE__ */ g(s, {
+			initialCounterpartId: b === "create" ? void 0 : x,
+			tab: P,
+			onTabChange: F,
+			onRowClick: L,
+			setIsCreateInvoiceDialogOpen: O
+		}),
+		!!T && /* @__PURE__ */ g(u, {
+			open: !0,
+			invoiceId: T,
+			onCloseInvoiceDetails: R,
+			onDuplicate: I,
+			openInvoiceDetails: I,
+			embeddedBankName: y
+		}),
+		D && /* @__PURE__ */ g(o, {
+			open: !0,
+			type: "invoice",
+			embeddedBankName: y,
+			initialCounterpartId: j,
+			onCreate: B,
+			onOpenChange: z
+		}),
+		k && /* @__PURE__ */ g(l, {
+			open: !0,
+			action: k.action,
+			inlineLineItems: k.inlineLineItems,
+			issue: k.showEmailStep ? {
+				receivableId: k.receivableId,
+				counterpartId: k.counterpartId
+			} : void 0,
+			onClose: () => A(null)
+		})
+	] });
+};
+//#endregion
+export { y as Receivables };

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

@@ -1,27 +1,6 @@
-import { ConfirmationModal as e } from "./index59.js";
-import "./index60.js";
-import { useGetProductById as t } from "./index487.js";
-import { useDeleteProduct as n } from "./index488.js";
-import "./index490.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index545.js
-var a = ({ id: a, open: o, onClose: s, onDeleted: c }) => {
-	let { i18n: l } = i(), { data: u } = t(a), d = n(a, () => {
-		s(), c?.(a);
-	});
-	return u ? /* @__PURE__ */ r(e, {
-		open: o && !!a,
-		title: l._("Delete \"{name}\"?", { name: u.name }),
-		message: l._("It will remain in all the documents where it is added. You can't undo this action."),
-		confirmLabel: l._("Delete"),
-		cancelLabel: l._("Cancel"),
-		onClose: s,
-		onConfirm: () => {
-			d.mutate(void 0);
-		},
-		isLoading: d.isPending
-	}) : null;
-};
-//#endregion
-export { a as ProductDeleteModal };
+import "./index449.js";
+import "./index454.js";
+import "./index455.js";
+import "./index513.js";
+import "./index543.js";
+import "./index544.js";

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

@@ -1,15 +1,27 @@
-import { Badge as e } from "./index223.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
+import { ConfirmationModal as e } from "./index59.js";
+import "./index60.js";
+import { useGetProductById as t } from "./index488.js";
+import { useDeleteProduct as n } from "./index489.js";
+import "./index491.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index546.js
-var i = ({ type: i }) => {
-	let { i18n: a } = n(), o = i === "product", s = o ? a._("Product") : a._("Service");
-	return /* @__PURE__ */ t(e, {
-		variant: "secondary",
-		className: r(o ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"),
-		children: s
+var a = ({ id: a, open: o, onClose: s, onDeleted: c }) => {
+	let { i18n: l } = i(), { data: u } = t(a), d = n(a, () => {
+		s(), c?.(a);
 	});
+	return u ? /* @__PURE__ */ r(e, {
+		open: o && !!a,
+		title: l._("Delete \"{name}\"?", { name: u.name }),
+		message: l._("It will remain in all the documents where it is added. You can't undo this action."),
+		confirmLabel: l._("Delete"),
+		cancelLabel: l._("Cancel"),
+		onClose: s,
+		onConfirm: () => {
+			d.mutate(void 0);
+		},
+		isLoading: d.isPending
+	}) : null;
 };
 //#endregion
-export { i as ProductType };
+export { a as ProductDeleteModal };

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

@@ -1,4 +1,15 @@
+import { Badge as e } from "./index223.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index547.js
-var e = "search";
+var i = ({ type: i }) => {
+	let { i18n: a } = n(), o = i === "product", s = o ? a._("Product") : a._("Service");
+	return /* @__PURE__ */ t(e, {
+		variant: "secondary",
+		className: r(o ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"),
+		children: s
+	});
+};
 //#endregion
-export { e as FILTER_TYPE_SEARCH };
+export { i as ProductType };

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

@@ -1,27 +1,4 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index107.js";
-import { useDebounceCallback as r } from "./index213.js";
-import { FILTER_TYPE_SEARCH as i } from "./index547.js";
-import { Search as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index548.js
-var l = ({ onChangeFilter: l }) => {
-	let { i18n: u } = c(), d = r((e) => {
-		l(i, e);
-	}, 500);
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4",
-		children: /* @__PURE__ */ s(e, {
-			className: "ttw:w-80",
-			children: [/* @__PURE__ */ o(t, {
-				align: "inline-start",
-				children: /* @__PURE__ */ o(a, {})
-			}), /* @__PURE__ */ o(n, {
-				placeholder: u._("Search by name"),
-				onChange: (e) => d(e.target.value)
-			})]
-		})
-	});
-};
+var e = "search";
 //#endregion
-export { l as Filters };
+export { e as FILTER_TYPE_SEARCH };

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

@@ -1,16 +1,27 @@
-import { useMoniteContext as e } from "./index47.js";
-import { Skeleton as t } from "./index54.js";
-import { Typography as n } from "./index62.js";
-import { memo as r } from "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
+import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index107.js";
+import { useDebounceCallback as r } from "./index213.js";
+import { FILTER_TYPE_SEARCH as i } from "./index548.js";
+import { Search as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index549.js
-var a = r(({ unitId: r }) => {
-	let { api: a } = e(), { data: o, isLoading: s } = a.finops.getMeasureUnitsId.useQuery({ path: { unit_id: r } });
-	return s ? /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4" }) : o ? /* @__PURE__ */ i(n, {
-		color: "muted",
-		variant: "body2",
-		children: o.name
-	}) : null;
-});
+var l = ({ onChangeFilter: l }) => {
+	let { i18n: u } = c(), d = r((e) => {
+		l(i, e);
+	}, 500);
+	return /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4",
+		children: /* @__PURE__ */ s(e, {
+			className: "ttw:w-80",
+			children: [/* @__PURE__ */ o(t, {
+				align: "inline-start",
+				children: /* @__PURE__ */ o(a, {})
+			}), /* @__PURE__ */ o(n, {
+				placeholder: u._("Search by name"),
+				onChange: (e) => d(e.target.value)
+			})]
+		})
+	});
+};
 //#endregion
-export { a as MeasureUnit };
+export { l as Filters };

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

@@ -1,173 +1,16 @@
-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 { useCurrencies as n } from "./index63.js";
-import { Button as r } from "./index56.js";
-import "./index217.js";
-import { MoniteScopedProviders as i } from "./index237.js";
-import { useUserPermissions as a } from "./index116.js";
-import { GetNoRowsOverlay as o } from "./index246.js";
-import { AccessRestriction as s } from "./index247.js";
-import "./index249.js";
-import { DataTable as c } from "./index251.js";
-import { hasSelectedText as l } from "./index252.js";
-import { useGetProducts as u } from "./index387.js";
-import "./index490.js";
-import { ManageMeasureUnits as d } from "./index492.js";
-import { ProductDeleteModal as f } from "./index545.js";
-import { ProductType as p } from "./index546.js";
-import { FILTER_TYPE_SEARCH as m } from "./index547.js";
-import { Filters as ee } from "./index548.js";
-import { MeasureUnit as h } from "./index549.js";
-import { useCallback as g, useMemo as _, useState as v } from "react";
-import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Plus as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { useLingui as E } from "@lingui/react";
+import { useMoniteContext as e } from "./index47.js";
+import { Skeleton as t } from "./index54.js";
+import { Typography as n } from "./index62.js";
+import { memo as r } from "react";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index550.js
-var D = (e) => /* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(O, { ...e }) }), O = ({ onFilterChanged: i, onSortChanged: D, onRowClick: O, onDeleted: k, openCreateModal: A }) => {
-	let { i18n: j } = E(), { componentSettings: M } = t(), { formatCurrencyToDisplay: N } = n(), [P, F] = v(!1), [I, L] = v(void 0), [R, z] = v(M.products.pageSizeOptions[0]), [B, te] = v({}), [V, H] = v(), [U, W] = v({
-		open: !1,
-		id: null
-	}), G = a(), K = G.has(e.InvoiceWriteOrg), q = G.has(e.InvoiceReadOrg), { data: J, isLoading: Y, isError: X, refetch: Z } = u({
-		sort: V?.field,
-		order: V?.sort,
-		limit: R,
-		pagination_token: I,
-		name__icontains: B.search || void 0
-	}), Q = (e, t) => {
-		L(void 0), te((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		})), i?.({
-			field: e,
-			value: t
-		});
-	}, $ = _(() => V ? [{
-		id: V.field,
-		desc: V.sort === "desc"
-	}] : [], [V]), ne = g((e) => {
-		let t = typeof e == "function" ? e($) : e;
-		if (t.length > 0) {
-			let e = {
-				field: t[0].id,
-				sort: t[0].desc ? "desc" : "asc"
-			};
-			H(e), D?.(e);
-		} else H(void 0);
-		L(void 0);
-	}, [$, D]), re = _(() => [
-		{
-			accessorKey: "name",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ T("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [j._("Name"), /* @__PURE__ */ w(r, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: w(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => /* @__PURE__ */ w("span", { children: e.original.name })
-		},
-		{
-			accessorKey: "type",
-			header: j._("Type"),
-			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ w(p, { type: e.original.type }) : null
-		},
-		{
-			accessorKey: "description",
-			header: j._("Description"),
-			cell: ({ row: e }) => /* @__PURE__ */ w("div", {
-				className: "ttw:w-120",
-				children: /* @__PURE__ */ w("span", {
-					className: "ttw:w-full ttw:inline-block ttw:truncate",
-					children: e.original?.description
-				})
-			})
-		},
-		{
-			accessorKey: "price",
-			header: () => /* @__PURE__ */ w("div", {
-				className: "ttw:text-right",
-				children: j._("Price per unit")
-			}),
-			cell: ({ row: e }) => {
-				let t = e.original.price;
-				return /* @__PURE__ */ T("div", {
-					className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center",
-					children: [t ? N(t.value, t.currency) : "", /* @__PURE__ */ w(h, { unitId: e.original.measure_unit_id ?? "" })]
-				});
-			}
-		}
-	], [j, N]), ie = Object.keys(B).some((e) => B[e] !== null && B[e] !== void 0), ae = !!B[m];
-	return q ? /* @__PURE__ */ T(C, { children: [
-		/* @__PURE__ */ w("div", {
-			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-			children: /* @__PURE__ */ w(c, {
-				columns: re,
-				data: J?.data ?? [],
-				sorting: $,
-				onSortingChange: ne,
-				pageSize: R,
-				onPageSizeChange: z,
-				nextPaginationToken: J?.next_pagination_token ?? void 0,
-				prevPaginationToken: J?.prev_pagination_token ?? void 0,
-				onPaginationTokenChange: L,
-				onRowClick: (e) => {
-					l() || O?.(e.id);
-				},
-				filterComponent: /* @__PURE__ */ T("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4",
-					children: [/* @__PURE__ */ w(ee, { onChangeFilter: Q }), /* @__PURE__ */ T("div", {
-						className: "ttw:flex ttw:gap-2",
-						children: [/* @__PURE__ */ w(r, {
-							variant: "ghost",
-							onClick: () => F(!0),
-							className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary",
-							children: j._("Manage units of measure")
-						}), /* @__PURE__ */ T(r, {
-							disabled: !K,
-							onClick: A,
-							className: "ttw:py-0",
-							children: [/* @__PURE__ */ w(S, {}), j._("Add product or service")]
-						})]
-					})]
-				}),
-				children: /* @__PURE__ */ w(o, {
-					isLoading: Y,
-					dataLength: J?.data.length || 0,
-					isFiltering: ie,
-					isSearching: ae,
-					isError: X,
-					onCreate: A,
-					refetch: Z,
-					filterTitle: j._("No product or service found"),
-					filterDescription1: j._("Try adjusting your search or filter criteria"),
-					entityName: j._("products or services"),
-					actionButtonLabel: j._("Add your first product or service"),
-					actionOptions: [j._("Product")],
-					noDataTitle: j._("Build your products & services list."),
-					noDataDescription1: j._("Save the products and services you sell so you can quickly add them as line items on invoices."),
-					type: "no-data"
-				})
-			})
-		}),
-		U.id && /* @__PURE__ */ w(f, {
-			id: U.id,
-			open: U.open,
-			onDeleted: k,
-			onClose: () => W((e) => ({
-				...e,
-				open: !1
-			}))
-		}),
-		P && /* @__PURE__ */ w(d, {
-			open: P,
-			handleClose: () => F(!1)
-		})
-	] }) : /* @__PURE__ */ w(s, {});
-};
+var a = r(({ unitId: r }) => {
+	let { api: a } = e(), { data: o, isLoading: s } = a.finops.getMeasureUnitsId.useQuery({ path: { unit_id: r } });
+	return s ? /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4" }) : o ? /* @__PURE__ */ i(n, {
+		color: "muted",
+		variant: "body2",
+		children: o.name
+	}) : null;
+});
 //#endregion
-export { D as ProductsTable };
+export { a as MeasureUnit };