@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,84 +1,15 @@
-import { useCurrencies as e } from "./index63.js";
-import { Button as t } from "./index56.js";
-import "./index189.js";
-import { LoadingSpinner as n } from "./index51.js";
-import "./index52.js";
-import { getProductValidationSchema as r } from "./index473.js";
-import { useUpdateProduct as i } from "./index484.js";
-import { ProductFormContent as a } from "./index545.js";
-import { useCallback as o, useId as s, useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import { FormProvider as f, useForm as p } from "react-hook-form";
-import { zodResolver as m } from "@hookform/resolvers/zod";
+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/index546.js
-var h = ({ product: h, handleClose: g, onUpdate: _ }) => {
-	let { i18n: v } = d(), { formatToMinorUnits: y, formatFromMinorUnits: b } = e(), x = `product-edit-form-${s()}`, { mutate: S, isPending: C } = i(h.id), w = c(() => ({
-		name: h.name,
-		type: h.type ?? "product",
-		pricePerUnit: b(h.price?.value, h.price?.currency) ?? void 0,
-		currency: h.price?.currency ?? "USD",
-		description: h.description ?? "",
-		measureUnitId: h.measure_unit_id ?? void 0
-	}), [
-		h.name,
-		h.type,
-		h.price?.value,
-		h.price?.currency,
-		h.description,
-		h.measure_unit_id,
-		b
-	]), T = p({
-		resolver: m(r(v)),
-		defaultValues: w
-	}), E = o((e) => {
-		e.preventDefault(), e.stopPropagation(), T.handleSubmit((e) => {
-			S({
-				name: e.name,
-				type: e.type,
-				price: {
-					value: y(e.pricePerUnit, e.currency) ?? e.pricePerUnit,
-					currency: e.currency
-				},
-				description: e.description,
-				...e.measureUnitId ? { measure_unit_id: e.measureUnitId } : {}
-			}, { onSuccess: (e) => {
-				_?.(e);
-			} });
-		})(e);
-	}, [
-		S,
-		y,
-		_,
-		T.handleSubmit
-	]);
-	return /* @__PURE__ */ l(f, {
-		...T,
-		children: /* @__PURE__ */ u("form", {
-			id: x,
-			onSubmit: E,
-			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100",
-			children: [/* @__PURE__ */ l(a, {
-				isLoading: C,
-				isProduct: h?.type === "product",
-				isEditMode: !0
-			}), /* @__PURE__ */ u("div", {
-				className: "ttw:flex ttw:gap-4 ttw:pt-6",
-				children: [/* @__PURE__ */ l(t, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:border-border ttw:flex-1",
-					onClick: g,
-					children: v._("Cancel")
-				}), /* @__PURE__ */ u(t, {
-					type: "submit",
-					className: "ttw:flex-1",
-					disabled: C || !T.formState.isDirty,
-					children: [C && /* @__PURE__ */ l(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), v._("Save")]
-				})]
-			})]
-		})
+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 { h as ProductEditForm };
+export { i as ProductType };

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

@@ -1,19 +1,4 @@
-import { Typography as e } from "./index62.js";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
-import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index547.js
-var i = ({ label: i, value: a, isLast: o }) => /* @__PURE__ */ n("li", {
-	className: r("ttw:flex ttw:gap-4 ttw:py-2.5", !o && "ttw:border-b ttw:border-border"),
-	children: [/* @__PURE__ */ t(e, {
-		variant: "body2",
-		color: "muted",
-		className: "ttw:w-35 ttw:min-w-35 ttw:font-medium",
-		children: i
-	}), typeof a == "string" ? /* @__PURE__ */ t(e, {
-		variant: "body2",
-		className: "ttw:font-medium",
-		children: a
-	}) : a]
-});
+var e = "search";
 //#endregion
-export { i as ProductDetailLine };
+export { e as FILTER_TYPE_SEARCH };

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

@@ -1,160 +1,27 @@
-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 { MoniteScopedProviders as i } from "./index209.js";
-import { Sheet as a, SheetClose as o, SheetContent as s, SheetDescription as c, SheetHeader as l, SheetTitle as u } from "./index50.js";
-import { LoadingSpinner as d } from "./index51.js";
-import "./index52.js";
-import { Skeleton as f } from "./index54.js";
-import { DropdownMenu as p, DropdownMenuContent as m, DropdownMenuItem as h, DropdownMenuTrigger as g } from "./index55.js";
-import { Typography as _ } from "./index62.js";
-import { useUserPermissions as v } from "./index112.js";
-import { NotFound as y } from "./index234.js";
-import { AccessRestriction as b } from "./index242.js";
-import "./index419.js";
-import { useGetProductById as x } from "./index482.js";
-import { ProductDeleteModal as S } from "./index539.js";
-import { ProductEditForm as C } from "./index546.js";
-import { ProductDetailLine as w } from "./index547.js";
-import { useState as T } from "react";
-import { MoreVerticalIcon as E, Trash2 as D, X as O } from "lucide-react";
-import { Fragment as k, jsx as A, jsxs as j } from "@emotion/react/jsx-runtime";
-import { useLingui as M } from "@lingui/react";
+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 N = (e) => /* @__PURE__ */ A(i, { children: /* @__PURE__ */ A(P, { ...e }) }), P = ({ id: i, open: N, onClose: P, onUpdated: F, onDeleted: I, showActionsMenu: L = !0 }) => {
-	let { i18n: R } = M(), { locale: z } = t(), { formatCurrencyToDisplay: B } = n(), [V, H] = T(!1), [U, W] = T(!1), { data: G, isLoading: K, isFetching: q } = x(i), J = G?.type === "product", Y = v(), X = Y.has(e.InvoiceReadOrg), Z = Y.has(e.InvoiceWriteOrg), Q = Y.has(e.InvoiceWriteOrg);
-	return X ? !K && !q && !G ? /* @__PURE__ */ A(a, {
-		open: N,
-		onOpenChange: P,
-		children: /* @__PURE__ */ A(s, {
-			showCloseButton: !0,
-			className: "ttw:gap-0",
-			children: /* @__PURE__ */ A("div", {
-				className: "ttw:w-3/4 ttw:m-auto ttw:p-4",
-				children: /* @__PURE__ */ A(y, {
-					title: R._("Product not found"),
-					description: R._("There is no product by provided id: {id}", { id: i })
-				})
-			})
-		})
-	}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(a, {
-		open: N,
-		onOpenChange: P,
-		children: /* @__PURE__ */ j(s, {
-			showCloseButton: !1,
-			className: "ttw:gap-0",
-			children: [/* @__PURE__ */ j(l, {
-				className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ j("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]",
-					children: [/* @__PURE__ */ A(u, {
-						asChild: K,
-						className: "ttw:text-2xl",
-						children: K ? /* @__PURE__ */ A(f, { className: "ttw:w-40" }) : G?.name ?? ""
-					}), /* @__PURE__ */ A(c, {
-						asChild: K,
-						children: K ? /* @__PURE__ */ A(f, { className: "ttw:w-60" }) : R._("{type} · Added {createdAt}", {
-							createdAt: R.date(G?.created_at, z.dateFormat),
-							type: G?.type === "product" ? "Product" : "Service"
-						})
-					})]
-				}), /* @__PURE__ */ j("div", {
-					className: "ttw:flex ttw:gap-2",
-					children: [L && Q && /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(g, {
-						asChild: !0,
-						children: /* @__PURE__ */ A(r, {
-							type: "button",
-							variant: "outline",
-							className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted",
-							children: /* @__PURE__ */ A(E, {})
-						})
-					}), /* @__PURE__ */ A(m, {
-						align: "end",
-						children: /* @__PURE__ */ j(h, {
-							onClick: () => W(!0),
-							variant: "destructive",
-							children: [/* @__PURE__ */ A(D, {}), R._("Delete product")]
-						})
-					})] }), /* @__PURE__ */ A(o, {
-						className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer",
-						children: /* @__PURE__ */ A(O, { className: "ttw:size-4" })
-					})]
-				})]
-			}), K ? /* @__PURE__ */ A("div", {
-				className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center",
-				children: /* @__PURE__ */ A(d, {})
-			}) : /* @__PURE__ */ A("main", {
-				className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4",
-				children: /* @__PURE__ */ j("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-4",
-					children: [/* @__PURE__ */ j("div", {
-						className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
-						children: [/* @__PURE__ */ j("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ A(_, {
-								variant: "body1",
-								className: "ttw:font-medium",
-								children: R._("{type} details", { type: J ? "Product" : "Service" })
-							}), /* @__PURE__ */ A(_, {
-								variant: "body2",
-								color: "muted",
-								children: J ? R._("A physical or digital item") : R._("Work or labor you provide")
-							})]
-						}), !V && Z && /* @__PURE__ */ A(r, {
-							type: "button",
-							variant: "ghost",
-							className: "ttw:text-primary ttw:hover:text-primary",
-							onClick: () => H(!0),
-							children: R._("Edit")
-						})]
-					}), V && G ? /* @__PURE__ */ A(C, {
-						product: G,
-						handleClose: () => H(!1),
-						onUpdate: (e) => {
-							F?.(e), H(!1);
-						}
-					}) : /* @__PURE__ */ j("ul", {
-						className: "ttw:list-none",
-						children: [
-							/* @__PURE__ */ A(w, {
-								label: R._("{type} name", { type: J ? "Product" : "Service" }),
-								value: G?.name ?? "-"
-							}),
-							/* @__PURE__ */ A(w, {
-								label: R._("Price per unit"),
-								value: G?.price ? B(G.price.value, G.price.currency) : "-"
-							}),
-							/* @__PURE__ */ A(w, {
-								label: R._("Description"),
-								value: G?.description || "-",
-								isLast: !0
-							})
-						]
-					})]
-				})
+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)
 			})]
 		})
