@tesouro/embedded-components-react 0.3.20 → 0.3.23

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

@@ -1,99 +1,160 @@
-import { useCurrencies as e } from "./index63.js";
-import { Button as t } from "./index56.js";
-import "./index217.js";
-import { MoniteScopedProviders as n } from "./index237.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 { 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 "./index237.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 { getProductValidationSchema as d } from "./index478.js";
-import { useCreateProduct as f } from "./index485.js";
-import "./index490.js";
-import { ProductFormContent as p } from "./index551.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 { 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 "./index116.js";
+import { NotFound as y } from "./index239.js";
+import { AccessRestriction as b } from "./index247.js";
+import "./index424.js";
+import { useGetProductById as x } from "./index488.js";
+import { ProductDeleteModal as S } from "./index546.js";
+import { ProductEditForm as C } from "./index553.js";
+import { ProductDetailLine as w } from "./index554.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index555.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, {
+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__ */ v(c, {
-					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ _(l, {
+			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: 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 })
+						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__ */ v(s, {
-					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
-					children: [/* @__PURE__ */ _(i, {
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "ttw:flex ttw:gap-2",
+					children: [L && Q && /* @__PURE__ */ j(p, { children: [/* @__PURE__ */ A(g, {
 						asChild: !0,
-						children: /* @__PURE__ */ _(t, {
+						children: /* @__PURE__ */ A(r, {
+							type: "button",
 							variant: "outline",
-							disabled: k,
-							className: "ttw:flex-1 ttw:border-border",
-							children: T._("Cancel")
+							className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted",
+							children: /* @__PURE__ */ A(E, {})
 						})
-					}), /* @__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 })]
+					}), /* @__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
+							})
+						]
 					})]
 				})
-			]
+			})]
+		})
+	}), 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 { C as CreateProduct };
+export { N as ProductDetails };

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

@@ -1,46 +1,99 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { MoniteScopedProviders as t } from "./index237.js";
-import { useUserPermissions as n } from "./index116.js";
-import { AccessRestriction as r } from "./index247.js";
-import "./index249.js";
-import { ProductsTable as i } from "./index550.js";
-import { ProductDetails as a } from "./index554.js";
-import { CreateProduct as o } from "./index555.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 { useCurrencies as e } from "./index63.js";
+import { Button as t } from "./index56.js";
+import "./index217.js";
+import { MoniteScopedProviders as n } from "./index237.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 "./index478.js";
+import { useCreateProduct as f } from "./index486.js";
+import "./index491.js";
+import { ProductFormContent as p } from "./index552.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index556.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
-		}),
-		h && /* @__PURE__ */ u(o, {
-			open: !0,
-			onClose: y,
-			onCreated: y
-		}),
-		!!p && p && /* @__PURE__ */ u(a, {
-			id: p,
-			open: !0,
-			onClose: v
+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 })]
+					})]
+				})
+			]
 		})
-	] });
+	});
 };
 //#endregion
-export { f as Products };
+export { C as CreateProduct };

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

@@ -1,4 +1,46 @@
-import "./index550.js";
-import "./index554.js";
-import "./index555.js";
-import "./index556.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { MoniteScopedProviders as t } from "./index237.js";
+import { useUserPermissions as n } from "./index116.js";
+import { AccessRestriction as r } from "./index247.js";
+import "./index249.js";
+import { ProductsTable as i } from "./index551.js";
+import { ProductDetails as a } from "./index555.js";
+import { CreateProduct as o } from "./index556.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";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index557.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
+		}),
+		h && /* @__PURE__ */ u(o, {
+			open: !0,
+			onClose: y,
+			onCreated: y
+		}),
+		!!p && p && /* @__PURE__ */ u(a, {
+			id: p,
+			open: !0,
+			onClose: v
+		})
+	] });
+};
+//#endregion
+export { f as Products };

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

