@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,32 +1,21 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { MoniteScopedProviders as n } from "./index209.js";
-import { useUserPermissions as r } from "./index112.js";
-import { AccessRestriction as i } from "./index238.js";
-import "./index240.js";
-import { PageHeader as a } from "./index328.js";
-import { ApprovalRequestsTable as o } from "./index345.js";
-import "./index346.js";
-import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { toast as u } from "react-hot-toast";
-import { useLingui as d } from "@lingui/react";
+import { useFileById as e } from "./index131.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Avatar as n } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index347.js
-var f = () => /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(p, {}) }), p = () => {
-	let { i18n: n } = d(), { api: f, queryClient: p } = t(), m = r().has(e.ApprovalRequestReadOrg), h = f.finops.postApprovalRequestsIdApprove.useMutation(), g = f.finops.postApprovalRequestsIdReject.useMutation(), _ = (e) => h.mutateAsync({ path: { approval_request_id: e } }, { onSuccess: () => (u.success(n._("Request was approved")), f.finops.getApprovalRequests.invalidateQueries(p)) }), v = (e) => g.mutateAsync({
-		body: void 0,
-		path: { approval_request_id: e }
-	}, { onSuccess: () => (u.success(n._("Request was rejected")), f.finops.getApprovalRequests.invalidateQueries(p)) });
-	return /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c(a, { title: n._("Approval Requests") }),
-		!m && /* @__PURE__ */ c(i, {}),
-		m && /* @__PURE__ */ c(o, { onRowActionClick: ({ id: e, action: t }) => {
-			switch (t) {
-				case "approve": return _(e);
-				case "reject": return v(e);
-			}
-		} })
-	] });
+var r = ({ alt: e, fileId: r, ...a }) => r ? /* @__PURE__ */ t(i, {
+	fileId: r,
+	alt: e,
+	...a
+}) : /* @__PURE__ */ t(n, {
+	alt: e,
+	...a
+}), i = ({ alt: r, fileId: i, ...a }) => {
+	let { data: o } = e(i);
+	return /* @__PURE__ */ t(n, {
+		alt: r,
+		src: o?.url,
+		...a
+	});
 };
 //#endregion
-export { f as ApprovalRequests };
+export { r as UserAvatar };

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

@@ -1,3 +1,22 @@
-import "./index345.js";
-import "./index346.js";
-import "./index347.js";
+import { useEntityUserById as e } from "./index129.js";
+import "./index138.js";
+import { UserAvatar as t } from "./index347.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { Chip as r, Skeleton as i } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index348.js
+var a = ({ entityUserId: a }) => {
+	let { data: o, isLoading: s } = e(a);
+	return o ? s ? /* @__PURE__ */ n(r, { label: /* @__PURE__ */ n(i, {
+		variant: "rounded",
+		height: "50%",
+		width: 100,
+		animation: "wave"
+	}) }) : /* @__PURE__ */ n(r, {
+		avatar: /* @__PURE__ */ n(t, { fileId: o.userpic_file_id }),
+		label: `${o.first_name ?? ""} ${o.last_name ?? ""}`.trim() || "—",
+		variant: "outlined",
+		color: "secondary"
+	}) : null;
+};
+//#endregion
+export { a as UserCell };

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

