@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,27 +1,92 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index103.js";
-import { useDebounceCallback as r } from "./index185.js";
-import { FILTER_TYPE_SEARCH as i } from "./index541.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";
+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/index542.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 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)
+			})
+		}),
+		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)
+		}),
+		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)
+		}),
+		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 { l as Filters };
+export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };

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

@@ -1,16 +1,105 @@
-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 { 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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.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 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 { a as MeasureUnit };
+export { y as Receivables };

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

@@ -1,173 +1,6 @@
-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 "./index189.js";
-import { MoniteScopedProviders as i } from "./index209.js";
-import { useUserPermissions as a } from "./index112.js";
-import { GetNoRowsOverlay as o } from "./index241.js";
-import { AccessRestriction as s } from "./index242.js";
-import "./index244.js";
-import { DataTable as c } from "./index246.js";
-import { hasSelectedText as l } from "./index247.js";
-import { useGetProducts as u } from "./index382.js";
-import "./index485.js";
-import { ManageMeasureUnits as d } from "./index487.js";
-import { ProductDeleteModal as f } from "./index539.js";
-import { ProductType as p } from "./index540.js";
-import { FILTER_TYPE_SEARCH as m } from "./index541.js";
-import { Filters as ee } from "./index542.js";
-import { MeasureUnit as h } from "./index543.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/index544.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, {});
-};
-//#endregion
-export { D as ProductsTable };
+import "./index449.js";
+import "./index454.js";
+import "./index455.js";
+import "./index512.js";
+import "./index542.js";
+import "./index543.js";

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

