@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,2 +1,169 @@
-import "./index302.js";
-import "./index303.js";
+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 "./index300.js";
+import { useTags as _ } from "./index301.js";
+import { Form as v, FormControl as y, FormField as b, FormItem as x, FormLabel as S, FormMessage as C } from "./index302.js";
+import { InputTags as w } from "./index303.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/index304.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 };