@@ -1,64 +1,185 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { Button as n, Dialog as r, DialogActions as i, DialogContent as a, DialogTitle as o, Typography as s } from "@mui/material";
-import { useLingui as c } from "@lingui/react";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { ScopedCssBaselineContainerClassName as t } from "./index31.js";
+import { useMoniteContext as n } from "./index47.js";
+import { useCurrencies as r } from "./index63.js";
+import { useEntityUserByAuthToken as i } from "./index129.js";
+import "./index138.js";
+import { useAreCounterpartsLoading as a, useAutosizeGridColumns as o } from "./index182.js";
+import "./index189.js";
+import { MoniteScopedProviders as s } from "./index209.js";
+import { useUserPermissions as c } from "./index112.js";
+import { CounterpartNameCellById as l } from "./index238.js";
+import { DataGridEmptyState as u } from "./index239.js";
+import "./index240.js";
+import { GetNoRowsOverlay as d } from "./index241.js";
+import { AccessRestriction as f } from "./index242.js";
+import "./index244.js";
+import "./index335.js";
+import { TablePagination as p } from "./index337.js";
+import { FILTER_TYPE_CREATED_AT as m } from "./index338.js";
+import { ApprovalRequestsFilter as h } from "./index343.js";
+import { ApprovalRequestStatusChip as g } from "./index344.js";
+import "./index345.js";
+import { useApprovalRequestActionsCell as _ } from "./index346.js";
+import { UserCell as v } from "./index348.js";
+import { useMemo as y, useState as b } from "react";
+import { addDays as x, formatISO as S } from "date-fns";
+import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
+import { Box as ee } from "@mui/material";
+import { useLingui as te } from "@lingui/react";
+import { DataGrid as ne } from "@mui/x-data-grid";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index349.js
-var l = ({ open: l, type: u, onClose: d, onConfirm: f }) => {
-	let { i18n: p } = c(), m = u === "approve";
-	return /* @__PURE__ */ t(r, {
-		open: l,
-		onClose: d,
-		maxWidth: "sm",
-		fullWidth: !0,
-		container: () => document.body,
-		PaperProps: { sx: {
-			borderRadius: 3,
-			padding: 2
-		} },
-		children: [
-			/* @__PURE__ */ e(o, {
-				sx: { p: "16px !important" },
-				children: /* @__PURE__ */ e(s, {
-					variant: "h5",
-					fontWeight: 600,
-					children: m ? p._("Force Approve bill?") : p._("Force Reject bill?")
-				})
-			}),
-			/* @__PURE__ */ e(a, {
-				sx: {
-					px: 2,
-					pb: 3
-				},
-				children: /* @__PURE__ */ e(s, {
-					variant: "body1",
-					color: "text.secondary",
-					children: m ? p._("The bill status will change to Approved, skipping the approval flow.") : p._("The bill status will change to Rejected, skipping the approval flow.")
-				})
-			}),
-			/* @__PURE__ */ t(i, {
-				sx: {
-					px: 0,
-					pt: 2,
-					gap: 2
-				},
-				children: [/* @__PURE__ */ e(n, {
-					onClick: d,
-					variant: "text",
-					sx: {
-						color: "primary.main",
-						fontWeight: 500,
-						textTransform: "none",
-						fontSize: "16px"
+var T = (e) => /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(E, { ...e }) }), E = ({ onRowClick: s, ...T }) => {
+	let { api: E, locale: D, componentSettings: O } = n(), { i18n: k } = te(), { formatCurrencyToDisplay: A } = r(), { data: j } = i(), M = c(), N = M.has(e.ApprovalRequestReadOrg), P = M.has(e.PayableReadOrg), F = M.has(e.ApprovalRequestUpdateOrg), I = _({
+		onRowActionClick: "onRowActionClick" in T && T.onRowActionClick,
+		isApprovePending: "isApprovePending" in T && T.isApprovePending,
+		isRejectPending: "isRejectPending" in T && T.isRejectPending
+	}), [L, R] = b(null), [z, B] = b(O.approvalRequests.pageSizeOptions[0]), [V, H] = b({}), { data: U, isLoading: W, isError: G, refetch: K } = E.finops.getApprovalRequests.useQuery({ query: {
+		sort: "updated_at",
+		order: "desc",
+		object_type: "payable",
+		pagination_token: L ?? void 0,
+		limit: z,
+		status: V.status || void 0,
+		created_at__lt: V.created_at ? S(x(V[m], 1)) : void 0,
+		created_at__gte: V.created_at ? S(V[m]) : void 0,
+		created_by: V.current_user ? j?.id : V.created_by || void 0
+	} }), { data: q, isLoading: J } = E.finops.getPayables.useQuery({ query: { id__in: U?.data.map((e) => e.object_id) } }), Y = U?.data.map((e) => {
+		let t = q?.data.find((t) => t.id === e.object_id);
+		return {
+			id: e.id,
+			number: t?.document_id,
+			counterpart_id: t?.counterpart_id,
+			issued_at: t?.issued_at,
+			due_date: t?.due_date,
+			status: e.status,
+			amount_to_pay: t?.amount_to_pay,
+			currency: t?.currency,
+			created_by: e.created_by,
+			user_ids: e.user_ids,
+			approved_by: e.approved_by
+		};
+	}), X = (e, t) => {
+		R(null), H((n) => ({
+			...n,
+			[e]: t === "all" ? null : t
+		}));
+	}, re = a(Y), Z = y(() => [
+		{
+			field: "number",
+			headerName: k._("Invoice #"),
+			sortable: !1,
+			flex: .7
+		},
+		{
+			field: "counterpart_id",
+			headerName: k._("Vendor"),
+			sortable: !1,
+			display: "flex",
+			flex: 1,
+			renderCell: (e) => /* @__PURE__ */ C(l, { counterpartId: e.value })
+		},
+		{
+			field: "issued_at",
+			type: "date",
+			headerName: k._("Issue date"),
+			sortable: !1,
+			flex: .7,
+			valueFormatter: (e) => e && k.date(e, D.dateFormat)
+		},
+		{
+			field: "due_date",
+			type: "date",
+			headerName: k._("Due date"),
+			sortable: !1,
+			flex: .7,
+			valueFormatter: (e) => e && k.date(e, D.dateFormat)
+		},
+		{
+			field: "status",
+			headerName: k._("Status"),
+			sortable: !1,
+			flex: .7,
+			renderCell: (e) => /* @__PURE__ */ C(g, { status: e.value })
+		},
+		{
+			field: "amount",
+			headerName: k._("Amount"),
+			sortable: !1,
+			flex: .5,
+			valueGetter: (e, t) => t.amount_to_pay && t.currency ? A(t.amount_to_pay, t.currency) : ""
+		},
+		{
+			field: "created_by",
+			headerName: k._("Added by"),
+			sortable: !1,
+			flex: 1,
+			renderCell: ({ value: e }) => /* @__PURE__ */ C(v, { entityUserId: e })
+		},
+		...I ? [I] : []
+	], [
+		I,
+		D.dateFormat,
+		A,
+		k
+	]), ie = o(q?.data, Z, re, "ApprovalRequestsTable");
+	if (!N || !P) return /* @__PURE__ */ C(f, {});
+	let Q = Object.keys(V).some((e) => V[e] !== null && V[e] !== void 0), $ = !!V.created_at || !!V.created_by;
+	return !W && U?.data.length === 0 && !Q && !$ ? /* @__PURE__ */ C(u, {
+		title: k._("No Approval Requests"),
+		descriptionLine1: k._("You don't have any approval requests yet."),
+		type: "no-data"
+	}) : /* @__PURE__ */ w(ee, {
+		className: t,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			height: "inherit",
+			minHeight: "500px"
+		},
+		children: [/* @__PURE__ */ C(h, {
+			onChangeFilter: X,
+			sx: { mb: 2 }
+		}), /* @__PURE__ */ C(ne, {
+			rowSelection: !1,
+			disableColumnFilter: !0,
+			initialState: { columns: { columnVisibilityModel: { actions: F && "onRowActionClick" in T } } },
+			apiRef: ie,
+			loading: W || J,
+			onRowClick: (e) => s?.(e.row.id),
+			slots: {
+				pagination: () => /* @__PURE__ */ C(p, {
+					pageSizeOptions: O.approvalRequests.pageSizeOptions,
+					paginationLayout: O.approvalRequests.paginationLayout,
+					navigationPosition: O.approvalRequests.navigationPosition,
+					pageSizePosition: O.approvalRequests.pageSizePosition,
+					prevPage: U?.prev_pagination_token,
+					nextPage: U?.next_pagination_token,
+					paginationModel: {
+						pageSize: z,
+						page: L
 					},
-					children: p._("Cancel")
-				}), /* @__PURE__ */ e(n, {
-					onClick: f,
-					variant: "contained",
-					color: m ? "primary" : "error",
-					children: m ? p._("Force Approve") : p._("Force Reject")
-				})]
-			})
-		]
+					onPaginationModelChange: ({ page: e, pageSize: t }) => {
+						B(t), R(e);
+					}
+				}),
+				noRowsOverlay: () => /* @__PURE__ */ C(d, {
+					isLoading: W,
+					dataLength: U?.data.length || 0,
+					isFiltering: Q,
+					isSearching: $,
+					isError: G,
+					refetch: K,
+					entityName: k._("Approval Requests"),
+					type: "no-data"
+				})
+			},
+			columns: Z,
+			rows: Y ?? []
+		})]
 	});
 };
 //#endregion
-export { l as PayableDetailsForceActionDialog };
+export { T as ApprovalRequestsTable };

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

@@ -1,34 +1 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCounterpartById as t } from "./index48.js";
-import "./index138.js";
-import { useMemo as n } from "react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index350.js
-var r = ({ payable: r }) => {
-	let { api: i } = e(), a = n(() => !r?.counterpart_id && (r?.status === "draft" || r?.status === "new"), [r?.counterpart_id, r?.status]), { data: o, isLoading: s } = i.finops.getPayablesIdSuggestions.useQuery({ path: { payable_id: r?.id ?? "" } }, { enabled: !!a && !!r?.id }), c = n(() => r?.counterpart_id ?? o?.suggested_counterpart?.id ?? null, [r?.counterpart_id, o?.suggested_counterpart?.id]), { data: l, isLoading: u } = t(c ?? void 0), d = n(() => r?.counterpart_raw_data?.name, [r?.counterpart_raw_data?.name]), f = n(() => !c && !!d && !s && (r?.status === "draft" || r?.status === "new"), [
-		c,
-		d,
-		s,
-		r?.status
-	]), { data: p, isLoading: m } = i.finops.getCounterparts.useQuery({ query: {
-		counterpart_name__icontains: d,
-		is_vendor: !0,
-		limit: 1
-	} }, {
-		enabled: f,
-		select: (e) => e.data[0]
-	}), h = n(() => !!o?.suggested_counterpart?.id && a, [o?.suggested_counterpart?.id, a]), g = n(() => !!p?.id && f, [p?.id, f]), _ = n(() => s || m || u, [
-		s,
-		m,
-		u
-	]);
-	return {
-		counterpart: p ?? l,
-		counterpartRawName: d,
-		isCounterpartAIMatched: h,
-		isCounterpartMatchingToOCRFound: g,
-		isCounterpartLoading: _,
-		AISuggestions: o
-	};
-};
-//#endregion
-export { r as useGetPayableCounterpart };
+import "./index349.js";

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