@@ -1,210 +1,27 @@
-import { useCurrencies as e } from "./index63.js";
-import { Input as t } from "./index89.js";
-import { InputGroup as n, InputGroupAddon as r, InputGroupInput as i, InputGroupTextarea as a } from "./index103.js";
-import { Combobox as o, ComboboxCollection as s, ComboboxContent as c, ComboboxEmpty as l, ComboboxInput as u, ComboboxItem as d, ComboboxList as f } from "./index104.js";
-import "./index189.js";
-import { Typography as p } from "./index62.js";
-import { Label as m } from "./index87.js";
-import { Field as h, FieldContent as g, FieldError as _, FieldLabel as v } from "./index88.js";
-import { RadioGroup as y, RadioGroupItem as b } from "./index90.js";
-import { useGetMeasureUnits as x } from "./index453.js";
-import "./index485.js";
-import { useCallback as S, useMemo as C, useRef as w } from "react";
-import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
-import { useLingui as D } from "@lingui/react";
-import { twMerge as O } from "tailwind-merge";
-import { Controller as k, useFormContext as A } from "react-hook-form";
+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 j = ({ isLoading: j, isEditMode: M, isProduct: N }) => {
-	let { i18n: P } = D(), { getSymbolFromCurrency: F } = e(), I = w(null), { data: L } = x(), R = L?.data ?? [], { control: z, formState: { errors: B } } = A(), V = C(() => R.map((e) => e.id), [R]), H = C(() => new Map(R.map((e) => [e.id, e.name])), [R]), U = S((e) => H.get(e) ?? e, [H]);
-	return /* @__PURE__ */ E("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			M && /* @__PURE__ */ T("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
-				children: /* @__PURE__ */ T(p, {
-					variant: "body1",
-					className: "ttw:font-medium",
-					children: P._("Editing {type} details", { type: N ? "product" : "service" })
-				})
-			}),
-			/* @__PURE__ */ T(k, {
-				name: "type",
-				control: z,
-				render: ({ field: e }) => /* @__PURE__ */ E("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ T(v, { children: P._("Type") }), /* @__PURE__ */ E(y, {
-						className: "ttw:flex",
-						value: e.value,
-						disabled: j,
-						onValueChange: e.onChange,
-						children: [/* @__PURE__ */ E("div", {
-							className: O("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", e.value === "product" && "ttw:bg-primary/10 ttw:border-primary/30"),
-							children: [/* @__PURE__ */ T(b, {
-								value: "product",
-								id: "type-product",
-								className: O(e.value === "product" ? "ttw:bg-primary" : "ttw:bg-white"),
-								dotClassName: O(e.value === "product" && "ttw:fill-white"),
-								disabled: j
-							}), /* @__PURE__ */ E(m, {
-								htmlFor: "type-product",
-								className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-								children: [/* @__PURE__ */ T(p, {
-									variant: "body2",
-									className: "ttw:leading-3.5",
-									children: P._("Product")
-								}), /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									children: P._("A physical or digital item")
-								})]
-							})]
-						}), /* @__PURE__ */ E("div", {
-							className: O("ttw:flex ttw:p-4 ttw:flex-1 ttw:gap-2 ttw:border ttw:rounded-xl ttw:border-border ttw:hover:bg-primary/10 ttw:hover:border-primary/30", e.value === "service" && "ttw:bg-primary/10 ttw:border-primary/30"),
-							children: [/* @__PURE__ */ T(b, {
-								value: "service",
-								id: "type-service",
-								className: O(e.value === "service" ? "ttw:bg-primary" : "ttw:bg-white"),
-								dotClassName: O(e.value === "service" && "ttw:fill-white"),
-								disabled: j
-							}), /* @__PURE__ */ E(m, {
-								htmlFor: "type-service",
-								className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-1.5",
-								children: [/* @__PURE__ */ T(p, {
-									variant: "body2",
-									className: "ttw:leading-3.5",
-									children: P._("Service")
-								}), /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									children: P._("Work or labor you provide")
-								})]
-							})]
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ T(k, {
-				name: "name",
-				control: z,
-				render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ T(h, { children: /* @__PURE__ */ E(g, { children: [
-					/* @__PURE__ */ T(v, {
-						htmlFor: e.name,
-						children: P._("Name")
-					}),
-					/* @__PURE__ */ T(t, {
-						...e,
-						id: e.name,
-						placeholder: P._("e.g. House blend espresso beans"),
-						className: M ? "ttw:bg-white" : "",
-						disabled: j,
-						"aria-invalid": !!n || void 0
-					}),
-					/* @__PURE__ */ T(_, { errors: [n] })
-				] }) })
-			}),
-			/* @__PURE__ */ E("div", {
-				className: "ttw:w-1/2 ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [
-					/* @__PURE__ */ T(v, { children: P._("Price per unit") }),
-					/* @__PURE__ */ E("div", {
-						className: O("ttw:flex ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-[3px] ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20", M && "ttw:bg-white"),
-						ref: I,
-						children: [
-							/* @__PURE__ */ T(k, {
-								name: "pricePerUnit",
-								control: z,
-								render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ E(n, {
-									className: "ttw:flex-1 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0",
-									children: [/* @__PURE__ */ T(r, {
-										align: "inline-start",
-										children: F("USD")
-									}), /* @__PURE__ */ T(i, {
-										type: "number",
-										name: e.name,
-										ref: e.ref,
-										value: e.value ?? "",
-										onChange: (t) => e.onChange(t.target.value === "" ? void 0 : Number(t.target.value)),
-										className: "ttw:text-end",
-										onBlur: e.onBlur,
-										placeholder: "0.00",
-										"aria-invalid": !!t || void 0,
-										disabled: j
-									})]
-								})
-							}),
-							/* @__PURE__ */ T("div", { className: "ttw:w-px ttw:shrink-0 ttw:bg-border" }),
-							/* @__PURE__ */ T(k, {
-								name: "measureUnitId",
-								control: z,
-								render: ({ field: e }) => /* @__PURE__ */ E(o, {
-									value: e.value ?? null,
-									onValueChange: (t) => e.onChange(t ?? void 0),
-									items: V,
-									itemToStringLabel: U,
-									disabled: j,
-									children: [/* @__PURE__ */ T(u, {
-										showClear: !!e.value,
-										placeholder: "-",
-										disabled: j,
-										className: "ttw:w-28 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0"
-									}), /* @__PURE__ */ T(c, {
-										container: I.current,
-										children: /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(l, { children: P._("No units found") }), /* @__PURE__ */ T(s, { children: (e) => /* @__PURE__ */ T(d, {
-											value: e,
-											children: U(e)
-										}, e) })] })
-									})]
-								})
-							})
-						]
-					}),
-					/* @__PURE__ */ T(_, { errors: [B.pricePerUnit] })
-				]
-			}),
-			/* @__PURE__ */ T(k, {
-				name: "description",
-				control: z,
-				render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ T(h, {
-					className: "ttw:block",
-					children: /* @__PURE__ */ E(g, { children: [
-						/* @__PURE__ */ E(v, {
-							htmlFor: e.name,
-							className: "ttw:gap-1",
-							children: [P._("Description"), /* @__PURE__ */ T(p, {
-								variant: "body2",
-								color: "muted",
-								className: "ttw:leading-snug",
-								children: P._("(optional)")
-							})]
-						}),
-						/* @__PURE__ */ E(n, {
-							className: O(M && "ttw:bg-white"),
-							children: [/* @__PURE__ */ T(a, {
-								...e,
-								id: e.name,
-								placeholder: P._("e.g. 16oz whole bean, medium-dark roast, ground to order"),
-								rows: 4,
-								maxLength: 280,
-								disabled: j,
-								"aria-invalid": !!t || void 0
-							}), /* @__PURE__ */ T(r, {
-								align: "block-end",
-								className: "ttw:cursor-default",
-								children: /* @__PURE__ */ T(p, {
-									variant: "caption",
-									color: "muted",
-									className: "ttw:leading-none",
-									children: P._("{count}/280 characters", { count: (e.value ?? "").length })
-								})
-							})]
-						}),
-						/* @__PURE__ */ T(_, { errors: [t] })
-					] })
-				})
-			})
-		]
+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 { j as ProductFormContent };
+export { a as ProductDeleteModal };