@tesouro/embedded-components-react 0.3.57 → 0.3.60

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

@@ -1,47 +1,63 @@
-import { createBaseApprovalStep as e, createChainApprovalStep as t, extractApprovalCalls as n, extractItemsFromScriptStep as r, findRoleApprovalCall as i, findUserApprovalCall as a, getApprovalRuleLabel as o, processChainApprovalCalls as s, resolveStepForCall as c } from "./index328.js";
+import { getIndividualName as e, getUserDisplayName as t } from "./index15.js";
+import "./index18.js";
+import { UserAvatar as n } from "./index353.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Box as o, Typography as s } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index412.js
-var l = class {
-	policyScript;
-	requests;
-	i18n;
-	constructor(e, t, n) {
-		this.policyScript = e, this.requests = t, this.i18n = n;
-	}
-	processApprovalItem(r, l) {
-		let u = n(r), d = a(u), f = i(u), p = o(d, f, this.i18n);
-		if (u.length > 1 && d) {
-			let { allChainUserIds: e, allChainRequests: n } = s(u, this.requests), r = this.i18n._("All users from the list");
-			return t(e, n, l, r);
-		}
-		{
-			let t = u[0];
-			if (t) {
-				let n = c(t, this.requests);
-				return e(n, l, p);
-			}
-			return e({
-				assignees: [],
-				actualAssignees: [],
-				relatedRequests: [],
-				stepStatus: "waiting",
-				approvalRequestId: void 0,
-				approvedBy: void 0,
-				objectId: void 0,
-				rejectedBy: void 0,
-				requiredApprovalCount: 1
-			}, l, p);
-		}
-	}
-	buildCompleteSteps() {
-		let e = [], t = 1;
-		return this.policyScript.forEach((n) => {
-			let i = r(n);
-			i.length > 0 && (i.forEach((n) => {
-				let r = this.processApprovalItem(n, t);
-				e.push(r);
-			}), t++);
-		}), e;
-	}
+var c = ({ user: c, showUserEmail: l = !1, showAvatar: u = !0, avatarSize: d = 24, variant: f = "inline", typographyVariant: p = "body2", sx: m }) => {
+	let h = r(() => t(c, l), [c, l]), g = r(() => e(c.first_name || "", c.last_name || ""), [c.first_name, c.last_name]);
+	return f === "stacked" ? /* @__PURE__ */ a(o, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			gap: 1,
+			...m
+		},
+		children: [u && /* @__PURE__ */ i(n, {
+			sx: {
+				width: d,
+				height: d
+			},
+			alt: g,
+			fileId: c.userpic_file_id
+		}), /* @__PURE__ */ i(s, {
+			variant: p,
+			title: h ?? "",
+			sx: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap",
+				textAlign: "center"
+			},
+			children: h ?? ""
+		})]
+	}) : /* @__PURE__ */ a(o, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: 1,
+			...m
+		},
+		children: [u && /* @__PURE__ */ i(n, {
+			sx: {
+				width: d,
+				height: d
+			},
+			alt: g,
+			fileId: c.userpic_file_id
+		}), /* @__PURE__ */ i(s, {
+			variant: p,
+			title: h ?? "",
+			sx: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			children: h ?? ""
+		})]
+	});
 };
 //#endregion
-export { l as ApprovalStepResolver };
+export { c as UserDisplayCell };

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