@@ -1,13 +1,32 @@
-import { useMoniteContext as e } from "./index47.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { MoniteScopedProviders as n } from "./index209.js";
+import { useUserPermissions as r } from "./index112.js";
+import { AccessRestriction as i } from "./index242.js";
+import "./index244.js";
+import { PageHeader as a } from "./index332.js";
+import { ApprovalRequestsTable as o } from "./index349.js";
+import "./index350.js";
+import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { toast as u } from "react-hot-toast";
+import { useLingui as d } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index351.js
-var t = (t) => {
-	let { componentSettings: n } = e();
-	return {
-		optionalFields: t?.optionalFields ?? n?.payables?.optionalFields,
-		ocrRequiredFields: t?.ocrRequiredFields ?? n?.payables?.ocrRequiredFields,
-		ocrMismatchFields: t?.ocrMismatchFields ?? n?.payables?.ocrMismatchFields,
-		isTagsDisabled: t?.isTagsDisabled ?? n?.payables?.isTagsDisabled
-	};
+var f = () => /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(p, {}) }), p = () => {
+	let { i18n: n } = d(), { api: f, queryClient: p } = t(), m = r().has(e.ApprovalRequestReadOrg), h = f.finops.postApprovalRequestsIdApprove.useMutation(), g = f.finops.postApprovalRequestsIdReject.useMutation(), _ = (e) => h.mutateAsync({ path: { approval_request_id: e } }, { onSuccess: () => (u.success(n._("Request was approved")), f.finops.getApprovalRequests.invalidateQueries(p)) }), v = (e) => g.mutateAsync({
+		body: void 0,
+		path: { approval_request_id: e }
+	}, { onSuccess: () => (u.success(n._("Request was rejected")), f.finops.getApprovalRequests.invalidateQueries(p)) });
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c(a, { title: n._("Approval Requests") }),
+		!m && /* @__PURE__ */ c(i, {}),
+		m && /* @__PURE__ */ c(o, { onRowActionClick: ({ id: e, action: t }) => {
+			switch (t) {
+				case "approve": return _(e);
+				case "reject": return v(e);
+			}
+		} })
+	] });
 };
 //#endregion
