@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,21 +1 @@
-import { ConfirmationModal as e } from "./index59.js";
-import "./index60.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index401.js
-var r = ({ isOpen: r, handleCloseModal: i, handleConfirmation: a }) => {
-	let { i18n: o } = n();
-	return /* @__PURE__ */ t(e, {
-		open: r,
-		title: o._("Cancel bill?"),
-		message: o._("The bill will receive the “Canceled” status and will require no payment. You can’t undo this action."),
-		confirmLabel: o._("Cancel bill"),
-		cancelLabel: o._("Close"),
-		onClose: i,
-		onConfirm: () => {
-			i(), a();
-		}
-	});
-};
-//#endregion
-export { r as PayableDetailsCancelModal };
+import "./index400.js";

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

@@ -1 +1 @@
-import "./index401.js";
+import "./index225.js";

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

@@ -1,162 +1,55 @@
-import { useCounterpartById as e } from "./index48.js";
-import { getCounterpartName as t } from "./index53.js";
-import "./index138.js";
-import { isBillOverdue as n } from "./index196.js";
-import { PayableStatusChip as r } from "./index197.js";
-import { isPayableInOCRProcessing as i } from "./index393.js";
-import "./index397.js";
-import { DropdownMenu as a } from "./index398.js";
-import { FullScreenModalHeader as o } from "./index399.js";
-import "./index400.js";
-import { PayableDetailsCancelModal as s } from "./index401.js";
-import "./index402.js";
-import { useState as c } from "react";
-import { Wallet as l } from "lucide-react";
-import { Fragment as u, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { Box as p, Button as m } from "@mui/material";
-import { useLingui as h } from "@lingui/react";
+import { useState as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { IconButton as i, ListItemText as a, Menu as o, MenuItem as s } from "@mui/material";
+import c from "@mui/icons-material/MoreVert";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index403.js
-var g = ({ payable: g, permissions: _, setEdit: v, isEdit: y, submitInvoice: b, rejectInvoice: x, approveInvoice: S, forceRejectInvoice: C, forceApproveInvoice: w, cancelInvoice: T, reopenInvoice: E, deleteInvoice: D, payInvoice: O, payableDetailsFormId: k, onClose: A, modalComponent: j, showPayButton: M }) => {
-	let { i18n: N } = h(), { data: P } = e(g?.counterpart_id), [F, I] = c(!1), L = t(P), R = n(g?.status ?? "draft", g?.due_date), z = {
-		edit: {
-			variant: "outlined",
-			onClick: () => v(!0),
-			children: N._("Edit")
-		},
-		save: {
-			variant: "contained",
-			form: k,
-			type: "submit",
-			children: N._("Save")
-		},
-		cancelEdit: {
-			variant: "outlined",
-			onClick: () => {
-				v(!1), !g && A && A();
-			},
-			children: N._("Cancel")
-		},
-		submit: {
-			variant: "contained",
-			onClick: () => b(),
-			children: N._("Submit")
-		},
-		reject: {
-			variant: "text",
-			color: "error",
-			onClick: () => x(),
-			children: N._("Reject")
-		},
-		reopen: {
-			variant: "text",
-			color: "error",
-			onClick: () => E(),
-			children: N._("Reopen")
-		},
-		approve: {
-			variant: "contained",
-			onClick: () => S(),
-			children: N._("Approve")
-		},
-		cancel: {
-			variant: "text",
-			color: "error",
-			onClick: () => I(!0),
-			children: N._("Cancel bill")
-		},
-		delete: {
-			variant: "text",
-			color: "error",
-			onClick: () => {
-				D(), A?.();
-			},
-			children: N._("Delete bill")
-		},
-		pay: {
-			variant: "contained",
-			size: "small",
-			onClick: () => O(),
-			disabled: !M,
-			startIcon: /* @__PURE__ */ d(l, { size: 14 }),
-			children: N._("Pay")
-		},
-		forceApprove: {
-			variant: "outlined",
-			onClick: () => w(),
-			children: N._("Force Approve")
-		},
-		forceReject: {
-			variant: "outlined",
-			color: "error",
-			onClick: () => C(),
-			children: N._("Force Reject")
-		}
-	}, B = _.includes("cancel"), V = g?.document_id ? L ? `${N._("Bill")} #${g.document_id} ${N._("from")} ${L}` : y ? `${N._("Edit bill")} #${g.document_id}` : `${N._("Bill")} #${g.document_id}` : N._("New incoming invoice"), H = null;
-	if (!g || !i(g)) {
-		let e = _.filter((e) => e === "approve" || e === "reject"), t = _.filter((e) => e === "forceApprove" || e === "forceReject"), n = ["forceApprove", "forceReject"].filter((e) => t.includes(e)), r = n.map((e) => {
-			let { children: t, onClick: n } = z[e];
-			return {
-				key: e,
-				label: t,
-				onClick: n,
-				sx: { color: e === "forceReject" ? "error.main" : "text.primary" }
-			};
-		}), i = _.filter((e) => ![
-			"approve",
-			"reject",
-			"forceApprove",
-			"forceReject"
-		].includes(e));
-		H = /* @__PURE__ */ f(p, {
-			sx: {
-				display: "flex",
-				alignItems: "center",
-				gap: 1
+var l = ({ id: l = "dropdown-menu-button", items: u, iconButtonProps: d, menuProps: f }) => {
+	let [p, m] = e(null), h = !!p, g = (e) => {
+		m(e.currentTarget);
+	}, _ = () => {
+		m(null);
+	};
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(i, {
+		id: l,
+		onClick: g,
+		sx: {
+			border: "1px solid",
+			borderColor: "divider",
+			borderRadius: 1,
+			width: 40,
+			height: 40
+		},
+		"aria-expanded": h,
+		"aria-haspopup": "true",
+		...d,
+		children: /* @__PURE__ */ n(c, {})
+	}), /* @__PURE__ */ n(o, {
+		anchorEl: p,
+		open: h,
+		onClose: _,
+		container: () => document.body,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		MenuListProps: {
+			"aria-labelledby": l,
+			role: "menu"
+		},
+		...f,
+		children: u.map(({ key: e, label: t, onClick: r, sx: i }) => /* @__PURE__ */ n(s, {
+			id: e,
+			onClick: (e) => {
+				_(), r?.(e);
 			},
-			children: [
-				i.map((e) => {
-					let { children: t, ...n } = z[e];
-					return /* @__PURE__ */ d(m, {
-						...n,
-						children: t
-					}, e);
-				}),
-				e.length > 0 && e.map((e) => {
-					let { children: t, ...n } = z[e];
-					return /* @__PURE__ */ d(m, {
-						...n,
-						children: t
-					}, e);
-				}),
-				n.length > 0 && /* @__PURE__ */ d(a, { items: r })
-			]
-		});
-	}
-	return /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d(o, {
-			className: "Monite-PayableDetails-Header",
-			title: V,
-			statusElement: /* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2",
-				children: [/* @__PURE__ */ d(r, {
-					status: g?.status ?? "draft",
-					dueDate: g?.due_date
-				}), R && /* @__PURE__ */ d(r, {
-					status: g?.status ?? "draft",
-					dueDate: g?.due_date,
-					showOverdueBadge: !0
-				})]
-			}),
-			actions: H,
-			closeButtonTooltip: N._("Close payable details")
-		}),
-		j,
-		B && /* @__PURE__ */ d(s, {
-			isOpen: F,
-			handleCloseModal: () => I(!1),
-			handleConfirmation: T
-		})
-	] });
+			sx: i,
+			children: /* @__PURE__ */ n(a, { primary: t })
+		}, e))
+	})] });
 };
 //#endregion