-	}), i && U && /* @__PURE__ */ A(S, {
-		id: i,
-		open: U,
-		onClose: () => W(!1),
-		onDeleted: (e) => {
-			P?.(), I?.(e), W(!1);
-		}
-	})] }) : /* @__PURE__ */ A(a, {
-		open: N,
-		onOpenChange: P,
-		children: /* @__PURE__ */ A(s, {
-			showCloseButton: !0,
-			className: "ttw:gap-0",
-			children: /* @__PURE__ */ A("div", {
-				className: "ttw:w-3/4 ttw:m-auto ttw:p-4",
-				children: /* @__PURE__ */ A(b, {})
-			})
-		})
 	});
 };
 //#endregion
-export { N as ProductDetails };
+export { l as Filters };

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

@@ -1,99 +1,16 @@
-import { useCurrencies as e } from "./index63.js";
-import { Button as t } from "./index56.js";
-import "./index189.js";
-import { MoniteScopedProviders as n } from "./index209.js";
-import { Sheet as r, SheetClose as i, SheetContent as a, SheetDescription as o, SheetFooter as s, SheetHeader as c, SheetTitle as l } from "./index50.js";
-import { LoadingSpinner as u } from "./index51.js";
-import "./index52.js";
-import { getProductValidationSchema as d } from "./index473.js";
-import { useCreateProduct as f } from "./index480.js";
-import "./index485.js";
-import { ProductFormContent as p } from "./index545.js";
-import { useCallback as m, useId as h, useMemo as g } from "react";
-import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { FormProvider as b, useForm as x } from "react-hook-form";
-import { zodResolver as S } from "@hookform/resolvers/zod";
+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/index549.js
-var C = (e) => /* @__PURE__ */ _(n, { children: /* @__PURE__ */ _(w, { ...e }) }), w = ({ onClose: n, open: C, onCreated: w }) => {
-	let { i18n: T } = y(), { formatToMinorUnits: E } = e(), D = `product-form-${h()}`, { mutate: O, isPending: k } = f(w), A = g(() => ({
-		name: "",
-		type: "product",
-		measureUnitId: "",
-		pricePerUnit: void 0,
-		currency: "USD",
-		description: void 0
-	}), []), { watch: j, ...M } = x({
-		resolver: S(d(T)),
-		defaultValues: A
-	}), N = j("type"), P = !!j("name")?.trim() && j("pricePerUnit") !== void 0, F = m((e) => {
-		e.preventDefault(), e.stopPropagation(), M.handleSubmit((e) => {
-			O({ body: {
-				name: e.name,
-				type: e.type,
-				price: {
-					value: E(e.pricePerUnit, e.currency) ?? 0,
-					currency: e.currency
-				},
-				description: e.description,
-				...e.measureUnitId ? { measure_unit_id: e.measureUnitId } : {}
-			} });
-		})(e);
-	}, [
-		O,
-		E,
-		M.handleSubmit
-	]);
-	return /* @__PURE__ */ _(r, {
-		open: C,
-		onOpenChange: n,
-		children: /* @__PURE__ */ v(a, {
-			className: "ttw:gap-0",
-			children: [
-				/* @__PURE__ */ v(c, {
-					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ _(l, {
-						className: "ttw:text-2xl",
-						children: T._("Add a product or service")
-					}), /* @__PURE__ */ _(o, {
-						className: "ttw:max-w-130",
-						children: T._("Save the products and services you sell so you can quickly add them as line items on invoices.")
-					})]
-				}),
-				/* @__PURE__ */ _("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
-					children: /* @__PURE__ */ _(b, {
-						...M,
-						watch: j,
-						children: /* @__PURE__ */ _("form", {
-							id: D,
-							onSubmit: F,
-							children: /* @__PURE__ */ _(p, { isLoading: k })
-						})
-					})
-				}),
-				/* @__PURE__ */ v(s, {
-					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
-					children: [/* @__PURE__ */ _(i, {
-						asChild: !0,
-						children: /* @__PURE__ */ _(t, {
-							variant: "outline",
-							disabled: k,
-							className: "ttw:flex-1 ttw:border-border",
-							children: T._("Cancel")
-						})
-					}), /* @__PURE__ */ v(t, {
-						type: "submit",
-						form: D,
-						className: "ttw:flex-1",
-						title: T._("Complete the form to continue"),
-						disabled: k || !P,
-						children: [k && /* @__PURE__ */ _(u, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), T._("Save {type}", { type: N })]
-					})]
-				})
-			]
-		})
-	});
-};
+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 { C as CreateProduct };
+export { a as MeasureUnit };

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