@@ -1,51 +1,47 @@
-import { useMoniteContext as e } from "./index47.js";
-import { extractStructureItemsFromScriptStep as t, findUserApprovalCall as n, processApprovalStructure as r } from "./index328.js";
-import { ApprovalStepResolver as i } from "./index412.js";
-import { useMemo as a } from "react";
-import { useLingui as o } from "@lingui/react";
+import { createBaseApprovalStep as e, createChainApprovalStep as t, extractApprovalCalls as n, extractItemsFromScriptStep as r, findRoleApprovalCall as i, findUserApprovalCall as a, getApprovalRuleLabel as o, processChainApprovalCalls as s, resolveStepForCall as c } from "./index329.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index413.js
-function s(s, c, l = "desc") {
-	let { i18n: u } = o(), { api: d } = e(), { data: f, isLoading: p } = d.finops.getApprovalRequests.useQuery({ query: {
-		object_id: s,
-		object_type: "payable",
-		limit: 50,
-		order: l
-	} }), { data: m, isLoading: h } = d.finops.getApprovalPoliciesId.useQuery({ path: { approval_policy_id: c } }), g = a(() => f?.data || [], [f]), _ = a(() => m?.script || [], [m]), v = a(() => !_.length || !g ? [] : new i(_, g, u).buildCompleteSteps(), [
-		_,
-		g,
-		u
-	]), y = a(() => {
-		let e = /* @__PURE__ */ new Set();
-		return _.forEach((i) => {
-			let a = t(i), o = r(a), s = n(o);
-			s?.params?.user_ids && s.params.user_ids.forEach((t) => e.add(t));
-		}), v.forEach((t) => {
-			t.actualAssignees.forEach((t) => e.add(t));
-		}), Array.from(e);
-	}, [_, v]), { data: b, isLoading: x } = d.finops.getEntityUsers.useQuery({ query: {
-		id__in: y.length > 0 ? y : void 0,
-		limit: 100
-	} }, { enabled: y.length > 0 }), S = a(() => {
-		let e = /* @__PURE__ */ new Map();
-		return b?.data && b.data.forEach((t) => {
-			e.set(t.id, t);
+var l = class {
+	policyScript;
+	requests;
+	i18n;
+	constructor(e, t, n) {
+		this.policyScript = e, this.requests = t, this.i18n = n;
+	}
+	processApprovalItem(r, l) {
+		let u = n(r), d = a(u), f = i(u), p = o(d, f, this.i18n);
+		if (u.length > 1 && d) {
+			let { allChainUserIds: e, allChainRequests: n } = s(u, this.requests), r = this.i18n._("All users from the list");
+			return t(e, n, l, r);
+		}
+		{
+			let t = u[0];
+			if (t) {
+				let n = c(t, this.requests);
+				return e(n, l, p);
+			}
+			return e({
+				assignees: [],
+				actualAssignees: [],
+				relatedRequests: [],
+				stepStatus: "waiting",
+				approvalRequestId: void 0,
+				approvedBy: void 0,
+				objectId: void 0,
+				rejectedBy: void 0,
+				requiredApprovalCount: 1
+			}, l, p);
+		}
+	}
+	buildCompleteSteps() {
+		let e = [], t = 1;
+		return this.policyScript.forEach((n) => {
+			let i = r(n);
+			i.length > 0 && (i.forEach((n) => {
+				let r = this.processApprovalItem(n, t);
+				e.push(r);
+			}), t++);
 		}), e;
-	}, [b]);
-	return {
-		steps: a(() => v.map((e) => ({
-			...e,
-			resolvedUsers: e.actualAssignees.map((e) => S.get(e)),
-			userNames: e.actualAssignees.map((e) => {
-				let t = S.get(e);
-				return t && (`${t.first_name || ""} ${t.last_name || ""}`.trim() || t.email || t.login) || e;
-			})
-		})), [v, S]),
-		isLoading: p || h || x,
-		error: null
-	};
-}
-function c(e, t) {
-	return s(e, t.id, "desc");
-}
+	}
+};
 //#endregion
-export { c as useResolvedApprovalStepsWithPolicy };
+export { l as ApprovalStepResolver };

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

@@ -1,85 +1,51 @@
-import { PayableStatusChip as e } from "./index225.js";
-import { User as t } from "./index264.js";
-import "./index265.js";
-import { useResolvedApprovalStepsWithPolicy as n } from "./index413.js";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { Box as a, CircularProgress as o, Paper as s, Stack as c, Table as l, TableBody as u, TableCell as d, TableRow as f, Typography as p } from "@mui/material";
-import { useLingui as m } from "@lingui/react";
+import { useMoniteContext as e } from "./index47.js";
+import { extractStructureItemsFromScriptStep as t, findUserApprovalCall as n, processApprovalStructure as r } from "./index329.js";
+import { ApprovalStepResolver as i } from "./index413.js";
+import { useMemo as a } from "react";
+import { useLingui as o } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index414.js
-var h = ({ approvalPolicy: h, payableId: g, showUsersAsEmail: _ = !0 }) => {
-	let { i18n: v } = m(), { steps: y, isLoading: b } = n(g, h);
-	return b ? /* @__PURE__ */ r(a, {
-		sx: {
-			display: "flex",
-			justifyContent: "center",
-			p: 3
-		},
-		children: /* @__PURE__ */ r(o, { size: 20 })
-	}) : y.length ? /* @__PURE__ */ i(a, {
-		sx: { mt: 4 },
-		children: [/* @__PURE__ */ r(p, {
-			variant: "h6",
-			gutterBottom: !0,
-			sx: { fontWeight: 600 },
-			children: v._("Approval flow")
-		}), /* @__PURE__ */ r(s, {
-			variant: "outlined",
-			sx: { mt: 2 },
-			children: /* @__PURE__ */ r(l, {
-				sx: {
-					tableLayout: "fixed",
-					width: "100%"
-				},
-				children: /* @__PURE__ */ r(u, { children: y.map((n, a) => /* @__PURE__ */ i(f, { children: [
-					/* @__PURE__ */ r(d, {
-						sx: {
-							verticalAlign: "middle",
-							py: 2,
-							width: "160px"
-						},
-						children: /* @__PURE__ */ r(p, {
-							variant: "body2",
-							color: "text.primary",
-							sx: { fontWeight: "normal" },
-							children: n.type
-						})
-					}),
-					/* @__PURE__ */ r(d, {
-						sx: {
-							py: 2,
-							verticalAlign: "middle",
-							minWidth: "52px"
-						},
-						children: n.userNames.length > 0 ? /* @__PURE__ */ r(c, {
-							direction: "column",
-							spacing: .5,
-							sx: { overflow: "hidden" },
-							children: n.resolvedUsers.map((e) => e ? /* @__PURE__ */ r(t, {
-								user: e,
-								variant: "cell",
-								showUsersAsEmail: _,
-								showAvatar: !1
-							}, e.id) : null)
-						}) : /* @__PURE__ */ r(p, {
-							variant: "body2",
-							color: "text.secondary",
-							sx: { fontWeight: "medium" },
-							children: v._("No users assigned")
-						})
-					}),
-					/* @__PURE__ */ r(d, {
-						sx: {
-							py: 2,
-							textAlign: "right",
-							verticalAlign: "middle",
-							width: "140px"
-						},
-						children: /* @__PURE__ */ r(e, { status: n.payableStatus })
-					})
-				] }, a)) })
+function s(s, c, l = "desc") {
+	let { i18n: u } = o(), { api: d } = e(), { data: f, isLoading: p } = d.finops.getApprovalRequests.useQuery({ query: {
+		object_id: s,
+		object_type: "payable",
+		limit: 50,
+		order: l
+	} }), { data: m, isLoading: h } = d.finops.getApprovalPoliciesId.useQuery({ path: { approval_policy_id: c } }), g = a(() => f?.data || [], [f]), _ = a(() => m?.script || [], [m]), v = a(() => !_.length || !g ? [] : new i(_, g, u).buildCompleteSteps(), [
+		_,
+		g,
+		u
+	]), y = a(() => {
+		let e = /* @__PURE__ */ new Set();
+		return _.forEach((i) => {
+			let a = t(i), o = r(a), s = n(o);
+			s?.params?.user_ids && s.params.user_ids.forEach((t) => e.add(t));
+		}), v.forEach((t) => {
+			t.actualAssignees.forEach((t) => e.add(t));
+		}), Array.from(e);
+	}, [_, v]), { data: b, isLoading: x } = d.finops.getEntityUsers.useQuery({ query: {
+		id__in: y.length > 0 ? y : void 0,
+		limit: 100
+	} }, { enabled: y.length > 0 }), S = a(() => {
+		let e = /* @__PURE__ */ new Map();
+		return b?.data && b.data.forEach((t) => {
+			e.set(t.id, t);
+		}), e;
+	}, [b]);
+	return {
+		steps: a(() => v.map((e) => ({
+			...e,
+			resolvedUsers: e.actualAssignees.map((e) => S.get(e)),
+			userNames: e.actualAssignees.map((e) => {
+				let t = S.get(e);
+				return t && (`${t.first_name || ""} ${t.last_name || ""}`.trim() || t.email || t.login) || e;
 			})
-		})]
-	}) : null;
-};
+		})), [v, S]),
+		isLoading: p || h || x,
+		error: null
+	};
+}
+function c(e, t) {
+	return s(e, t.id, "desc");
+}
 //#endregion
-export { h as PayableApprovalFlowSection };
+export { c as useResolvedApprovalStepsWithPolicy };

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

@@ -1,23 +1,85 @@
-import { useMemo as e } from "react";
-import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
-import { Card as r, Table as i, TableBody as a, TableCell as o, TableRow as s, styled as c } from "@mui/material";
+import { PayableStatusChip as e } from "./index226.js";
+import { User as t } from "./index265.js";
+import "./index266.js";
+import { useResolvedApprovalStepsWithPolicy as n } from "./index414.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Box as a, CircularProgress as o, Paper as s, Stack as c, Table as l, TableBody as u, TableCell as d, TableRow as f, Typography as p } from "@mui/material";
+import { useLingui as m } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index415.js
-var l = c(o)(({ theme: e, isRequired: t }) => ({
-	color: t ? e.palette.error.main : e.palette.text.secondary,
-	minWidth: 120,
-	width: "35%"
-})), u = (r) => {
-	let i = e(() => !r.value && r.withEmptyStateFiller ? "—" : r.value, [r.value, r.withEmptyStateFiller]);
-	return i ? /* @__PURE__ */ n(s, { children: [/* @__PURE__ */ t(l, {
-		component: "th",
-		scope: "row",
-		children: r.label
-	}), /* @__PURE__ */ t(o, { children: i })] }) : null;
-}, d = ({ items: e, children: o, ...s }) => /* @__PURE__ */ n(r, {
-	variant: "outlined",
-	sx: { overflow: "visible" },
-	...s,
-	children: [/* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(a, { children: e.map((e, n) => /* @__PURE__ */ t(u, { ...e }, n)) }) }), o]
-});
+var h = ({ approvalPolicy: h, payableId: g, showUsersAsEmail: _ = !0 }) => {
+	let { i18n: v } = m(), { steps: y, isLoading: b } = n(g, h);
+	return b ? /* @__PURE__ */ r(a, {
+		sx: {
+			display: "flex",
+			justifyContent: "center",
+			p: 3
+		},
+		children: /* @__PURE__ */ r(o, { size: 20 })
+	}) : y.length ? /* @__PURE__ */ i(a, {
+		sx: { mt: 4 },
+		children: [/* @__PURE__ */ r(p, {
+			variant: "h6",
+			gutterBottom: !0,
+			sx: { fontWeight: 600 },
+			children: v._("Approval flow")
+		}), /* @__PURE__ */ r(s, {
+			variant: "outlined",
+			sx: { mt: 2 },
+			children: /* @__PURE__ */ r(l, {
+				sx: {
+					tableLayout: "fixed",
+					width: "100%"
+				},
+				children: /* @__PURE__ */ r(u, { children: y.map((n, a) => /* @__PURE__ */ i(f, { children: [
+					/* @__PURE__ */ r(d, {
+						sx: {
+							verticalAlign: "middle",
+							py: 2,
+							width: "160px"
+						},
+						children: /* @__PURE__ */ r(p, {
+							variant: "body2",
+							color: "text.primary",
+							sx: { fontWeight: "normal" },
+							children: n.type
+						})
+					}),
+					/* @__PURE__ */ r(d, {
+						sx: {
+							py: 2,
+							verticalAlign: "middle",
+							minWidth: "52px"
+						},
+						children: n.userNames.length > 0 ? /* @__PURE__ */ r(c, {
+							direction: "column",
+							spacing: .5,
+							sx: { overflow: "hidden" },
+							children: n.resolvedUsers.map((e) => e ? /* @__PURE__ */ r(t, {
+								user: e,
+								variant: "cell",
+								showUsersAsEmail: _,
+								showAvatar: !1
+							}, e.id) : null)
+						}) : /* @__PURE__ */ r(p, {
+							variant: "body2",
+							color: "text.secondary",
+							sx: { fontWeight: "medium" },
+							children: v._("No users assigned")
+						})
+					}),
+					/* @__PURE__ */ r(d, {
+						sx: {
+							py: 2,
+							textAlign: "right",
+							verticalAlign: "middle",
+							width: "140px"
+						},
+						children: /* @__PURE__ */ r(e, { status: n.payableStatus })
+					})
+				] }, a)) })
+			})
+		})]
+	}) : null;
+};
 //#endregion
