@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,88 +1,40 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupButton as n, InputGroupInput as r } from "./index103.js";
-import { useEffect as i, useState as a } from "react";
-import { Minus as o, Plus as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { Controller as u } from "react-hook-form";
+import { Typography as e } from "./index62.js";
+import { RECEIPT_DUE_PAYMENT_TERM as t } from "./index226.js";
+import { Switch as n } from "./index464.js";
+import { ReminderBeforeDueDate as r } from "./index465.js";
+import { ReminderOverdue as i } from "./index466.js";
+import { useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useLingui as l } from "@lingui/react";
+import { useFormContext as u } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index467.js
-var d = (e) => Math.round(e * 100) / 100, f = (e) => {
-	let t = e.replace(/[^0-9.]/g, ""), n = t.indexOf(".");
-	return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
-}, p = ({ field: u, index: p, canRemove: m, hasProduct: h, hasQuantityError: g, onLineItemValueChange: _, onRemoveItem: v }) => {
-	let y = Math.max(0, Number(u.value) || 0), b = +!m, [x, S] = a(y === 0 ? "" : String(y)), [C, w] = a(!1);
-	i(() => {
-		if (!C) {
-			let e = y === 0 ? "" : String(y);
-			e !== x && S(e);
-		}
-	}, [
-		y,
-		C,
-		x
-	]);
-	let T = (e) => {
-		let t = d(e);
-		if (t <= 0 && m) {
-			v(p);
-			return;
-		}
-		_("quantity", Math.max(b, t), { shouldValidate: !0 });
-	};
-	return /* @__PURE__ */ l(e, {
-		className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
-		children: [
-			/* @__PURE__ */ c(t, {
-				align: "inline-start",
-				children: /* @__PURE__ */ c(n, {
-					type: "button",
-					size: "icon-xs",
-					disabled: !h || !m && y <= 1,
-					onClick: () => T(y - 1),
-					children: /* @__PURE__ */ c(o, {})
-				})
-			}),
-			/* @__PURE__ */ c(r, {
-				ref: u.ref,
-				name: u.name,
-				type: "text",
-				inputMode: "decimal",
-				"aria-invalid": g || void 0,
-				value: x,
-				className: "ttw:text-center ttw:px-0",
-				onFocus: () => w(!0),
-				onChange: (e) => {
-					let t = f(e.target.value);
-					S(t), _("quantity", t === "" || t === "." ? 0 : Number(t), { shouldValidate: !1 });
+var d = ({ disabled: d }) => {
+	let { i18n: f } = l(), { watch: p, setValue: m } = u(), h = p("payment_terms_id"), g = p("payment_terms_custom_date"), _ = p("payment_reminder_id"), v = p("overdue_reminder_id"), y = !!(h || g), b = !!(_ || v), x = h !== t, [S, C] = a(y || b);
+	return /* @__PURE__ */ c("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-3",
+			children: [/* @__PURE__ */ s(n, {
+				checked: S,
+				disabled: !y,
+				onCheckedChange: (e) => {
+					e || (m("payment_reminder_id", "", { shouldDirty: !0 }), m("overdue_reminder_id", "", { shouldDirty: !0 })), C(e);
 				},
-				onBlur: (e) => {
-					w(!1);
-					let t = f(e.target.value), n = t === "" || t === "." ? 0 : d(Number(t));
-					n <= 0 ? m ? v(p) : (S("1"), _("quantity", 1, { shouldValidate: !0 })) : (S(String(n)), _("quantity", n, { shouldValidate: !0 })), u.onBlur();
-				}
-			}),
-			/* @__PURE__ */ c(t, {
-				align: "inline-end",
-				children: /* @__PURE__ */ c(n, {
-					type: "button",
-					size: "icon-xs",
-					disabled: !h,
-					onClick: () => T(y + 1),
-					children: /* @__PURE__ */ c(s, {})
-				})
-			})
-		]
+				"aria-label": f._("Payment reminders")
+			}), /* @__PURE__ */ s(e, {
+				variant: "body2",
+				children: f._("Send reminders when an invoice is approaching its due date or past due.")
+			})]
+		}), S && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
+			children: [x && /* @__PURE__ */ s(r, { disabled: d }), /* @__PURE__ */ s(i, { disabled: d })]
+		}), /* @__PURE__ */ s(e, {
+			variant: "body2",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: f._("New reminders will be saved to your organization's library and can be managed via Invoice settings")
+		})] })]
 	});
