@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,30 +1,23 @@
-import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { classNames as a } from "./index190.js";
-import { Stack as e } from "@mui/material";
-const x = ({
-  className: t,
-  searchField: i,
-  children: s,
-  sx: n
-}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
-  "& > *": {
-    flexBasis: "fit-content",
-    flexGrow: 1
-  },
-  "& > .Monite-SearchField": {
-    maxWidth: "400px",
-    width: "100%"
-  }
-}, n || {}), children: [
-  i,
-  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
-    ml: 2,
-    "& .Monite-FilterControl": {
-      maxWidth: "160px",
-      width: "100%"
-    }
-  }, children: s })
-] });
-export {
-  x as FilterContainer
-};
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index293.js
+var e = [
+	"document_type",
+	"department",
+	"project",
+	"cost_center",
+	"vendor_type",
+	"payment_method",
+	"approval_status"
+], t = (e) => ({
+	document_type: e._("Document Type"),
+	department: e._("Department"),
+	project: e._("Project"),
+	cost_center: e._("Cost Center"),
+	vendor_type: e._("Vendor Type"),
+	payment_method: e._("Payment Method"),
+	approval_status: e._("Approval Status")
+});
+function n(e, n) {
+	return e ? t(n)[e] : "";
+}
+//#endregion
+export { n as getTagCategoryLabel, e as tagCategories };

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

@@ -1,31 +1,54 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { useDebounceCallback as c } from "./index65.js";
-import m from "@mui/icons-material/Search";
-import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
-const u = 500, x = ({
-  label: r,
-  value: o,
-  placeholder: l,
-  onChange: n
-}) => {
-  const t = c((a) => n(a), u);
-  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
-    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
-    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
-      t(a.target.value || null);
-    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
-      "&::placeholder": {
-        opacity: 1,
-        color: "text.primary"
-      },
-      "& input::placeholder": {
-        opacity: 1,
-        color: "text.primary"
-      }
-    } })
-  ] });
-};
-export {
-  u as DEBOUNCE_SEARCH_TIMEOUT,
-  x as SearchField
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useEntitySettings as n, usePatchEntitiesIdSettings as r } from "./index136.js";
+import "./index138.js";
+import { toast as i } from "react-hot-toast";
+import { useLingui as a } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index294.js
+var o = ({ setNameError: o, onTagCreated: s, onTagUpdated: c }) => {
+	let { i18n: l } = a(), { api: u, queryClient: d } = t(), { data: f } = n(), { mutateAsync: p } = r(), m = f?.payables_ocr_auto_tagging || [], h = u.finops.postTags.useMutation({}, {
+		onSuccess: () => u.finops.getTags.invalidateQueries(d),
+		onError: (t) => {
+			let n = e(l, t);
+			n === "This tag already exists." ? o?.(n) : i.error(n);
+		}
+	}), g = u.finops.patchTagsId.useMutation(void 0, {
+		onSuccess: (e) => {
+			Promise.all([u.finops.getTags.invalidateQueries(d), u.finops.getTagsId.invalidateQueries({ parameters: { path: { tag_id: e.id } } }, d)]), c?.(e);
+		},
+		onError: (t) => {
+			i.error(e(l, t));
+		}
+	});
+	return {
+		tagsWithKeywords: Object.fromEntries(m.map((e) => [e.tag_id, e.keywords])),
+		inProgress: h.isPending || g.isPending,
+		createTag: (e) => h.mutateAsync({ ...e }, { onSuccess: (e) => s?.(e) }),
+		updateTag: (e, t) => g.mutateAsync({
+			path: { tag_id: e },
+			body: t
+		}),
+		updateOcrAutoTagging: (e, t = []) => {
+			let n = m.filter((t) => t.tag_id !== e);
+			if (n.length === m.length && !t.length) return;
+			let r = t.length ? [...n, {
+				tag_id: e,
+				keywords: [...new Set(t)],
+				enabled: !0
+			}] : n;
+			r.length && p({
+				tax_mode: f.tax_mode,
+				payment_priority: f.payment_priority,
+				quote_signature_required: f.quote_signature_required,
+				receivable_edit_flow: f.receivable_edit_flow,
+				allow_purchase_order_autolinking: f.allow_purchase_order_autolinking,
+				generate_paid_invoice_pdf: f.generate_paid_invoice_pdf,
+				payables_ocr_auto_tagging: r,
+				payables_skip_approval_flow: f.payables_skip_approval_flow,
+				tax_inclusive_discount_mode: f.tax_inclusive_discount_mode
+			});
+		}
+	};
 };