-export { d as MoniteCard, u as MoniteCardItem, l as StyledLabelTableCell };
+export { h as PayableApprovalFlowSection };

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

@@ -1,45 +1,23 @@
-import { useRootElements as e } from "./index206.js";
-import "./index207.js";
-import { Dialog as t } from "./index229.js";
-import "./index230.js";
-import { TagsAutocomplete as n } from "./index311.js";
-import "./index313.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { Button as o, DialogActions as s, DialogContent as c, DialogTitle as l } from "@mui/material";
-import { useLingui as u } from "@lingui/react";
+import { useMemo as e } from "react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Card as r, Table as i, TableBody as a, TableCell as o, TableRow as s, styled as c } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index416.js
-var d = ({ opened: d, onClose: f, value: p, updateTags: m }) => {
-	let { root: h } = e(), { i18n: g } = u(), [_, v] = r(p);
-	return /* @__PURE__ */ a(t, {
-		open: d,
-		onClose: f,
-		container: h,
-		fullWidth: !0,
-		children: [
-			/* @__PURE__ */ i(l, { children: g._("Edit tags") }),
-			/* @__PURE__ */ i(c, {
-				dividers: !0,
-				children: /* @__PURE__ */ i(n, {
-					value: _,
-					onChange: (e) => {
-						v(e);
-					}
-				})
-			}),
-			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(o, {
-				variant: "text",
-				onClick: f,
-				children: g._("Cancel")
-			}), /* @__PURE__ */ i(o, {
-				variant: "contained",
-				onClick: () => {
-					m?.(_), f();
-				},
-				children: g._("Update")
-			})] })
-		]
-	});
-};
+var l = c(o)(({ theme: e, isRequired: t }) => ({
+	color: t ? e.palette.error.main : e.palette.text.secondary,
+	minWidth: 120,
+	width: "35%"
+})), u = (r) => {
+	let i = e(() => !r.value && r.withEmptyStateFiller ? "—" : r.value, [r.value, r.withEmptyStateFiller]);
+	return i ? /* @__PURE__ */ n(s, { children: [/* @__PURE__ */ t(l, {
+		component: "th",
+		scope: "row",
+		children: r.label
+	}), /* @__PURE__ */ t(o, { children: i })] }) : null;
+}, d = ({ items: e, children: o, ...s }) => /* @__PURE__ */ n(r, {
+	variant: "outlined",
+	sx: { overflow: "visible" },
+	...s,
+	children: [/* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(a, { children: e.map((e, n) => /* @__PURE__ */ t(u, { ...e }, n)) }) }), o]
+});
 //#endregion