-export { t as usePayableDetailsThemeProps };
+export { f as ApprovalRequests };

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

@@ -1,34 +1,3 @@
-import { useComponentSettings as e } from "./index187.js";
-import { useCallback as t } from "react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index352.js
-var n = (n) => {
-	let { payablesCallbacks: r } = e(), { onSaved: i, onCanceled: a, onSubmitted: o, onRejected: s, onApproved: c, onReopened: l, onDeleted: u, onPay: d } = n, f = t((e) => {
-		i?.(e), r.onSaved?.(e);
-	}, [i, r]), p = i || r.onSaved ? f : void 0, m = t((e) => {
-		a?.(e), r.onCanceled?.(e);
-	}, [a, r]), h = a || r.onCanceled ? m : void 0, g = t((e) => {
-		o?.(e), r.onSubmitted?.(e);
-	}, [o, r]), _ = o || r.onSubmitted ? g : void 0, v = t((e) => {
-		s?.(e), r.onRejected?.(e);
-	}, [s, r]), y = s || r.onRejected ? v : void 0, b = t((e) => {
-		c?.(e), r.onApproved?.(e);
-	}, [c, r]), x = c || r.onApproved ? b : void 0, S = t((e) => {
-		l?.(e), r.onReopened?.(e);
-	}, [l, r]), C = l || r.onReopened ? S : void 0, w = t((e) => {
-		u?.(e), r.onDeleted?.(e);
-	}, [u, r]), T = u || r.onDeleted ? w : void 0, E = t((e, t, n) => {
-		d?.(e, t, n), r.onPay?.(e, t, n);
-	}, [d, r]);
-	return {
-		handleSaved: p,
-		handleCanceled: h,
-		handleSubmitted: _,
-		handleRejected: y,
-		handleApproved: x,
-		handleReopened: C,
-		handleDeleted: T,
-		handlePay: d || r.onPay ? E : void 0
-	};
-};
-//#endregion
-export { n as usePayableCallbacks };
+import "./index349.js";
+import "./index350.js";
+import "./index351.js";

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