+//#endregion
+export { o as useTags };

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

@@ -1,80 +1,66 @@
-function i({
-  layout: r,
-  navigationPosition: e,
-  pageSizePosition: t,
-  hasPageSizeSelect: n
-}) {
-  if (!n)
-    return {
-      justifyContent: "center",
-      flexDirection: "row",
-      gap: void 0
-    };
-  if (r === "custom") {
-    if (e === "center" && t === "center")
-      return {
-        justifyContent: "center",
-        flexDirection: "row",
-        gap: 3
-      };
-    if (e === "left" && t === "left")
-      return {
-        justifyContent: "flex-start",
-        flexDirection: "row",
-        gap: 3
-      };
-    if (e === "right" && t === "right")
-      return {
-        justifyContent: "flex-end",
-        flexDirection: "row-reverse",
-        gap: 3
-      };
-    if (e === "left" && t === "right")
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row",
-        gap: void 0
-      };
-    if (e === "right" && t === "left")
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row-reverse",
-        gap: void 0
-      };
-    if (e === "center")
-      return {
-        justifyContent: "space-around",
-        flexDirection: t === "left" ? "row-reverse" : "row",
-        gap: void 0
-      };
-    if (t === "center")
-      return {
-        justifyContent: "space-around",
-        flexDirection: e === "left" ? "row" : "row-reverse",
-        gap: void 0
-      };
-  }
-  switch (r) {
-    case "reversed":
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row-reverse",
-        gap: void 0
-      };
-    case "centered":
-      return {
-        justifyContent: "center",
-        flexDirection: "row",
-        gap: 3
-      };
-    default:
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row",
-        gap: void 0
-      };
-  }
+import { cn as e } from "./index49.js";
+import { Label as t } from "./index87.js";
+import * as n from "react";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { Controller as a, FormProvider as o, useFormContext as s, useFormState as c } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index295.js
+var l = o, u = n.createContext({}), d = ({ ...e }) => /* @__PURE__ */ r(u.Provider, {
+	value: { name: e.name },
+	children: /* @__PURE__ */ r(a, { ...e })
+}), f = () => {
+	let e = n.useContext(u), t = n.useContext(p), { getFieldState: r } = s(), i = c({ name: e.name }), a = r(e.name, i);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: o } = t;
+	return {
+		id: o,
+		name: e.name,
+		formItemId: `${o}-form-item`,
+		formDescriptionId: `${o}-form-item-description`,
+		formMessageId: `${o}-form-item-message`,
+		...a
+	};
+}, p = n.createContext({});
+function m({ className: t, ...i }) {
+	let a = n.useId();
+	return /* @__PURE__ */ r(p.Provider, {
+		value: { id: a },
+		children: /* @__PURE__ */ r("div", {
+			"data-slot": "form-item",
+			className: e("ttw:grid ttw:gap-2", t),
+			...i
+		})
+	});
 }