-export { g as PayableDetailsHeader };
+export { l as DropdownMenu };

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

@@ -1 +1,46 @@
-import "./index403.js";
+import { useDialog as e } from "./index229.js";
+import "./index230.js";
+import { IconWrapper as t } from "./index233.js";
+import "./index234.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { DialogTitle as i, Stack as a, Toolbar as o, styled as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
+import l from "@mui/icons-material/Close";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index404.js
+var u = ({ title: i, statusElement: o, actions: s, className: u, closeButtonTooltip: p }) => {
+	let { i18n: m } = c(), h = e();
+	return /* @__PURE__ */ r(d, {
+		className: u,
+		disableGutters: !0,
+		children: [
+			h?.isDialogContent && /* @__PURE__ */ n(t, {
+				color: "inherit",
+				onClick: h.onClose,
+				ariaLabelOverride: p || m._("Close modal"),
+				tooltip: p || m._("Close modal"),
+				children: /* @__PURE__ */ n(l, {})
+			}),
+			/* @__PURE__ */ r(a, {
+				direction: "row",
+				spacing: 2,
+				alignItems: "center",
+				ml: 2,
+				children: [/* @__PURE__ */ n(f, { children: i }), o]
+			}),
+			s && /* @__PURE__ */ n(a, {
+				direction: "row",
+				spacing: 2,
+				ml: "auto",
+				children: s
+			})
+		]
+	});
+}, d = s(o)(() => ({
+	padding: "24px 32px",
+	flexShrink: 0
+})), f = s(i)(({ theme: e }) => ({ "&.MuiDialogTitle-root.MuiTypography-root": {
+	...e.typography.h3,
+	padding: "0"
+} }));
+//#endregion
+export { u as FullScreenModalHeader };

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