@@ -1,47 +1,64 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useUserPermissions as t } from "./index112.js";
-import { useMemo as n } from "react";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Button as n, Dialog as r, DialogActions as i, DialogContent as a, DialogTitle as o, Typography as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index353.js
-var r = ({ payable: r, payableRecentPaymentRecordByIntent: i }) => {
-	let a = t().has(e.PayablePayOrg), o = n(() => r ? ["waiting_to_be_paid", "partially_paid"].includes(r.status) : !1, [r]), s = n(() => {
-		let e = [], t = [], n = [], r = [], a = !1, o = {};
-		return i.forEach((i) => {
-			let { record: s } = i;
-			s.planned_payment_date && e.push(i), s.status === "processing" && t.push(i), s.status === "succeeded" && n.push(i), s.status === "created" && r.push(i), s.status !== "created" && (a = !0);
-			let c = s.planned_payment_date ? "scheduled" : s.status;
-			o[c] || (o[c] = {
-				count: 0,
-				sum: 0,
-				records: []
-			}), o[c].count++, o[c].sum += s.amount, o[c].records.push(s);
-		}), {
-			scheduledIntents: e,
-			processingIntents: t,
-			succeededIntents: n,
-			createdRecords: r,
-			hasAnyIntentOtherThanCreated: a,
-			aggregation: o,
-			idPaymentIntentInCreated: r.length > 0 ? r[0].intent : void 0
-		};
-	}, [i]);
-	return {
-		showPayButton: n(() => {
-			if (!r) return !1;
-			let e = Number(r.amount_to_pay) > 0, t = s.scheduledIntents.length > 0 || s.processingIntents.length > 0 || s.succeededIntents.length > 0;
-			return a && o && e && !t;
-		}, [
-			r,
-			a,
-			o,
-			s.scheduledIntents.length,
-			s.processingIntents.length,
-			s.succeededIntents.length
-		]),
-		isPayAllowed: a,
-		payableStatusCanBePaid: o,
-		intentsAnalysis: s
-	};
+var l = ({ open: l, type: u, onClose: d, onConfirm: f }) => {
+	let { i18n: p } = c(), m = u === "approve";
+	return /* @__PURE__ */ t(r, {
+		open: l,
+		onClose: d,
+		maxWidth: "sm",
+		fullWidth: !0,
+		container: () => document.body,
+		PaperProps: { sx: {
+			borderRadius: 3,
+			padding: 2
+		} },
+		children: [
+			/* @__PURE__ */ e(o, {
+				sx: { p: "16px !important" },
+				children: /* @__PURE__ */ e(s, {
+					variant: "h5",
+					fontWeight: 600,
+					children: m ? p._("Force Approve bill?") : p._("Force Reject bill?")
+				})
+			}),
+			/* @__PURE__ */ e(a, {
+				sx: {
+					px: 2,
+					pb: 3
+				},
+				children: /* @__PURE__ */ e(s, {
+					variant: "body1",
+					color: "text.secondary",
+					children: m ? p._("The bill status will change to Approved, skipping the approval flow.") : p._("The bill status will change to Rejected, skipping the approval flow.")
+				})
+			}),
+			/* @__PURE__ */ t(i, {
+				sx: {
+					px: 0,
+					pt: 2,
+					gap: 2
+				},
+				children: [/* @__PURE__ */ e(n, {
+					onClick: d,
+					variant: "text",
+					sx: {
+						color: "primary.main",
+						fontWeight: 500,
+						textTransform: "none",
+						fontSize: "16px"
+					},
+					children: p._("Cancel")
+				}), /* @__PURE__ */ e(n, {
+					onClick: f,
+					variant: "contained",
+					color: m ? "primary" : "error",
+					children: m ? p._("Force Approve") : p._("Force Reject")
+				})]
+			})
+		]
+	});
 };
 //#endregion
-export { r as usePayButtonVisibility };
+export { l as PayableDetailsForceActionDialog };

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

@@ -1,14 +1,34 @@
 import { useMoniteContext as e } from "./index47.js";
+import { useCounterpartById as t } from "./index48.js";
+import "./index138.js";
+import { useMemo as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index354.js
-var t = (t = !0) => {
-	let { api: n } = e();
-	return n.finops.getLedgerAccounts.useQuery({ query: {
-		limit: 250,
-		sort: "name"
+var r = ({ payable: r }) => {
+	let { api: i } = e(), a = n(() => !r?.counterpart_id && (r?.status === "draft" || r?.status === "new"), [r?.counterpart_id, r?.status]), { data: o, isLoading: s } = i.finops.getPayablesIdSuggestions.useQuery({ path: { payable_id: r?.id ?? "" } }, { enabled: !!a && !!r?.id }), c = n(() => r?.counterpart_id ?? o?.suggested_counterpart?.id ?? null, [r?.counterpart_id, o?.suggested_counterpart?.id]), { data: l, isLoading: u } = t(c ?? void 0), d = n(() => r?.counterpart_raw_data?.name, [r?.counterpart_raw_data?.name]), f = n(() => !c && !!d && !s && (r?.status === "draft" || r?.status === "new"), [
+		c,
+		d,
+		s,
+		r?.status
+	]), { data: p, isLoading: m } = i.finops.getCounterparts.useQuery({ query: {
+		counterpart_name__icontains: d,
+		is_vendor: !0,
+		limit: 1
 	} }, {
-		enabled: t,
-		staleTime: 3e5
-	});
+		enabled: f,
+		select: (e) => e.data[0]
+	}), h = n(() => !!o?.suggested_counterpart?.id && a, [o?.suggested_counterpart?.id, a]), g = n(() => !!p?.id && f, [p?.id, f]), _ = n(() => s || m || u, [
+		s,
+		m,
+		u
+	]);
+	return {
+		counterpart: p ?? l,
+		counterpartRawName: d,
+		isCounterpartAIMatched: h,
+		isCounterpartMatchingToOCRFound: g,
+		isCounterpartLoading: _,
+		AISuggestions: o
+	};
 };
 //#endregion
-export { t as useLedgerAccounts };
+export { r as useGetPayableCounterpart };

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

@@ -1,20 +1,13 @@
 import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index355.js
-var t = 15e3, n = 2e3, r = 1e3, i = 1e4;
-function a({ isEditing: e, isOcrProcessing: a, payable: o }) {
-	return e ? !1 : a ? n : o?.status === "approve_in_progress" && !o.approval_policy_id && Date.now() - new Date(o.updated_at).getTime() < i ? r : t;
-}
-var o = (t, n, r) => {
-	let { api: i } = e();
-	return i.finops.getPayablesId.useQuery({ path: { payable_id: t ?? "" } }, {
-		enabled: !!t,
-		refetchInterval: (e) => a({
-			isEditing: r,
-			isOcrProcessing: n,
-			payable: e.state.data
-		}),
-		refetchOnMount: !0
-	});
+var t = (t) => {
+	let { componentSettings: n } = e();
+	return {
+		optionalFields: t?.optionalFields ?? n?.payables?.optionalFields,
+		ocrRequiredFields: t?.ocrRequiredFields ?? n?.payables?.ocrRequiredFields,
+		ocrMismatchFields: t?.ocrMismatchFields ?? n?.payables?.ocrMismatchFields,
+		isTagsDisabled: t?.isTagsDisabled ?? n?.payables?.isTagsDisabled
+	};
 };
 //#endregion
-export { a as getPayableRefetchInterval, o as useGetPayableById };
+export { t as usePayableDetailsThemeProps };