-export {
-  i as getLayoutStyles
-};
+function h({ className: n, ...i }) {
+	let { error: a, formItemId: o } = f();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "form-label",
+		"data-error": !!a,
+		className: e("ttw:data-[error=true]:text-destructive", n),
+		htmlFor: o,
+		...i
+	});
+}
+function g({ ...e }) {
+	let { error: t, formItemId: n, formDescriptionId: a, formMessageId: o } = f();
+	return /* @__PURE__ */ r(i, {
+		"data-slot": "form-control",
+		id: n,
+		"aria-describedby": t ? `${a} ${o}` : `${a}`,
+		"aria-invalid": !!t,
+		...e
+	});
+}
+function _({ className: t, ...n }) {
+	let { error: i, formMessageId: a } = f(), o = i ? String(i?.message ?? "") : n.children;
+	return o ? /* @__PURE__ */ r("p", {
+		"data-slot": "form-message",
+		id: a,
+		className: e("ttw:text-destructive ttw:text-sm", t),
+		...n,
+		children: o
+	}) : null;
+}
+//#endregion
+export { l as Form, g as FormControl, d as FormField, m as FormItem, h as FormLabel, _ as FormMessage, f as useFormField };

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

@@ -1,69 +1,53 @@
-import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
-import { MeasureUnitsFormRow as f } from "./index402.js";
-import { ConfirmDeleteMeasureUnitDialog as j } from "./index403.js";
-import { TableActions as z } from "./index404.js";
-import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index280.js";
-import { useLingui as I } from "@lingui/react";
-import { Loader2 as b, Search as S } from "lucide-react";
-import { useState as m, useCallback as w } from "react";
-import "./index57.js";
-import "react-hot-toast";
-import { useGetMeasureUnits as _ } from "./index284.js";
-import { useDeleteMeasureUnit as y } from "./index405.js";
-import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index101.js";
-import { useDebounceCallback as R } from "./index65.js";
-const at = () => {
-  const {
-    i18n: i
-  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
-    data: C,
-    isLoading: M
-  } = _(), n = y(a?.name), $ = R((t) => {
-    N(t);
-  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
-    c(t);
-  }, []), o = w(() => {
-    c(null);
-  }, []), U = w(() => {
-    a && n.mutate({
-      path: {
-        unit_id: a.id
-      }
-    }, {
-      onSuccess: () => o()
-    });
-  }, [n, a, o]), p = n.isPending, v = () => {
-    s(null);
-  };
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
-    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
-      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
-      /* @__PURE__ */ r(F, { children: [
-        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
-      ] }),
-      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
-        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
-          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
-        ] }) }),
-        /* @__PURE__ */ r(G, { children: [
-          /* @__PURE__ */ e(f, { isEditMode: !1 }),
-          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
-            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
-              isUpdateAllowed: !0,
-              isDeleteAllowed: !0
-            }, onEdit: () => s(t), onDelete: () => L(t) }) })
-          ] }, t.id))
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
-  ] });
-};
-export {
-  at as ManageMeasureUnitsForm
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { Badge as n } from "./index195.js";
+import * as r from "react";
+import { XIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index296.js
+var s = ({ className: s, value: c, onChange: l, ref: u, ...d }) => {
+	let [f, p] = r.useState("");
+	r.useEffect(() => {
+		if (f.includes(",")) {
+			let e = /* @__PURE__ */ new Set([...c, ...f.split(",").map((e) => e.trim())]);
+			l(Array.from(e)), p("");
+		}
+	}, [
+		f,
+		l,
+		c
+	]);
+	let m = () => {
+		if (f) {
+			let e = /* @__PURE__ */ new Set([...c, f]);
+			l(Array.from(e)), p("");
+		}
+	};
+	return /* @__PURE__ */ o("div", {
+		className: e("ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950", s),
+		children: [c.map((e) => /* @__PURE__ */ o(n, {
+			variant: "secondary",
+			children: [e, /* @__PURE__ */ a(t, {
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:ml-2 ttw:h-3 ttw:w-3",
+				onClick: () => {
+					l(c.filter((t) => t !== e));
+				},
+				children: /* @__PURE__ */ a(i, { className: "ttw:w-3" })
+			})]
+		}, e)), /* @__PURE__ */ a("input", {
+			className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400",
+			value: f,
+			onChange: (e) => p(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), m()) : e.key === "Backspace" && f.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
+			},
+			...d,
+			ref: u
+		})]
+	});
 };