@@ -1,12 +1 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCounterpartsBankAccountsList as t } from "./index198.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index405.js
-function n({ currentCounterpartId: n, payableId: r }) {
-	let { api: i } = e();
-	return {
-		counterpartBankAccountQuery: t(n),
-		lineItemsQuery: i.finops.getPayablesIdLineItems.useQuery({ path: { payable_id: r } })
-	};
-}
-//#endregion
-export { n as usePayableDetailsInfo };
+import "./index404.js";

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

@@ -1,63 +1,21 @@
-import { getIndividualName as e, getUserDisplayName as t } from "./index15.js";
-import "./index18.js";
-import { UserAvatar as n } from "./index347.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";
+import { ConfirmationModal as e } from "./index59.js";
+import "./index60.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index406.js
-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 ?? ""
-		})]
+var r = ({ isOpen: r, handleCloseModal: i, handleConfirmation: a }) => {
+	let { i18n: o } = n();
+	return /* @__PURE__ */ t(e, {
+		open: r,
+		title: o._("Cancel bill?"),
+		message: o._("The bill will receive the “Canceled” status and will require no payment. You can’t undo this action."),
+		confirmLabel: o._("Cancel bill"),
+		cancelLabel: o._("Close"),
+		onClose: i,
+		onConfirm: () => {
+			i(), a();
+		}
 	});
 };
 //#endregion
-export { c as UserDisplayCell };
+export { r as PayableDetailsCancelModal };

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

@@ -1,47 +1 @@
-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 "./index323.js";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index407.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;
-	}
-};
-//#endregion
-export { l as ApprovalStepResolver };
+import "./index406.js";

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