-export { d as TagsModal };
+export { d as MoniteCard, u as MoniteCardItem, l as StyledLabelTableCell };

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

@@ -1 +1,45 @@
-import "./index416.js";
+import { useRootElements as e } from "./index207.js";
+import "./index208.js";
+import { Dialog as t } from "./index230.js";
+import "./index231.js";
+import { TagsAutocomplete as n } from "./index312.js";
+import "./index314.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Button as o, DialogActions as s, DialogContent as c, DialogTitle as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index417.js
+var d = ({ opened: d, onClose: f, value: p, updateTags: m }) => {
+	let { root: h } = e(), { i18n: g } = u(), [_, v] = r(p);
+	return /* @__PURE__ */ a(t, {
+		open: d,
+		onClose: f,
+		container: h,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ i(l, { children: g._("Edit tags") }),
+			/* @__PURE__ */ i(c, {
+				dividers: !0,
+				children: /* @__PURE__ */ i(n, {
+					value: _,
+					onChange: (e) => {
+						v(e);
+					}
+				})
+			}),
+			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(o, {
+				variant: "text",
+				onClick: f,
+				children: g._("Cancel")
+			}), /* @__PURE__ */ i(o, {
+				variant: "contained",
+				onClick: () => {
+					m?.(_), f();
+				},
+				children: g._("Update")
+			})] })
+		]
+	});
+};
+//#endregion
+export { d as TagsModal };