-}, m = ({ index: e, control: t, quantityError: n, canRemove: r, hasProduct: i, onLineItemValueChange: a, onRemoveItem: o }) => /* @__PURE__ */ c(u, {
-	name: `line_items.${e}.quantity`,
-	control: t,
-	render: ({ field: t }) => /* @__PURE__ */ c(p, {
-		field: t,
-		index: e,
-		canRemove: r,
-		hasProduct: i,
-		hasQuantityError: n,
-		onLineItemValueChange: a,
-		onRemoveItem: o
-	})
-});
+};
 //#endregion
-export { m as QuantityField };
+export { d as RemindersSection };

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

@@ -1,16 +1,66 @@
-import { CurrencyEnumSchema as e } from "./index93.js";
-import { z as t } from "zod";
+import { Input as e } from "./index89.js";
+import { Typography as t } from "./index62.js";
+import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
+import { PaymentSection as o } from "./index459.js";
+import { RecurrenceSection as s } from "./index463.js";
+import { RemindersSection as c } from "./index467.js";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
+import { Controller as f, useFormContext as p } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index468.js
-var n = (n) => t.object({
-	name: t.string().trim().min(1, n._("Product name is required")).max(100, n._("Product name must be 100 characters or less")).meta({ title: n._("Product Name") }),
-	type: t.enum(["product", "service"], n._("Product type is required")).meta({ title: n._("Type") }),
-	pricePerUnit: t.number().min(0, n._("Price per unit must be 0 or greater")).meta({ title: n._("Price Per Unit") }),
-	currency: e.meta({ title: n._("Currency") }),
-	description: t.string().trim().max(280, n._("Description must be 280 characters or less")).optional().meta({ title: n._("Description") }),
-	measureUnitId: t.string().optional().meta({ title: n._("Unit") })
-}), r = (e) => t.object({
-	name: t.string().trim().min(1, e._("Unit label is required")),
-	description: t.string().trim().optional()
-});
+var m = ({ paymentTerms: m, disabled: h, isPaymentTermsLoading: g, showPurchaseOrder: _ = !0, lockRecurrenceSchedule: v = !1 }) => {
+	let { i18n: y } = d(), { control: b } = p();
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ l(t, {
+				variant: "h4",
+				children: y._("Billing details")
+			}), /* @__PURE__ */ l(t, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: y._("What are the billing terms?")
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [
+				/* @__PURE__ */ l(s, { lockSchedule: v }),
+				/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full",
+					children: [/* @__PURE__ */ l(o, {
+						paymentTerms: m,
+						disabled: h,
+						isLoading: g
+					}), _ && /* @__PURE__ */ l(f, {
+						name: "purchase_order",
+						control: b,
+						render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ l(n, { children: /* @__PURE__ */ u(r, { children: [
+							/* @__PURE__ */ u(a, {
+								htmlFor: o.name,
+								className: "ttw:text-nowrap",
+								children: [y._("PO Number"), /* @__PURE__ */ l(t, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:leading-snug",
+									children: y._("(optional)")
+								})]
+							}),
+							/* @__PURE__ */ l(e, {
+								...o,
+								id: o.name,
+								disabled: h,
+								"aria-invalid": !!s
+							}),
+							/* @__PURE__ */ l(i, { errors: s ? [s] : [] })
+						] }) })
+					})]
+				}),
+				/* @__PURE__ */ l(c, { disabled: h })
+			]
+		})]
+	});
+};
 //#endregion
-export { r as getMeasureUnitValidationSchema, n as getProductValidationSchema };
+export { m as BillingSection };

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