@@ -1,46 +1,173 @@
 import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
 import "../../shared/data-access/dist/index.js";
-import { MoniteScopedProviders as t } from "./index209.js";
-import { useUserPermissions as n } from "./index112.js";
-import { AccessRestriction as r } from "./index242.js";
-import "./index244.js";
-import { ProductsTable as i } from "./index544.js";
-import { ProductDetails as a } from "./index548.js";
-import { CreateProduct as o } from "./index549.js";
-import { useCallback as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index550.js
-var f = (e) => /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(p, { ...e }) }), p = ({ pageTitleComponent: t }) => {
-	let f = n().has(e.InvoiceReadOrg), [p, m] = c(void 0), [h, g] = c(!1), _ = s((e) => {
-		m(e);
-	}, []), v = s(() => {
-		m(void 0);
-	}, []), y = s(() => {
-		g(!1);
-	}, []), b = s(() => {
-		g(!0);
-	}, []), x = s((e) => {
-		m(e);
-	}, []);
-	return /* @__PURE__ */ d(l, { children: [
-		t(/* @__PURE__ */ u(l, {})),
-		!f && /* @__PURE__ */ u(r, {}),
-		f && /* @__PURE__ */ u(i, {
-			onRowClick: _,
-			onDeleted: x,
-			openCreateModal: b
+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"
+				})
+			})
 		}),
-		h && /* @__PURE__ */ u(o, {
-			open: !0,
-			onClose: y,
-			onCreated: y
+		U.id && /* @__PURE__ */ w(f, {
+			id: U.id,
+			open: U.open,
+			onDeleted: k,
+			onClose: () => W((e) => ({
+				...e,
+				open: !1
+			}))
 		}),
-		!!p && p && /* @__PURE__ */ u(a, {
-			id: p,
-			open: !0,
-			onClose: v
+		P && /* @__PURE__ */ w(d, {
+			open: P,
+			handleClose: () => F(!1)
 		})
-	] });
+	] }) : /* @__PURE__ */ w(s, {});
 };
 //#endregion
-export { f as Products };
+export { D as ProductsTable };