@tesouro/embedded-components-react 0.3.20 → 0.3.22

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

@@ -1,17 +1 @@
-import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index485.js
-var r = (r) => {
-	let { api: i, queryClient: a } = e(), { i18n: o } = n();
-	return i.finops.postProducts.useMutation(void 0, {
-		onSuccess: async (e) => {
-			r?.(e), await i.finops.getProducts.invalidateQueries(a), t.success(o._("{name} has been added to the list.", { name: e.name }));
-		},
-		onError: () => {
-			t.error(o._("Failed to create"));
-		}
-	});
-};
-//#endregion
-export { r as useCreateProduct };
+import "./index484.js";

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

@@ -1,17 +1,18 @@
 import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
+import { messageWithTruncatedName as t } from "./index479.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index486.js
-var r = (r) => {
-	let { api: i, queryClient: a } = e(), { i18n: o } = n();
-	return i.finops.deleteMeasureUnitsId.useMutation(void 0, {
-		onSuccess: async () => {
-			r && (await i.finops.getMeasureUnits.invalidateQueries(a), t.success(o._("Unit {name} was deleted from the list.", { name: r })));
+var i = (i) => {
+	let { api: a, queryClient: o } = e(), { i18n: s } = r();
+	return a.finops.postProducts.useMutation(void 0, {
+		onSuccess: async (e) => {
+			i?.(e), await a.finops.getProducts.invalidateQueries(o), n.success(t(s._("{name} has been added to the list.", { name: "\0" }), e.name));
 		},
-		onError: (e) => {
-			console.error(e), t.error(o._("Failed to delete Unit."));
+		onError: () => {
+			n.error(s._("Failed to create"));
 		}
 	});
 };
 //#endregion
-export { r as useDeleteMeasureUnit };
+export { i as useCreateProduct };

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

@@ -1,8 +1,18 @@
 import { useMoniteContext as e } from "./index47.js";
+import { messageWithTruncatedName as t } from "./index479.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index487.js
-var t = (t, n = !0) => {
-	let { api: r } = e();
-	return r.finops.getProductsId.useQuery({ path: { product_id: t } }, { enabled: n });
+var i = (i) => {
+	let { api: a, queryClient: o } = e(), { i18n: s } = r();
+	return a.finops.deleteMeasureUnitsId.useMutation(void 0, {
+		onSuccess: async () => {
+			i && (await a.finops.getMeasureUnits.invalidateQueries(o), n.success(t(s._("Unit {name} was deleted from the list.", { name: "\0" }), i)));
+		},
+		onError: (e) => {
+			console.error(e), n.error(s._("Failed to delete Unit."));
+		}
+	});
 };
 //#endregion
-export { t as useGetProductById };
+export { i as useDeleteMeasureUnit };

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

@@ -1,17 +1,8 @@
 import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index488.js
-var r = (r, i) => {
-	let { i18n: a } = n(), { api: o, queryClient: s } = e();
-	return o.finops.deleteProductsId.useMutation({ path: { product_id: r } }, {
-		onSuccess: async () => {
-			await o.finops.getProducts.invalidateQueries(s), t.success(a._("Product was deleted.")), i?.();
-		},
-		onError: () => {
-			t.error(a._("Failed to delete product."));
-		}
-	});
+var t = (t, n = !0) => {
+	let { api: r } = e();
+	return r.finops.getProductsId.useQuery({ path: { product_id: t } }, { enabled: n });
 };
 //#endregion
-export { r as useDeleteProduct };
+export { t as useGetProductById };

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

@@ -2,16 +2,16 @@ import { useMoniteContext as e } from "./index47.js";
 import { toast as t } from "react-hot-toast";
 import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index489.js
-var r = (r) => {
-	let { i18n: i } = n(), { api: a, queryClient: o } = e();
-	return a.finops.patchProductsId.useMutation({ path: { product_id: r } }, {
-		onSuccess: async (e) => {
-			await a.finops.getProducts.invalidateQueries(o), await a.finops.getProductsId.invalidateQueries({ parameters: { path: { product_id: e.id } } }, o), t.success(e.type === "product" ? i._("Product {name} was updated.", { name: e.name }) : i._("Service {name} was updated.", { name: e.name }));
+var r = (r, i) => {
+	let { i18n: a } = n(), { api: o, queryClient: s } = e();
+	return o.finops.deleteProductsId.useMutation({ path: { product_id: r } }, {
+		onSuccess: async () => {
+			await o.finops.getProducts.invalidateQueries(s), t.success(a._("Product was deleted.")), i?.();
 		},
 		onError: () => {
-			t.error(i._("Failed to update"));
+			t.error(a._("Failed to delete product."));
 		}
 	});
 };
 //#endregion
-export { r as useUpdateProduct };
+export { r as useDeleteProduct };

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

@@ -1,9 +1,18 @@
-import "./index387.js";
-import "./index458.js";
-import "./index479.js";
-import "./index480.js";
-import "./index486.js";
-import "./index485.js";
-import "./index487.js";
-import "./index488.js";
-import "./index489.js";
+import { useMoniteContext as e } from "./index47.js";
+import { messageWithTruncatedName as t } from "./index479.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index490.js
+var i = (i) => {
+	let { i18n: a } = r(), { api: o, queryClient: s } = e();
+	return o.finops.patchProductsId.useMutation({ path: { product_id: i } }, {
+		onSuccess: async (e) => {
+			await o.finops.getProducts.invalidateQueries(s), await o.finops.getProductsId.invalidateQueries({ parameters: { path: { product_id: e.id } } }, s), n.success(t(e.type === "product" ? a._("Product {name} was updated.", { name: "\0" }) : a._("Service {name} was updated.", { name: "\0" }), e.name));
+		},
+		onError: () => {
+			n.error(a._("Failed to update"));
+		}
+	});
+};
+//#endregion
+export { i as useUpdateProduct };

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

@@ -1,106 +1,9 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index107.js";
-import { useDebounceCallback as r } from "./index213.js";
-import { Table as i, TableBody as a, TableCell as o, TableHead as s, TableHeader as c, TableRow as l } from "./index250.js";
-import { useGetMeasureUnits as u } from "./index458.js";
-import { MeasureUnitsFormRow as d } from "./index481.js";
-import { ConfirmDeleteMeasureUnitDialog as f } from "./index482.js";
-import { TableActions as p } from "./index483.js";
-import "./index484.js";
-import { useDeleteMeasureUnit as m } from "./index486.js";
+import "./index387.js";
+import "./index458.js";
+import "./index480.js";
+import "./index481.js";
+import "./index487.js";
+import "./index486.js";
+import "./index488.js";
+import "./index489.js";
 import "./index490.js";
-import { useCallback as h, useState as g } from "react";
-import { Loader2 as _, Search as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { useLingui as S } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index491.js
-var C = () => {
-	let { i18n: C } = S(), [w, T] = g(null), [E, D] = g(null), O = !!E, [k, A] = g(""), { data: j, isLoading: M } = u(), N = m(E?.name), P = r((e) => {
-		A(e);
-	}, 500), F = j?.data?.filter((e) => e.name.toLowerCase().includes(k.toLowerCase()) || e.description && e.description.toLowerCase().includes(k.toLowerCase())) || [], I = h((e) => {
-		D(e);
-	}, []), L = h(() => {
-		D(null);
-	}, []), R = h(() => {
-		E && N.mutate({ path: { unit_id: E.id } }, { onSuccess: () => L() });
-	}, [
-		N,
-		E,
-		L
-	]), z = N.isPending, B = () => {
-		T(null);
-	};
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative",
-		children: [M ? /* @__PURE__ */ b("div", {
-			className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full",
-			children: /* @__PURE__ */ b(_, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" })
-		}) : /* @__PURE__ */ x(y, { children: [
-			z && /* @__PURE__ */ b("div", {
-				className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10",
-				children: /* @__PURE__ */ b(_, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" })
-			}),
-			/* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(t, {
-				align: "inline-start",
-				children: /* @__PURE__ */ b(v, {})
-			}), /* @__PURE__ */ b(n, {
-				placeholder: C._("Search"),
-				onChange: (e) => P(e.target.value)
-			})] }),
-			/* @__PURE__ */ x(i, {
-				className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md",
-				children: [/* @__PURE__ */ b(c, { children: /* @__PURE__ */ x(l, {
-					className: "ttw:hover:bg-transparent ttw:border-border",
-					children: [
-						/* @__PURE__ */ b(s, {
-							className: "ttw:w-[35%]",
-							children: C._("Unit label")
-						}),
-						/* @__PURE__ */ b(s, {
-							className: "ttw:w-[55%]",
-							children: C._("Description (optional)")
-						}),
-						/* @__PURE__ */ b(s, { className: "ttw:w-[10%]" })
-					]
-				}) }), /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(d, { isEditMode: !1 }), F.map((e) => w?.id === e.id ? /* @__PURE__ */ b(d, {
-					isEditMode: !0,
-					initialValues: e,
-					onCancel: B,
-					onEdit: () => T(null),
-					id: e.id
-				}, e.id) : /* @__PURE__ */ x(l, {
-					className: "ttw:border-border",
-					children: [
-						/* @__PURE__ */ b(o, {
-							className: "ttw:w-[35%] ttw:text-sm ttw:truncate",
-							children: e.name
-						}),
-						/* @__PURE__ */ b(o, {
-							className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate",
-							children: e.description || "—"
-						}),
-						/* @__PURE__ */ b(o, {
-							className: "ttw:w-[10%]",
-							children: /* @__PURE__ */ b(p, {
-								permissions: {
-									isUpdateAllowed: !0,
-									isDeleteAllowed: !0
-								},
-								onEdit: () => T(e),
-								onDelete: () => I(e)
-							})
-						})
-					]
-				}, e.id))] })]
-			})
-		] }), /* @__PURE__ */ b(f, {
-			open: O,
-			id: E?.id,
-			name: E?.name || "",
-			isLoading: z,
-			onClose: L,
-			onDelete: R
-		})]
-	});
-};
-//#endregion
-export { C as ManageMeasureUnitsForm };

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

@@ -1,39 +1,106 @@
-import { Button as e } from "./index56.js";
-import { Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "./index50.js";
-import { ManageMeasureUnitsForm as s } from "./index491.js";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useLingui as u } from "@lingui/react";
+import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index107.js";
+import { useDebounceCallback as r } from "./index213.js";
+import { Table as i, TableBody as a, TableCell as o, TableHead as s, TableHeader as c, TableRow as l } from "./index250.js";
+import { useGetMeasureUnits as u } from "./index458.js";
+import { MeasureUnitsFormRow as d } from "./index482.js";
+import { ConfirmDeleteMeasureUnitDialog as f } from "./index483.js";
+import { TableActions as p } from "./index484.js";
+import "./index485.js";
+import { useDeleteMeasureUnit as m } from "./index487.js";
+import "./index491.js";
+import { useCallback as h, useState as g } from "react";
+import { Loader2 as _, Search as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { useLingui as S } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index492.js
-var d = ({ handleClose: d, open: f }) => {
-	let { i18n: p } = u();
-	return /* @__PURE__ */ c(t, {
-		open: f,
-		onOpenChange: d,
-		children: /* @__PURE__ */ l(n, {
-			side: "right",
-			className: "ttw:gap-0 ttw:p-0",
-			children: [
-				/* @__PURE__ */ l(a, {
-					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ c(o, { children: p._("Manage measure units") }), /* @__PURE__ */ c(r, {
-						hidden: !0,
-						children: p._("Manage measure units")
-					})]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "ttw:flex-1 ttw:overflow-y-auto ttw:px-6 ttw:py-4",
-					children: /* @__PURE__ */ c(s, {})
-				}),
-				/* @__PURE__ */ c(i, {
-					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
-					children: /* @__PURE__ */ c(e, {
-						onClick: d,
-						children: p._("Done")
-					})
-				})
-			]
-		})
+var C = () => {
+	let { i18n: C } = S(), [w, T] = g(null), [E, D] = g(null), O = !!E, [k, A] = g(""), { data: j, isLoading: M } = u(), N = m(E?.name), P = r((e) => {
+		A(e);
+	}, 500), F = j?.data?.filter((e) => e.name.toLowerCase().includes(k.toLowerCase()) || e.description && e.description.toLowerCase().includes(k.toLowerCase())) || [], I = h((e) => {
+		D(e);
+	}, []), L = h(() => {
+		D(null);
+	}, []), R = h(() => {
+		E && N.mutate({ path: { unit_id: E.id } }, { onSuccess: () => L() });
+	}, [
+		N,
+		E,
+		L
+	]), z = N.isPending, B = () => {
+		T(null);
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative",
+		children: [M ? /* @__PURE__ */ b("div", {
+			className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full",
+			children: /* @__PURE__ */ b(_, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" })
+		}) : /* @__PURE__ */ x(y, { children: [
+			z && /* @__PURE__ */ b("div", {
+				className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10",
+				children: /* @__PURE__ */ b(_, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" })
+			}),
+			/* @__PURE__ */ x(e, { children: [/* @__PURE__ */ b(t, {
+				align: "inline-start",
+				children: /* @__PURE__ */ b(v, {})
+			}), /* @__PURE__ */ b(n, {
+				placeholder: C._("Search"),
+				onChange: (e) => P(e.target.value)
+			})] }),
+			/* @__PURE__ */ x(i, {
+				className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md",
+				children: [/* @__PURE__ */ b(c, { children: /* @__PURE__ */ x(l, {
+					className: "ttw:hover:bg-transparent ttw:border-border",
+					children: [
+						/* @__PURE__ */ b(s, {
+							className: "ttw:w-[35%]",
+							children: C._("Unit label")
+						}),
+						/* @__PURE__ */ b(s, {
+							className: "ttw:w-[55%]",
+							children: C._("Description (optional)")
+						}),
+						/* @__PURE__ */ b(s, { className: "ttw:w-[10%]" })
+					]
+				}) }), /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(d, { isEditMode: !1 }), F.map((e) => w?.id === e.id ? /* @__PURE__ */ b(d, {
+					isEditMode: !0,
+					initialValues: e,
+					onCancel: B,
+					onEdit: () => T(null),
+					id: e.id
+				}, e.id) : /* @__PURE__ */ x(l, {
+					className: "ttw:border-border",
+					children: [
+						/* @__PURE__ */ b(o, {
+							className: "ttw:w-[35%] ttw:text-sm ttw:truncate",
+							children: e.name
+						}),
+						/* @__PURE__ */ b(o, {
+							className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate",
+							children: e.description || "—"
+						}),
+						/* @__PURE__ */ b(o, {
+							className: "ttw:w-[10%]",
+							children: /* @__PURE__ */ b(p, {
+								permissions: {
+									isUpdateAllowed: !0,
+									isDeleteAllowed: !0
+								},
+								onEdit: () => T(e),
+								onDelete: () => I(e)
+							})
+						})
+					]
+				}, e.id))] })]
+			})
+		] }), /* @__PURE__ */ b(f, {
+			open: O,
+			id: E?.id,
+			name: E?.name || "",
+			isLoading: z,
+			onClose: L,
+			onDelete: R
+		})]
 	});
 };
 //#endregion
-export { d as ManageMeasureUnits };
+export { C as ManageMeasureUnitsForm };

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

@@ -1,48 +1,39 @@
-import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "./index105.js";
-import { ManageMeasureUnits as a } from "./index492.js";
-import { useState as o } from "react";
-import { Plus as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
+import { Button as e } from "./index56.js";
+import { Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "./index50.js";
+import { ManageMeasureUnitsForm as s } from "./index492.js";
+import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index493.js
-var f = "__none__", p = ({ value: p, availableMeasureUnits: m, error: h, fieldError: g, disabled: _ = !1, onChange: v }) => {
-	let { i18n: y } = d(), [b, x] = o(!1);
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(e, {
-		value: p || f,
-		onValueChange: (e) => {
-			if (e === "create") {
-				x(!0);
-				return;
-			}
-			v(e === f ? "" : e);
-		},
-		disabled: _,
-		children: [/* @__PURE__ */ l(r, {
-			"aria-invalid": h || !!g || void 0,
-			className: "ttw:w-22",
-			children: /* @__PURE__ */ l(i, {
-				className: "ttw:truncate",
-				placeholder: y._("Select")
-			})
-		}), /* @__PURE__ */ u(t, { children: [
-			/* @__PURE__ */ u(n, {
-				value: "create",
-				className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary",
-				children: [/* @__PURE__ */ l(s, { className: "ttw:text-primary" }), y._("Manage measure units")]
-			}),
-			/* @__PURE__ */ l(n, {
-				value: f,
-				children: y._("None")
-			}),
-			m?.map((e) => /* @__PURE__ */ l(n, {
-				value: e.id,
-				children: e.name
-			}, e.id))
-		] })]
-	}), b && /* @__PURE__ */ l(a, {
-		open: !0,
-		handleClose: () => x(!1)
-	})] });
+var d = ({ handleClose: d, open: f }) => {
+	let { i18n: p } = u();
+	return /* @__PURE__ */ c(t, {
+		open: f,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(n, {
+			side: "right",
+			className: "ttw:gap-0 ttw:p-0",
+			children: [
+				/* @__PURE__ */ l(a, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ c(o, { children: p._("Manage measure units") }), /* @__PURE__ */ c(r, {
+						hidden: !0,
+						children: p._("Manage measure units")
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "ttw:flex-1 ttw:overflow-y-auto ttw:px-6 ttw:py-4",
+					children: /* @__PURE__ */ c(s, {})
+				}),
+				/* @__PURE__ */ c(i, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: /* @__PURE__ */ c(e, {
+						onClick: d,
+						children: p._("Done")
+					})
+				})
+			]
+		})
+	});
 };
 //#endregion
-export { p as MeasureUnitField };
+export { d as ManageMeasureUnits };

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

@@ -1,75 +1,48 @@
-import { Button as e } from "./index56.js";
-import { Checkbox as t } from "./index103.js";
-import { ItemSelector as n } from "./index475.js";
-import { PriceField as r } from "./index476.js";
-import { QuantityField as i } from "./index477.js";
-import { MeasureUnitField as a } from "./index493.js";
-import { memo as o } from "react";
-import { Trash2 as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "./index105.js";
+import { ManageMeasureUnits as a } from "./index493.js";
+import { useState as o } from "react";
+import { Plus as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index494.js
-var u = o(({ index: o, control: u, errors: d, defaultCurrency: f = "USD", measureUnitsData: p, container: m, onRequestLineItemValue: h, onLineItemValueChange: g, onUpdateItem: _, onRemoveItem: v, canRemove: y, autoFocusName: b = !1 }) => {
-	let x = !!d.line_items?.[o]?.product?.name, S = !!d.line_items?.[o]?.quantity, C = !!d.line_items?.[o]?.product?.price?.value, w = h("product.name"), T = !!(w && w.trim()), E = d.line_items?.[o]?.product?.measure_unit_id;
-	return /* @__PURE__ */ l("li", {
-		className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex-1 ttw:min-w-30",
-				children: /* @__PURE__ */ c(n, {
-					onChange: (e, t) => _(o, e, t),
-					fieldName: h("product.name") || "",
-					index: o,
-					error: x,
-					autoFocus: b,
-					defaultCurrency: f,
-					measureUnits: p,
-					container: m
-				})
+var f = "__none__", p = ({ value: p, availableMeasureUnits: m, error: h, fieldError: g, disabled: _ = !1, onChange: v }) => {
+	let { i18n: y } = d(), [b, x] = o(!1);
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u(e, {
+		value: p || f,
+		onValueChange: (e) => {
+			if (e === "create") {
+				x(!0);
+				return;
+			}
+			v(e === f ? "" : e);
+		},
+		disabled: _,
+		children: [/* @__PURE__ */ l(r, {
+			"aria-invalid": h || !!g || void 0,
+			className: "ttw:w-22",
+			children: /* @__PURE__ */ l(i, {
+				className: "ttw:truncate",
+				placeholder: y._("Select")
+			})
+		}), /* @__PURE__ */ u(t, { children: [
+			/* @__PURE__ */ u(n, {
+				value: "create",
+				className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary",
+				children: [/* @__PURE__ */ l(s, { className: "ttw:text-primary" }), y._("Manage measure units")]
 			}),
-			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(i, {
-				index: o,
-				control: u,
-				quantityError: S,
-				canRemove: y,
-				hasProduct: T,
-				onLineItemValueChange: g,
-				onRemoveItem: v
-			}) }),
-			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(a, {
-				value: h("product.measure_unit_id"),
-				onChange: (e) => {
-					g("product.measure_unit_id", e, { shouldValidate: !0 });
-				},
-				availableMeasureUnits: p?.data || [],
-				fieldError: E
-			}) }),
-			/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(r, {
-				error: C,
-				currency: f,
-				value: h("product.price.value"),
-				onChange: (e) => {
-					g("product.price.value", e, { shouldValidate: !0 });
-				}
-			}) }),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center",
-				children: /* @__PURE__ */ c(t, {
-					checked: h("taxable") ?? !1,
-					onCheckedChange: (e) => {
-						g("taxable", e === !0);
-					}
-				})
+			/* @__PURE__ */ l(n, {
+				value: f,
+				children: y._("None")
 			}),
-			y && /* @__PURE__ */ c(e, {
-				type: "button",
-				variant: "ghost",
-				size: "sm",
-				className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0",
-				onClick: () => v(o),
-				children: /* @__PURE__ */ c(s, {})
-			})
-		]
-	});
-});
+			m?.map((e) => /* @__PURE__ */ l(n, {
+				value: e.id,
+				children: e.name
+			}, e.id))
+		] })]
+	}), b && /* @__PURE__ */ l(a, {
+		open: !0,
+		handleClose: () => x(!1)
+	})] });
+};
 //#endregion
-export { u as InvoiceItemRow };
+export { p as MeasureUnitField };