@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,86 +1,54 @@
-import { useRootElements as e } from "./index178.js";
-import "./index179.js";
-import { TagFormModal as t } from "./index304.js";
-import { useTags as n } from "./index299.js";
-import "./index305.js";
-import { useMemo as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { Autocomplete as c, Button as l, TextField as u } from "@mui/material";
-import { useLingui as d } from "@lingui/react";
-import { createElement as f } from "@emotion/react";
-import p from "@mui/icons-material/Add";
-import { createFilterOptions as m } from "@mui/material/Autocomplete";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useEntitySettings as n, usePatchEntitiesIdSettings as r } from "./index140.js";
+import "./index142.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/index306.js
-var h = (e) => e ? e.map(({ id: e, name: t }) => ({
-	value: e,
-	label: t
-})) : [], g = "__create-new__";
-function _(e) {
-	return e?.value === g;
-}
-var v = m(), y = ({ disabled: m, value: y, onChange: b, label: x, variant: S = "filled", error: C = !1, helperText: w, required: T = !1 }) => {
-	let { i18n: E } = d(), { root: D } = e(), { tagsQuery: O } = n(), [k, A] = i(!1), j = r(() => y ? h(y) : [], [y]), M = r(() => {
-		let e = O.data?.data || [], t = y || [], n = [...e];
-		return t.forEach((e) => {
-			n.find((t) => t.id === e.id) || n.push(e);
-		}), h(n);
-	}, [O.data?.data, y]), N = (e) => {
-		let t = e.map((e) => e.value), n = O.data?.data?.filter((e) => t.includes(e.id)) || [];
-		b?.(n);
-	}, P = () => {
-		A(!0);
-	};
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
-		open: k,
-		onClose: () => A(!1),
-		onCreate: (e) => {
-			let t = [...y || [], e];
-			b?.(t);
-		},
-		isDeleteAllowed: !1
-	}), /* @__PURE__ */ o(c, {
-		disabled: m,
-		multiple: !0,
-		filterSelectedOptions: !0,
-		getOptionLabel: (e) => e.label,
-		options: M,
-		slotProps: { popper: { container: D } },
-		isOptionEqualToValue: (e, t) => e.value === t.value,
-		value: j,
-		onChange: (e, t) => {
-			N(t || []);
+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);
 		},
-		filterOptions: (e, t) => {
-			let n = v(e, t);
-			return n.unshift({
-				value: g,
-				label: E._("Create new tag")
-			}), n;
-		},
-		renderOption: (e, t) => _(t) ? /* @__PURE__ */ o(l, {
-			variant: "text",
-			startIcon: /* @__PURE__ */ o(p, {}),
-			fullWidth: !0,
-			sx: {
-				justifyContent: "flex-start",
-				px: 2
-			},
-			onClick: P,
-			children: t.label
-		}, t.value) : /* @__PURE__ */ f("li", {
-			...e,
-			key: t.value
-		}, t.label),
-		renderInput: (e) => /* @__PURE__ */ o(u, {
-			...e,
-			label: x,
-			variant: S,
-			fullWidth: !0,
-			error: C,
-			helperText: w,
-			required: T
-		})
-	})] });
+		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 { y as TagsAutocomplete, h as tagsToSelect };
+export { o as useTags };

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

@@ -1,29 +1,66 @@
-import { TagsAutocomplete as e } from "./index306.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { FormControl as n } from "@mui/material";
-import { Controller as r } from "react-hook-form";
+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/index307.js
-var i = ({ control: i, name: a, label: o, variant: s = "filled", disabled: c = !1, required: l = !1, helperText: u }) => /* @__PURE__ */ t(r, {
-	name: a,
-	control: i,
-	render: ({ field: r, fieldState: { error: i } }) => /* @__PURE__ */ t(n, {
-		variant: s,
-		fullWidth: !0,
-		required: l,
-		error: !!i,
-		children: /* @__PURE__ */ t(e, {
-			disabled: c,
-			value: r.value || [],
-			onChange: (e) => {
-				r.onChange(e);
-			},
-			label: o,
-			variant: s,
-			error: !!i,
-			helperText: i?.message || u,
-			required: l
+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
 		})
-	})
-});
+	});
+}
+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 { i as TagsAutocompleteInput };
+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/index308.js

@@ -1,2 +1,60 @@
-import "./index306.js";
-import "./index307.js";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { Badge as n } from "./index223.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/index308.js
+var s = ({ className: s, value: c, onChange: l, onPendingChange: u, ref: d, ...f }) => {
+	let [p, m] = r.useState(""), h = (e) => {
+		m(e), u?.(e);
+	};
+	r.useEffect(() => {
+		if (p.includes(",")) {
+			let e = /* @__PURE__ */ new Set([...c, ...p.split(",").map((e) => e.trim())]);
+			l(Array.from(e)), m(""), u?.("");
+		}
+	}, [
+		p,
+		l,
+		u,
+		c
+	]);
+	let g = () => {
+		let e = p.trim();
+		if (e) {
+			let t = /* @__PURE__ */ new Set([...c, e]);
+			l(Array.from(t)), h("");
+		}
+	};
+	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: p,
+			onChange: (e) => h(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "," ? (e.preventDefault(), g()) : e.key === "Backspace" && p.length === 0 && c.length > 0 && (e.preventDefault(), l(c.slice(0, -1)));
+			},
+			...f,
+			onBlur: (e) => {
+				g(), f.onBlur?.(e);
+			},
+			ref: d
+		})]
+	});
+};
+s.displayName = "InputTags";
+//#endregion
+export { s as InputTags };