@@ -1,51 +1,162 @@
-import { useMoniteContext as e } from "./index47.js";
-import { extractStructureItemsFromScriptStep as t, findUserApprovalCall as n, processApprovalStructure as r } from "./index323.js";
-import { ApprovalStepResolver as i } from "./index407.js";
-import { useMemo as a } from "react";
-import { useLingui as o } from "@lingui/react";
+import { useCounterpartById as e } from "./index48.js";
+import { getCounterpartName as t } from "./index53.js";
+import "./index142.js";
+import { isBillOverdue as n } from "./index224.js";
+import { PayableStatusChip as r } from "./index225.js";
+import { isPayableInOCRProcessing as i } from "./index398.js";
+import "./index402.js";
+import { DropdownMenu as a } from "./index403.js";
+import { FullScreenModalHeader as o } from "./index404.js";
+import "./index405.js";
+import { PayableDetailsCancelModal as s } from "./index406.js";
+import "./index407.js";
+import { useState as c } from "react";
+import { Wallet as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { Box as p, Button as m } from "@mui/material";
+import { useLingui as h } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index408.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);
-		}), 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");
-}
+var g = ({ payable: g, permissions: _, setEdit: v, isEdit: y, submitInvoice: b, rejectInvoice: x, approveInvoice: S, forceRejectInvoice: C, forceApproveInvoice: w, cancelInvoice: T, reopenInvoice: E, deleteInvoice: D, payInvoice: O, payableDetailsFormId: k, onClose: A, modalComponent: j, showPayButton: M }) => {
+	let { i18n: N } = h(), { data: P } = e(g?.counterpart_id), [F, I] = c(!1), L = t(P), R = n(g?.status ?? "draft", g?.due_date), z = {
+		edit: {
+			variant: "outlined",
+			onClick: () => v(!0),
+			children: N._("Edit")
+		},
+		save: {
+			variant: "contained",
+			form: k,
+			type: "submit",
+			children: N._("Save")
+		},
+		cancelEdit: {
+			variant: "outlined",
+			onClick: () => {
+				v(!1), !g && A && A();
+			},
+			children: N._("Cancel")
+		},
+		submit: {
+			variant: "contained",
+			onClick: () => b(),
+			children: N._("Submit")
+		},
+		reject: {
+			variant: "text",
+			color: "error",
+			onClick: () => x(),
+			children: N._("Reject")
+		},
+		reopen: {
+			variant: "text",
+			color: "error",
+			onClick: () => E(),
+			children: N._("Reopen")
+		},
+		approve: {
+			variant: "contained",
+			onClick: () => S(),
+			children: N._("Approve")
+		},
+		cancel: {
+			variant: "text",
+			color: "error",
+			onClick: () => I(!0),
+			children: N._("Cancel bill")
+		},
+		delete: {
+			variant: "text",
+			color: "error",
+			onClick: () => {
+				D(), A?.();
+			},
+			children: N._("Delete bill")
+		},
+		pay: {
+			variant: "contained",
+			size: "small",
+			onClick: () => O(),
+			disabled: !M,
+			startIcon: /* @__PURE__ */ d(l, { size: 14 }),
+			children: N._("Pay")
+		},
+		forceApprove: {
+			variant: "outlined",
+			onClick: () => w(),
+			children: N._("Force Approve")
+		},
+		forceReject: {
+			variant: "outlined",
+			color: "error",
+			onClick: () => C(),
+			children: N._("Force Reject")
+		}
+	}, B = _.includes("cancel"), V = g?.document_id ? L ? `${N._("Bill")} #${g.document_id} ${N._("from")} ${L}` : y ? `${N._("Edit bill")} #${g.document_id}` : `${N._("Bill")} #${g.document_id}` : N._("New incoming invoice"), H = null;
+	if (!g || !i(g)) {
+		let e = _.filter((e) => e === "approve" || e === "reject"), t = _.filter((e) => e === "forceApprove" || e === "forceReject"), n = ["forceApprove", "forceReject"].filter((e) => t.includes(e)), r = n.map((e) => {
+			let { children: t, onClick: n } = z[e];
+			return {
+				key: e,
+				label: t,
+				onClick: n,
+				sx: { color: e === "forceReject" ? "error.main" : "text.primary" }
+			};
+		}), i = _.filter((e) => ![
+			"approve",
+			"reject",
+			"forceApprove",
+			"forceReject"
+		].includes(e));
+		H = /* @__PURE__ */ f(p, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: 1
+			},
+			children: [
+				i.map((e) => {
+					let { children: t, ...n } = z[e];
+					return /* @__PURE__ */ d(m, {
+						...n,
+						children: t
+					}, e);
+				}),
+				e.length > 0 && e.map((e) => {
+					let { children: t, ...n } = z[e];
+					return /* @__PURE__ */ d(m, {
+						...n,
+						children: t
+					}, e);
+				}),
+				n.length > 0 && /* @__PURE__ */ d(a, { items: r })
+			]
+		});
+	}
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d(o, {
+			className: "Monite-PayableDetails-Header",
+			title: V,
+			statusElement: /* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-2",
+				children: [/* @__PURE__ */ d(r, {
+					status: g?.status ?? "draft",
+					dueDate: g?.due_date
+				}), R && /* @__PURE__ */ d(r, {
+					status: g?.status ?? "draft",
+					dueDate: g?.due_date,
+					showOverdueBadge: !0
+				})]
+			}),
+			actions: H,
+			closeButtonTooltip: N._("Close payable details")
+		}),
+		j,
+		B && /* @__PURE__ */ d(s, {
+			isOpen: F,
+			handleCloseModal: () => I(!1),
+			handleConfirmation: T
+		})
+	] });
+};
 //#endregion
-export { c as useResolvedApprovalStepsWithPolicy };
+export { g as PayableDetailsHeader };