+s.displayName = "InputTags";
+//#endregion
+export { s as InputTags };

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

@@ -1,24 +1,169 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
-}) => {
-  const e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
-};
-export {
-  d as FinanceBannerWrapper
+import { Button as e } from "./index56.js";
+import { Input as t } from "./index89.js";
+import { useRootElements as n } from "./index178.js";
+import "./index179.js";
+import { MoniteScopedProviders as r } from "./index209.js";
+import { Sheet as i, SheetContent as a, SheetDescription as o, SheetFooter as s, SheetHeader as c, SheetTitle as l } from "./index50.js";
+import { Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m } from "./index101.js";
+import { getTagCategoryLabel as h, tagCategories as g } from "./index293.js";
+import { useTags as _ } from "./index294.js";
+import { Form as v, FormControl as y, FormField as b, FormItem as x, FormLabel as S, FormMessage as C } from "./index295.js";
+import { InputTags as w } from "./index296.js";
+import { useEffect as T, useId as E } from "react";
+import { z as D } from "zod";
+import { Fragment as O, jsx as k, jsxs as A } from "@emotion/react/jsx-runtime";
+import { toast as j } from "react-hot-toast";
+import { useLingui as M } from "@lingui/react";
+import { useForm as N } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index297.js
+var F = (e) => D.object({
+	name: D.string().min(1, e._("Required")).max(255, e._("Value must be at most '255' characters")),
+	category: D.union([D.literal(""), D.enum(g)]),
+	keywords: D.array(D.string().min(2, e._("Keyword should be at least 2 characters long")).max(25, e._("Keyword should be at most 25 characters long")))
+}), I = (e) => /* @__PURE__ */ k(r, { children: /* @__PURE__ */ k(L, { ...e }) }), L = ({ tag: r, onCreate: D, onUpdate: I, onDelete: L, onClose: R, open: z, isDeleteAllowed: B }) => {
+	let { i18n: V } = M(), H = F(V), U = N({
+		resolver: P(H),
+		defaultValues: {
+			name: "",
+			category: "",
+			keywords: []
+		}
+	}), { control: W, handleSubmit: G, reset: K, setError: q } = U;
+	T(() => {
+		let e = [];
+		r?.keywords && (Array.isArray(r.keywords) ? e = r.keywords : typeof r.keywords == "string" && (e = r.keywords.split(",").map((e) => e.trim()).filter(Boolean))), K({
+			name: r?.name || "",
+			category: r?.category || "",
+			keywords: e
+		});
+	}, [K, r]);
+	let { createTag: J, updateTag: Y, inProgress: X, updateOcrAutoTagging: Z } = _({
+		setNameError: (e) => {
+			q("name", {
+				type: "custom",
+				message: e
+			});
+		},
+		onTagCreated: (e) => {
+			j.success(V._("New tag “{createdTagName}” created", { createdTagName: e.name })), D?.(e), R?.(), K();
+		},
+		onTagUpdated: (e) => {
+			r && j.success(r.name === e.name ? V._("Tag “{tagName}” was updated”", { tagName: r.name }) : V._("Tag “{tagName}” renamed to “{updatedTagName}”", {
+				tagName: r.name,
+				updatedTagName: e.name
+			})), I?.(e), R?.(), K();
+		}
+	}), { root: Q } = n(), $ = `Monite-Form-tag-${E()}`;
+	return /* @__PURE__ */ k(O, { children: /* @__PURE__ */ k(i, {
+		open: z,
+		onOpenChange: R,
+		children: /* @__PURE__ */ A(a, {
+			container: Q,
+			className: "Monite-Payables ttw:w-[600px]",
+			children: [
+				/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(l, { children: r ? V._("Edit tag ”{tagName}”", { tagName: r.name }) : V._("Create new tag") }), /* @__PURE__ */ k(o, {
+					className: "ttw:sr-only",
+					children: r ? V._("Edit tag ”{tagName}”", { tagName: r.name }) : V._("Create new tag")
+				})] }),
+				/* @__PURE__ */ k(v, {
+					...U,
+					children: /* @__PURE__ */ k("form", {
+						id: $,
+						name: $,
+						onSubmit: (e) => {
+							e.preventDefault(), e.stopPropagation(), G(async (e) => {
+								let { keywords: t, name: n, category: i } = e, a = {
+									name: n,
+									...i ? { category: i } : {}
+								}, o = await (r ? Y(r.id, a) : J(a));
+								Z(o.id, t);
+							})(e);
+						},
+						children: /* @__PURE__ */ A("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6",
+							children: [
+								/* @__PURE__ */ k(b, {
+									name: "name",
+									control: W,
+									render: ({ field: e }) => /* @__PURE__ */ A(x, { children: [
+										/* @__PURE__ */ k(S, { children: V._("Name") }),
+										/* @__PURE__ */ k(y, { children: /* @__PURE__ */ k(t, {
+											autoFocus: !0,
+											...e
+										}) }),
+										/* @__PURE__ */ k(C, {})
+									] })
+								}),
+								/* @__PURE__ */ k(b, {
+									name: "category",
+									control: W,
+									render: ({ field: e }) => /* @__PURE__ */ A(x, { children: [
+										/* @__PURE__ */ k(S, { children: V._("Category") }),
+										/* @__PURE__ */ A(u, {
+											onValueChange: e.onChange,
+											defaultValue: e.value,
+											children: [/* @__PURE__ */ k(y, { children: /* @__PURE__ */ k(p, {
+												className: "ttw:w-full",
+												children: /* @__PURE__ */ k(m, { placeholder: V._("Not set") })
+											}) }), /* @__PURE__ */ k(d, { children: g.map((e) => /* @__PURE__ */ k(f, {
+												value: e,
+												children: h(e, V)
+											}, e)) })]
+										}),
+										/* @__PURE__ */ k(C, {})
+									] })
+								}),
+								/* @__PURE__ */ k(b, {
+									name: "keywords",
+									control: W,
+									render: ({ field: e }) => /* @__PURE__ */ A(x, {
+										className: "ttw:flex ttw:flex-col",
+										children: [
+											/* @__PURE__ */ k(S, { children: V._("Keywords") }),
+											/* @__PURE__ */ k(w, {
+												...e,
+												value: e.value ?? []
+											}),
+											/* @__PURE__ */ k(C, {})
+										]
+									})
+								})
+							]
+						})
+					})
+				}),
+				/* @__PURE__ */ A(s, {
+					className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2",
+					children: [
+						r && /* @__PURE__ */ k(e, {
+							className: "ttw:mr-auto",
+							variant: "destructive",
+							size: "lg",
+							onClick: () => {
+								L?.(r), R?.();
+							},
+							disabled: !B,
+							children: V._("Delete")
+						}),
+						/* @__PURE__ */ k(e, {
+							variant: "ghost",
+							size: "lg",
+							onClick: R,
+							children: V._("Cancel")
+						}),
+						/* @__PURE__ */ k(e, {
+							type: "submit",
+							form: $,
+							size: "lg",
+							disabled: X,
+							children: r ? V._("Save") : V._("Create")
+						})
+					]
+				})
+			]
+		})
+	}) });
 };
+//#endregion
+export { I as TagFormModal };

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

@@ -1,20 +1 @@
-import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as s } from "./index50.js";
-import { FinanceFaqDetails as l } from "./index305.js";
-const d = ({
-  children: e
-}) => {
-  const [a, r] = t(!1);
-  return /* @__PURE__ */ n(i, { children: [
-    e({
-      openModal: () => {
-        r(!0);
-      }
-    }),
-    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
-  ] });
-};
-export {
-  d as FinanceFaqWrapper
-};
+import "./index297.js";