@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1 +1,86 @@
-import "./index296.js";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { TagFormModal as t } from "./index309.js";
+import { useTags as n } from "./index304.js";
+import "./index310.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";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index311.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 || []);
+		},
+		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
+		})
+	})] });
+};
+//#endregion
+export { y as TagsAutocomplete, h as tagsToSelect };

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

@@ -1,168 +1,29 @@
-import { useMoniteContext as e } from "./index47.js";
-import { getCounterpartName as t } from "./index53.js";
-import { useDialog as n } from "./index201.js";
-import "./index202.js";
-import { useApprovalPolicyTrigger as r } from "./index262.js";
-import { User as i } from "./index259.js";
-import "./index260.js";
-import { useApprovalPolicyScript as a } from "./index270.js";
-import { Role as o } from "./index272.js";
-import "./index273.js";
-import { DialogFooter as s } from "./index294.js";
-import "./index295.js";
-import { DialogHeader as c } from "./index296.js";
-import "./index311.js";
-import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { toast as f } from "react-hot-toast";
-import { Chip as p, DialogContent as m, Paper as h, Stack as g, Table as _, TableBody as v, TableCell as y, TableHead as b, TableRow as x, Typography as S } from "@mui/material";
-import { Trans as C, useLingui as w } from "@lingui/react";
+import { TagsAutocomplete as e } from "./index311.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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index312.js
-var T = ({ approvalPolicy: T, setIsEdit: E }) => {
-	let { i18n: D } = w(), O = n(), { api: k, queryClient: A } = e(), { triggers: j, getTriggerLabel: M, getAmountLabel: N } = r({ approvalPolicy: T }), { rules: P, getRuleLabel: F } = a({ approvalPolicy: T }), { data: I } = k.finops.getTags.useQuery({ query: { id__in: Array.isArray(j?.tags) ? j.tags : [] } }, { enabled: !!j?.tags?.length }), { data: L } = k.finops.getCounterparts.useQuery({ query: { id__in: Array.isArray(j?.counterpart_id) ? j.counterpart_id : [] } }, { enabled: !!j?.counterpart_id?.length }), R = k.finops.deleteApprovalPoliciesId.useMutation(void 0, { onSuccess: async () => {
-		await Promise.all([k.finops.getApprovalPolicies.invalidateQueries(A), k.finops.getApprovalPoliciesId.invalidateQueries({ parameters: { path: { approval_policy_id: T.id } } }, A)]), f.success(D._("Approval policy has been deleted"));
-	} }), z = Object.keys(j).map((e) => {
-		let n = M(e), r;
-		switch (e) {
-			case "was_created_by_user_id":
-				Array.isArray(j[e]) && (r = /* @__PURE__ */ u(g, {
-					direction: "row",
-					gap: 1,
-					sx: { flexWrap: "wrap" },
-					children: j[e].map((e) => /* @__PURE__ */ u(i, { userId: e }, e))
-				}));
-				break;
-			case "tags":
-				r = /* @__PURE__ */ u(g, {
-					direction: "row",
-					gap: 1,
-					sx: { flexWrap: "wrap" },
-					children: I?.data.map((e) => /* @__PURE__ */ u(p, { label: e.name }, e.id))
-				});
-				break;
-			case "counterpart_id":
-				r = /* @__PURE__ */ u(g, {
-					direction: "row",
-					gap: 1,
-					sx: { flexWrap: "wrap" },
-					children: L?.data.map((e) => /* @__PURE__ */ u(p, { label: t(e) }, e.id))
-				});
-				break;
-			case "amount":
-				r = /* @__PURE__ */ u("p", { children: N(j.amount?.value ?? [], j.amount?.currency ?? "EUR") });
-				break;
-			default: r = e;
-		}
-		return {
-			label: n,
-			value: r
-		};
-	}), B = P && Object.keys(P)?.map((e) => {
-		if (!P[e]) return null;
-		switch (e) {
-			case "single_user": return {
-				label: F(e),
-				value: /* @__PURE__ */ u(i, { userId: P[e].userId })
-			};
-			case "users_from_list": return {
-				label: F(e, P[e].count),
-				value: /* @__PURE__ */ u(g, {
-					direction: "column",
-					gap: 1,
-					sx: { flexWrap: "wrap" },
-					children: P[e].userIds?.map((e) => /* @__PURE__ */ u(i, { userId: e }, e))
-				})
-			};
-			case "roles_from_list": return {
-				label: F(e),
-				value: /* @__PURE__ */ u(g, {
-					direction: "row",
-					gap: 1,
-					sx: { flexWrap: "wrap" },
-					children: P[e].roleIds?.map((e) => /* @__PURE__ */ u(o, {
-						roleId: e,
-						quoted: !0
-					}, e))
-				})
-			};
-			case "approval_chain": return {
-				label: F(e),
-				value: /* @__PURE__ */ u(g, {
-					direction: "column",
-					spacing: .5,
-					children: P[e].chainUserIds?.map((e) => e ? /* @__PURE__ */ u(i, { userId: e }, e) : null)
-				})
-			};
-		}
-	});
-	return /* @__PURE__ */ d(l, { children: [
-		/* @__PURE__ */ u(c, {
-			title: T?.name,
-			closeButtonTooltip: D._("Close approval policy details")
-		}),
-		/* @__PURE__ */ d(m, { children: [
-			/* @__PURE__ */ u(S, {
-				variant: "h5",
-				mt: 2,
-				mb: 1,
-				children: D._("Description")
-			}),
-			T?.description && /* @__PURE__ */ u(S, {
-				variant: "body1",
-				children: T.description
-			}),
-			/* @__PURE__ */ u(S, {
-				variant: "h5",
-				mt: 4,
-				mb: 1,
-				children: D._("Conditions")
-			}),
-			/* @__PURE__ */ u(S, {
-				variant: "body1",
-				mb: 1,
-				children: /* @__PURE__ */ u(C, {
-					id: "INKhSX",
-					components: { 0: /* @__PURE__ */ u("strong", {}) }
-				})
-			}),
-			/* @__PURE__ */ u(h, {
-				variant: "outlined",
-				children: /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(b, { children: /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(y, { children: D._("Condition") }), /* @__PURE__ */ u(y, { children: D._("Criteria") })] }) }), /* @__PURE__ */ u(v, { children: z.length > 0 ? z.map((e) => /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(y, { children: e.label }), /* @__PURE__ */ u(y, { children: e.value })] }, e.label)) : /* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(y, {
-					colSpan: 2,
-					children: D._("No conditions")
-				}) }) })] })
-			}),
-			/* @__PURE__ */ u(S, {
-				variant: "h5",
-				mt: 4,
-				mb: 1,
-				children: D._("Approval flow")
-			}),
-			/* @__PURE__ */ u(S, {
-				variant: "body1",
-				mb: 1,
-				children: D._("Who needs to approve the document and how:")
-			}),
-			/* @__PURE__ */ u(h, {
-				variant: "outlined",
-				children: /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(b, { children: /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(y, { children: D._("Approval type") }), /* @__PURE__ */ u(y, { children: D._("Users or Roles") })] }) }), /* @__PURE__ */ u(v, { children: B && B.length > 0 ? B.map((e) => /* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(y, { children: e?.label }), /* @__PURE__ */ u(y, { children: e?.value })] }, e?.label)) : /* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(y, {
-					colSpan: 2,
-					children: D._("No rules")
-				}) }) })] })
-			})
-		] }),
-		/* @__PURE__ */ u(s, {
-			primaryButton: {
-				label: D._("Edit"),
-				onClick: () => E(!0)
+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);
 			},
-			deleteButton: {
-				onClick: () => {
-					R.mutate({ path: { approval_policy_id: T.id } }, { onSuccess: () => O?.onClose?.() });
-				},
-				isLoading: R.isPending
-			}
+			label: o,
+			variant: s,
+			error: !!i,
+			helperText: i?.message || u,
+			required: l
 		})
-	] });
-};
+	})
+});
 //#endregion
-export { T as ApprovalPolicyView };
+export { i as TagsAutocompleteInput };

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

@@ -1 +1,2 @@
+import "./index311.js";
 import "./index312.js";