@@ -1,16 +1,4 @@
-import { useEntityUserById as e } from "./index133.js";
-import "./index142.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Skeleton as n } from "@mui/material";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index558.js
-var r = ({ id: r }) => {
-	let { data: i, isLoading: a } = e(r);
-	return /* @__PURE__ */ t("span", { children: a ? /* @__PURE__ */ t(n, {
-		animation: "wave",
-		height: 10,
-		width: "100%",
-		sx: { minWidth: "4em" }
-	}) : !!i && `${i?.first_name || ""} ${i?.last_name || ""}` });
-};
-//#endregion
-export { r as UserCell };
+import "./index551.js";
+import "./index555.js";
+import "./index556.js";
+import "./index557.js";

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

@@ -1,27 +1,16 @@
-import { useMoniteContext as e } from "./index47.js";
-import { MoniteScopedProviders as t } from "./index237.js";
-import { ConfirmationModal as n } from "./index59.js";
-import "./index60.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { toast as i } from "react-hot-toast";
-import { useLingui as a } from "@lingui/react";
+import { useEntityUserById as e } from "./index133.js";
+import "./index142.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Skeleton as n } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index559.js
-var o = (e) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(s, { ...e }) }), s = ({ tag: t, onClose: o, onDelete: s, modalOpened: c }) => {
-	let { i18n: l } = a(), u = t?.id, { api: d, queryClient: f } = e(), p = d.finops.deleteTagsId.useMutation({ path: { tag_id: u ?? "" } }, { onSuccess: () => (d.finops.getTagsId.removeQueries({ parameters: { path: { tag_id: u } } }, f), d.finops.getTags.invalidateQueries(f)) });
-	return /* @__PURE__ */ r(n, {
-		open: c,
-		title: l._("Delete “{tagName}” tag?", { tagName: t.name }),
-		message: l._("This action can’t be undone."),
-		confirmLabel: l._("Delete"),
-		cancelLabel: l._("Cancel"),
-		onClose: o,
-		onConfirm: () => {
-			p.mutate(void 0, { onSuccess: () => {
-				i.success(l._("Tag “{tagName}” was deleted", { tagName: t.name })), o?.(), s?.(t.id);
-			} });
-		},
-		isLoading: p.isPending
-	});
+var r = ({ id: r }) => {
+	let { data: i, isLoading: a } = e(r);
+	return /* @__PURE__ */ t("span", { children: a ? /* @__PURE__ */ t(n, {
+		animation: "wave",
+		height: 10,
+		width: "100%",
+		sx: { minWidth: "4em" }
+	}) : !!i && `${i?.first_name || ""} ${i?.last_name || ""}` });
 };
 //#endregion
-export { o as ConfirmDeleteModal };
+export { r as UserCell };

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

@@ -1 +1,27 @@
-import "./index559.js";
+import { useMoniteContext as e } from "./index47.js";
+import { MoniteScopedProviders as t } from "./index237.js";
+import { ConfirmationModal as n } from "./index59.js";
+import "./index60.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { toast as i } from "react-hot-toast";
+import { useLingui as a } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index560.js
+var o = (e) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(s, { ...e }) }), s = ({ tag: t, onClose: o, onDelete: s, modalOpened: c }) => {
+	let { i18n: l } = a(), u = t?.id, { api: d, queryClient: f } = e(), p = d.finops.deleteTagsId.useMutation({ path: { tag_id: u ?? "" } }, { onSuccess: () => (d.finops.getTagsId.removeQueries({ parameters: { path: { tag_id: u } } }, f), d.finops.getTags.invalidateQueries(f)) });
+	return /* @__PURE__ */ r(n, {
+		open: c,
+		title: l._("Delete “{tagName}” tag?", { tagName: t.name }),
+		message: l._("This action can’t be undone."),
+		confirmLabel: l._("Delete"),
+		cancelLabel: l._("Cancel"),
+		onClose: o,
+		onConfirm: () => {
+			p.mutate(void 0, { onSuccess: () => {
+				i.success(l._("Tag “{tagName}” was deleted", { tagName: t.name })), o?.(), s?.(t.id);
+			} });
+		},
+		isLoading: p.isPending
+	});
+};
+//#endregion
+export { o as ConfirmDeleteModal };