@@ -1,23 +1,72 @@
-import { getAPIErrorMessage as e } from "./index26.js";
-import { useMoniteContext as t } from "./index47.js";
-import { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { getLineItemErrorMessage as e } from "./index176.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Alert as a, Collapse as o, List as s, ListItem as c, ListItemText as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index469.js
-var i = (i, a) => {
-	let { api: o, queryClient: s } = t(), { i18n: c } = r();
-	return o.finops.postMeasureUnits.useMutation({}, {
-		onSuccess: async (e) => {
-			await o.finops.getMeasureUnits.invalidateQueries(s), n.success(c._("Unit {name} was added to the list", { name: e.name })), i?.();
-		},
-		onError: async (t) => {
-			let r = e(c, t);
-			if (r.includes("already exists")) {
-				a?.(r);
-				return;
+var d = ({ generalError: e, fieldErrors: t }) => {
+	let u = n(() => {
+		for (let e of Object.values(t)) if (e) return !0;
+		return !1;
+	}, [t]);
+	return e || u ? /* @__PURE__ */ r(o, {
+		in: !0,
+		sx: { ":not(.MuiCollapse-hidden)": { marginBottom: 1 } },
+		children: /* @__PURE__ */ i(a, {
+			severity: "error",
+			sx: { "& .MuiAlert-icon": { alignItems: "center" } },
+			children: [e && /* @__PURE__ */ r("div", { children: e }), u && /* @__PURE__ */ r(s, {
+				dense: !0,
+				disablePadding: !0,
+				sx: { mt: +!!e },
+				children: Object.entries(t).map(([e, t]) => t ? /* @__PURE__ */ r(c, {
+					disablePadding: !0,
+					children: /* @__PURE__ */ r(l, {
+						primary: t,
+						primaryTypographyProps: { sx: { color: "inherit" } }
+					})
+				}, e) : null)
+			})]
+		})
+	}) : null;
+}, f = (r) => {
+	let { i18n: i } = u(), a = n(() => Array.isArray(r) ? r : r ? [r] : [], [r]), o = t((t) => {
+		for (let n = 0; n < a.length; n++) {
+			let r = a[n];
+			if (typeof r == "object") {
+				let n = e(r, t);
+				if (n) return n;
 			}
-			n.error(r);
 		}
-	});
+		return null;
+	}, [a]), s = n(() => o("product.name") ?? o("name"), [o]), c = n(() => o("quantity"), [o]), l = n(() => o("price") ?? o("product.price.value") ?? o("product.price.currency"), [o]), d = n(() => o("tax_rate_value"), [o]), f = n(() => o("product.measure_unit_id") ?? o("product.measure_unit_name") ?? o("measure_unit"), [o]), p = n(() => o("product.type"), [o]), m = n(() => {
+		if (a.length !== 0 && !(s || c || l || d || f || p)) return a.some((e) => {
+			if (!e || typeof e != "object") return !1;
+			let t = Object.keys(e);
+			return t.length > 0 && t.some((t) => e[t] != null);
+		}) ? i._("Please check the form for errors") : void 0;
+	}, [
+		a,
+		s,
+		c,
+		l,
+		d,
+		f,
+		p,
+		i
+	]);
+	return {
+		generalError: m,
+		fieldErrors: {
+			name: s,
+			quantity: c,
+			price: l,
+			tax: d,
+			measureUnit: f,
+			productType: p
+		},
+		hasErrors: !!(m || s || c || l || d || f || p)
+	};
 };
 //#endregion
-export { i as useCreateMeasureUnit };
+export { d as FormErrorDisplay, f as useFormErrors };

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

@@ -1,23 +1,151 @@
-import { getAPIErrorMessage as e } from "./index26.js";
+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 { toast as n } from "react-hot-toast";
-import { useLingui as r } from "@lingui/react";
+import { useCurrencies as n } from "./index63.js";
+import { InputGroupAddon as r } from "./index103.js";
+import { Combobox as i, ComboboxContent as a, ComboboxEmpty as o, ComboboxInput as s, ComboboxItem as c, ComboboxList as l } from "./index104.js";
+import "./index189.js";
+import { useUserPermissions as u } from "./index112.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { Loader2 as h } from "lucide-react";
+import { 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/index470.js
-var i = (i, a, o) => {
-	let { api: s, queryClient: c } = t(), { i18n: l } = r();
-	return s.finops.patchMeasureUnitsId.useMutation({ path: { unit_id: i } }, {
-		onSuccess: async (e) => {
-			await Promise.all([s.finops.getMeasureUnits.invalidateQueries(c), s.finops.getMeasureUnitsId.invalidateQueries({ parameters: { path: { unit_id: i } } }, c)]), n.success(l._("Unit {name} was updated", { name: e.name })), a?.();
+var y = "custom", b = ({ fieldName: y, error: b, disabled: x, index: S = 0, defaultCurrency: C, measureUnits: w, container: T, autoFocus: E = !1, onChange: D }) => {
+	let { i18n: O } = v(), k = C, [A, j] = m(""), [M, N] = m(!1), [ee, P] = m(null), [F, I] = m(!1), { api: L } = t(), { formatCurrencyToDisplay: R } = n(), z = u().has(e.InvoiceWriteOrg), { data: B, isLoading: V, fetchNextPage: H, hasNextPage: U, isFetchingNextPage: W } = L.finops.getProducts.useInfiniteQuery({ query: {
+		limit: 20,
+		currency: k
+	} }, {
+		initialPageParam: { query: { pagination_token: void 0 } },
+		getNextPageParam: (e) => {
+			if (e.next_pagination_token) return { query: { pagination_token: e.next_pagination_token } };
 		},
-		onError: (t) => {
-			let r = e(l, t);
-			if (r.includes("already exists")) {
-				o?.(r);
-				return;
-			}
-			n.error(r);
+		enabled: !!k
+	}), G = d((e) => {
+		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e.currentTarget;
+		n - t - r < 100 && U && !W && H();
+	}, [
+		H,
+		U,
+		W
+	]), K = p(() => B ? B.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [B]), q = p(() => !K || K.length === 0 ? [] : K.map((e) => {
+		let t = w ? w.data.find((t) => t.id === e.measure_unit_id) : void 0;
+		return {
+			id: e.id,
+			label: e.name,
+			description: e.description,
+			price: e.price,
+			smallestAmount: e.smallest_amount,
+			measureUnit: t
+		};
+	}), [K, w]);
+	f(() => {
+		!M && y && y.length > 0 && !A.length && (K?.find((e) => e?.name === y) || j(y));
+	}, [
+		y,
+		M,
+		K,
+		A
+	]);
+	let J = K?.find((e) => e?.id === ee);
+	if (!M && y && y.length > 0 && !A.length && !J) {
+		let e = K?.find((e) => e?.name === y);
+		e && (J = e);
+	}
+	let Y = J ? J.id : null, X = J ? J.name : A, Z = p(() => {
+		let e = X.toLowerCase().trim();
+		return !e || J && J.name.toLowerCase() === e ? q : q.filter((t) => t.label.toLowerCase().includes(e));
+	}, [
+		X,
+		q,
+		J
+	]), Q = p(() => Z.map((e) => e.id), [Z]), te = d(() => {
+		N(!0), I(!0);
+	}, []), ne = d(() => {
+		N(!1);
+	}, []), $ = d((e) => {
+		if (!e) {
+			P(null), j(""), D({
+				id: "",
+				label: ""
+			}, !1);
+			return;
 		}
+		let t = q.find((t) => t.id === e);
+		t && (P(t.id), j(""), D(t, !0));
+	}, [q, D]), re = d((e, t) => {
+		if (t.reason !== "input-change") {
+			z || j("");
+			return;
+		}
+		j(e), P(null), z && D(e.trim() ? {
+			id: "custom",
+			label: e
+		} : {
+			id: "",
+			label: ""
+		}, !1);
+	}, [z, D]);
+	return /* @__PURE__ */ _(i, {
+		value: Y,
+		onValueChange: $,
+		inputValue: X,
+		onInputValueChange: re,
+		items: Q,
+		filter: () => !0,
+		disabled: x,
+		open: F,
+		onOpenChange: I,
+		children: [/* @__PURE__ */ g(s, {
+			id: `item-selector-${S}`,
+			placeholder: z ? O._("e.g., Office supplies") : O._("Search for an item"),
+			"aria-invalid": b || void 0,
+			maxLength: 100,
+			autoFocus: E,
+			onFocus: te,
+			onBlur: ne,
+			onClick: () => {
+				F || I(!0);
+			},
+			onKeyDown: (e) => {
+				if (e.key === "Enter") e.preventDefault(), I(!1);
+				else if (e.key === "Tab" && F) {
+					let e = X.toLowerCase().trim();
+					if (!e) return;
+					let t = Z.find((t) => t.label.toLowerCase() === e) ?? (Z.length === 1 ? Z[0] : void 0);
+					t && ($(t.id), I(!1));
+				}
+			},
+			className: "ttw:w-full",
+			children: V && /* @__PURE__ */ g(r, {
+				align: "inline-start",
+				children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
+			})
+		}), /* @__PURE__ */ g(a, {
+			container: T,
+			className: "ttw:min-w-138",
+			children: /* @__PURE__ */ _(l, {
+				onScroll: G,
+				children: [
+					/* @__PURE__ */ g(o, { children: z ? O._("No saved items found - type to add an item") : O._("No saved items found") }),
+					Z.map((e) => /* @__PURE__ */ _(c, {
+						value: e.id,
+						children: [/* @__PURE__ */ g("span", {
+							className: "ttw:flex-1 ttw:min-w-0 ttw:truncate",
+							children: e.label
+						}), /* @__PURE__ */ g("span", {
+							className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground",
+							children: [e.price && R(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ")
+						})]
+					}, e.id)),
+					W && /* @__PURE__ */ g("div", {
+						className: "ttw:flex ttw:justify-center ttw:py-1",
+						children: /* @__PURE__ */ g(h, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" })
+					})
+				]
+			})
+		})]
 	});
 };
 //#endregion
-export { i as useUpdateMeasureUnit };
+export { y as CUSTOM_ID, b as ItemSelector };

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

@@ -1,102 +1,64 @@
-import { Button as e } from "./index56.js";
-import { Input as t } from "./index89.js";
-import { TableCell as n, TableRow as r } from "./index241.js";
-import { getMeasureUnitValidationSchema as i } from "./index468.js";
-import { useCreateMeasureUnit as a } from "./index469.js";
-import { useUpdateMeasureUnit as o } from "./index470.js";
-import { Check as s, X as c } from "lucide-react";
+import { useCurrencies as e } from "./index63.js";
+import { InputGroup as t, InputGroupAddon as n, InputGroupInput as r } from "./index103.js";
+import "./index189.js";
+import { formatMinorToMajorCurrency as i, parseMajorToMinorCurrency as a } from "./index176.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
 import { useLingui as d } from "@lingui/react";
-import { Controller as f, useForm as p } from "react-hook-form";
-import { zodResolver as m } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index471.js
-var h = {
-	name: "",
-	description: ""
-}, g = ({ id: g, isEditMode: _, initialValues: v = h, onCancel: y, onEdit: b }) => {
-	let { i18n: x } = d(), S = i(x), { handleSubmit: C, control: w, reset: T, setError: E } = p({
-		defaultValues: v,
-		resolver: m(S)
-	}), D = a(() => T(), (e) => E("name", {
-		type: "custom",
-		message: e
-	})), O = o(g ?? "", () => b?.(), (e) => E("name", {
-		type: "custom",
-		message: e
-	})), k = (e) => {
-		if (!_ || !g) {
-			console.error("handleEdit called without valid id or edit mode");
-			return;
+var f = ({ value: f, error: p = !1, currency: m, disabled: h = !1, onChange: g, locale: _ }) => {
+	let { getSymbolFromCurrency: v } = e(), { i18n: y } = d(), b = _ ?? y.locale, x = s(() => new Intl.NumberFormat(b, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}), [b]), { decimalSeparator: S, groupSeparator: C } = s(() => {
+		let e = new Intl.NumberFormat(b).formatToParts(12345.67);
+		return {
+			decimalSeparator: e.find((e) => e.type === "decimal")?.value || ".",
+			groupSeparator: e.find((e) => e.type === "group")?.value || ""
+		};
+	}, [b]), [w, T] = c(i(f, x)), [E, D] = c(!1);
+	return o(() => {
+		if (!E) {
+			let e = i(f, x);
+			e !== w && T(e);
 		}
-		O.mutate(e);
-	}, A = (e) => {
-		D.mutate(e);
-	}, j = D.isPending || O.isPending;
-	return /* @__PURE__ */ l(r, {
-		className: "ttw:border-border ttw:hover:bg-transparent",
-		children: /* @__PURE__ */ l(n, {
-			colSpan: 3,
-			className: "ttw:w-full ttw:whitespace-normal",
-			children: /* @__PURE__ */ u("div", {
-				className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start",
-				children: [
-					/* @__PURE__ */ l(f, {
-						name: "name",
-						control: w,
-						render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ u("div", {
-							className: "ttw:w-[35%]",
-							children: [/* @__PURE__ */ l(t, {
-								...e,
-								disabled: j,
-								"aria-invalid": !!n || void 0,
-								className: "ttw:h-8"
-							}), n && /* @__PURE__ */ l("p", {
-								className: "ttw:text-xs ttw:text-destructive ttw:mt-1",
-								children: n.message
-							})]
-						})
-					}),
-					/* @__PURE__ */ l(f, {
-						name: "description",
-						control: w,
-						render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ l("div", {
-							className: "ttw:w-[55%]",
-							children: /* @__PURE__ */ l(t, {
-								...e,
-								id: e.name,
-								disabled: j,
-								"aria-invalid": !!n || void 0,
-								className: "ttw:h-8"
-							})
-						})
-					}),
-					_ ? /* @__PURE__ */ u("div", {
-						className: "ttw:flex ttw:justify-center ttw:gap-1",
-						children: [/* @__PURE__ */ l(e, {
-							variant: "outline",
-							size: "icon",
-							className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-							disabled: O.isPending,
-							onClick: C(k),
-							children: /* @__PURE__ */ l(s, { className: "ttw:size-4" })
-						}), /* @__PURE__ */ l(e, {
-							variant: "outline",
-							size: "icon",
-							className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-							onClick: y,
-							children: /* @__PURE__ */ l(c, { className: "ttw:size-4" })
-						})]
-					}) : /* @__PURE__ */ l(e, {
-						variant: "outline",
-						size: "sm",
-						className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0",
-						onClick: C(A),
-						children: x._("Add")
-					})
-				]
-			})
-		})
+	}, [
+		f,
+		E,
+		b,
+		x,
+		w
+	]), /* @__PURE__ */ u(t, {
+		className: "ttw:max-w-41 ttw:w-full ttw:min-w-29",
+		children: [/* @__PURE__ */ l(n, {
+			align: "inline-start",
+			children: v(m) || m
+		}), /* @__PURE__ */ l(r, {
+			type: "text",
+			inputMode: "decimal",
+			className: "ttw:text-right",
+			"aria-invalid": p || void 0,
+			disabled: h,
+			value: w,
+			onChange: (e) => {
+				let t = e.target.value;
+				T(t);
+			},
+			onFocus: () => {
+				D(!0);
+			},
+			onBlur: (e) => {
+				D(!1);
+				let t = e.target.value.trim();
+				if (t === "") {
+					T(i(0, x)), g(0);
+					return;
+				}
+				let n = a(t, S, C);
+				T(i(n, x)), g(n);
+			}
+		})]
 	});
 };
 //#endregion
-export { g as MeasureUnitsFormRow };
+export { f as PriceField };