@tesouro/embedded-components-react 0.2.325 → 0.2.327

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

@@ -1,55 +1,193 @@
-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";
+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 { useCurrencies as n } from "./index63.js";
+import { useEntityUserByAuthToken as r } from "./index129.js";
+import { usePayablePaymentIntentsAndRecords as i } from "./index134.js";
+import "./index189.js";
+import { useUserPermissions as a } from "./index112.js";
+import { useGetPayableCounterpart as o } from "./index354.js";
+import { usePayButtonVisibility as s } from "./index357.js";
+import { useGetPayableById as c } from "./index359.js";
+import { useGetPayableLineItems as l } from "./index360.js";
+import { useGetPayableApprovalRequests as u } from "./index361.js";
+import { useCreatePayable as ee } from "./index362.js";
+import { useUpdatePayable as d } from "./index363.js";
+import { useCreatePayableLineItem as te } from "./index364.js";
+import { useUpdatePayableLineItem as ne } from "./index365.js";
+import { useDeletePayableLineItem as re } from "./index366.js";
+import { useCancelPayableById as ie } from "./index367.js";
+import { useSubmitPayableForApproval as ae } from "./index368.js";
+import { useForceRejectPayable as oe } from "./index369.js";
+import { useForceApprovePayable as se } from "./index370.js";
+import { useReopenPayable as ce } from "./index371.js";
+import { useDeletePayable as le } from "./index372.js";
+import { prepareLineItemSubmit as f } from "./index375.js";
+import { usePaymentHandler as ue } from "./index390.js";
+import { useRejectApprovalRequest as de } from "./index391.js";
+import { useApproveApprovalRequest as fe } from "./index392.js";
+import { isPayableInOCRProcessing as p } from "./index393.js";
+import { useCallback as m, useEffect as h, useMemo as g, useState as pe } from "react";
+import { toast as _ } from "react-hot-toast";
+import { useLingui as me } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index394.js
-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);
+function v({ id: v, enableGLCodes: he, shouldOpenInEditMode: ge, onSaved: y, onCanceled: _e, onSubmitted: ve, onRejected: b, onApproved: x, onReopened: ye, onDeleted: be, onPay: S }) {
+	let { api: C, queryClient: w } = t(), T = a(), { i18n: E } = me(), { formatToMinorUnits: D } = n(), { data: O } = r(), [k, A] = pe(ge ?? !1), j = C.finops.getPayablesId.getQueryData({ path: { payable_id: v ?? "" } }, w), M = j && p(j), { data: N, error: xe, isLoading: Se, refetch: P } = c(v ?? "", M, k), F = N?.status, { payablesPaymentIntentsRecord: Ce, refetch: I } = i(v ? [v] : []), { showPayButton: we, intentsAnalysis: Te } = s({
+		payable: N,
+		payableRecentPaymentRecordByIntent: Ce?.[v ?? ""] || []
+	}), { handlePay: L, modalComponent: Ee } = ue(v, N?.counterpart_id, () => {
+		P(), I();
+	}, Te.idPaymentIntentInCreated), { counterpart: De, isCounterpartAIMatched: Oe, AISuggestions: ke } = o({ payable: N });
+	h(() => {
+		if (M) return () => void C.finops.getPayables.invalidateQueries(w);
+	}, [
+		C,
+		M,
+		w
+	]);
+	let { data: Ae } = l(v ?? ""), R = Ae?.data, { data: z } = u(v ?? "", F), B = z?.data?.find((e) => e.status === "waiting" && !e.approved_by?.includes(O?.id ?? "") && e.user_ids?.includes(O?.id ?? "")), V = T.has(e.PayableWriteOrg), H = T.has(e.PayableWriteOrg), U = T.has(e.PayableWriteOrg), W = T.has(e.PayableApproveOrg), G = T.has(e.PayablePayOrg), K = T.has(e.PayableWriteOrg), q = T.has(e.PayableWriteOrg), J = ee(), Y = d(), X = te(v ?? ""), je = ne(v ?? ""), Me = re(v ?? ""), { mutateAsync: Ne, isPending: Pe } = ie(v ?? "", _e), { submitForApproval: Fe, isPending: Z } = ae({
+		payableId: v ?? "",
+		AISuggestions: ke?.suggested_counterpart,
+		isCounterpartAIMatched: Oe,
+		counterpartId: De?.id,
+		onSubmitted: ve
+	}), { mutateAsync: Ie, isPending: Le } = de(B?.id ?? "", b, v, N?.document_id), { mutateAsync: Re, isPending: ze } = fe(B?.id ?? "", x, v, N?.document_id), { mutateAsync: Be, isPending: Ve } = oe(v ?? "", b), { mutateAsync: He, isPending: Q } = se(v ?? "", x), { mutateAsync: Ue, isPending: We } = ce(v ?? "", ye), { mutateAsync: Ge } = le(v ?? "", be), Ke = J.isPending || Y.isPending || Pe || Z || Ve || Q || We || Le || ze, qe = J.isPending || Y.isPending || Z, $ = m(() => T.has(e.PayableApproveOrg), [T]), Je = g(() => {
+		if (!v) return ["cancelEdit", "save"];
+		if (F === "draft") return k ? H ? ["cancelEdit", "save"] : [] : [...V ? ["cancel"] : [], ...H ? ["edit"] : []];
+		if (F === "new") return k ? H ? ["cancelEdit", "save"] : [] : [
+			...V ? ["cancel"] : [],
+			...H ? ["edit"] : [],
+			...U ? ["submit"] : []
+		];
+		if (F === "approve_in_progress") {
+			let e = (z?.data?.length ?? 0) > 0 && z?.data?.[0]?.status === "waiting" && B !== void 0, t = $();
+			return [...e ? ["reject", "approve"] : [], ...W && t ? ["forceReject", "forceApprove"] : []];
+		}
+		return (F === "waiting_to_be_paid" || F === "partially_paid") && G && Number(N?.amount_to_pay) > 0 ? ["pay"] : F === "rejected" && K ? ["reopen"] : F === "canceled" && q ? ["delete"] : [];
+	}, [
+		v,
+		F,
+		k,
+		H,
+		V,
+		U,
+		W,
+		K,
+		q,
+		G,
+		z,
+		B,
+		N?.amount_to_pay,
+		$
+	]), Ye = async (e, t) => {
+		let n = await J.mutateAsync({ ...e }, { onSuccess: (e) => {
+			_.success(E._("Payable “{createdPayableDocument_id}” has been created", { createdPayableDocument_id: e.document_id })), C.finops.getCounterparts.invalidateQueries({ parameters: { query: { is_vendor: !0 } } }, w);
+		} });
+		if (t) {
+			let e = [];
+			t?.forEach((t) => {
+				n.currency && !t.id && e.push(X.mutateAsync({
+					path: { payable_id: n.id },
+					body: f(n.currency, t, D, { allowLedgerUpdate: !1 })
+				}));
+			}), await Promise.all(e);
+		}
+		await Promise.all([
+			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w),
+			C.finops.getPayables.invalidateQueries(w),
+			C.finops.getPayablesIdLineItems.invalidateQueries({ parameters: { path: { payable_id: n.id } } }, w)
+		]), k && A(!1), y?.(n.id);
+	}, Xe = async (e, t, n, r) => {
+		let i = await Y.mutateAsync({
+			path: { payable_id: e },
+			body: t
+		}, { onSuccess: (e) => {
+			_.success(E._("Payable “{updatedPayableDocument_id}” has been updated", { updatedPayableDocument_id: e.document_id }));
+		} });
+		if (n && r) {
+			let e = [];
+			n?.forEach((t) => {
+				i.currency && !t.id && e.push(X.mutateAsync({
+					path: { payable_id: i.id },
+					body: f(i.currency, t, D)
+				}));
+			}), r?.lineItems?.forEach((t, r) => {
+				if (!t) return;
+				let { id: a, ...o } = t, s = Object.values(o).some((e) => e), c = n[r]?.id, l = n[r], u = !a && !!s && !!c && !!l;
+				i.currency && u && e.push(je.mutateAsync({
+					path: {
+						payable_id: i.id,
+						line_item_id: c
+					},
+					body: f(i.currency, l, D, {
+						allowLedgerUpdate: he && !!o.ledger_account_id,
+						previous: R?.find((e) => e.id === c)?.ledger_account_id
+					})
+				}));
+			}), R?.forEach((t) => {
+				n?.find((e) => e.id === t.id) || e.push(Me.mutateAsync({ path: {
+					payable_id: i.id,
+					line_item_id: t.id
+				} }));
+			}), await Promise.all(e);
+		}
+		await C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: i.id } } }, w), k && A(!1), y?.(e);
+	}, Ze = async (e, t) => {
+		let n = t.map((e) => e.id);
+		await Y.mutateAsync({
+			path: { payable_id: e },
+			body: { tag_ids: n }
+		}, { onSuccess: (e) => {
+			C.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: e.id } } }, w);
+		} });
+	}, Qe = m(() => {
+		if (N) {
+			if (!S) return L();
+			if (S?.length < 2) return S(N.id);
+			S(N.id, void 0, {
+				resolve: (e) => {
+					e?.showToast && _.success(E._("Payment flow started")), P(), I();
+				},
+				reject: (e, t) => {
+					t?.showToast && _.error(E._("Payment failed or cancelled")), P(), I();
+				}
+			});
+		}
+	}, [
+		E,
+		N,
+		L,
+		S,
+		P,
+		I
+	]);
+	return {
+		payable: N,
+		isLoading: Se || Ke || qe,
+		payableQueryError: xe,
+		isEdit: k,
+		permissions: Je,
+		lineItems: R,
+		showPayButton: we,
+		currentUserApprovalRequest: B,
+		actions: {
+			setEdit: A,
+			createInvoice: Ye,
+			saveInvoice: Xe,
+			submitInvoice: Fe,
+			rejectInvoice: Ie,
+			approveInvoice: Re,
+			forceRejectInvoice: Be,
+			forceApproveInvoice: He,
+			reopenInvoice: Ue,
+			cancelInvoice: Ne,
+			deleteInvoice: Ge,
+			payInvoice: Qe,
+			handlePay: L,
+			updateTags: Ze,
+			modalComponent: Ee
+		}
 	};
-	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);
-			},
-			sx: i,
-			children: /* @__PURE__ */ n(a, { primary: t })
-		}, e))
-	})] });
-};
+}
 //#endregion
-export { l as DropdownMenu };
+export { v as usePayableDetails };

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

@@ -1,46 +1,102 @@
-import { useDialog as e } from "./index201.js";
-import "./index202.js";
-import { IconWrapper as t } from "./index205.js";
-import "./index206.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";
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useFileInput as n } from "./index181.js";
+import "./index189.js";
+import { CenteredContentBox as r } from "./index203.js";
+import "./index204.js";
+import { useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
+import { toast as l } from "react-hot-toast";
+import { Box as u, Button as d, CircularProgress as f, Typography as p, alpha as m, useTheme as h } from "@mui/material";
+import { useLingui as g } from "@lingui/react";
+import _ from "@mui/icons-material/AttachFile";
+import v from "@mui/icons-material/CloudUploadOutlined";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index395.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
-			})
-		]
+var y = ({ payableId: y }) => {
+	let { i18n: b } = g(), { api: x, queryClient: S } = t(), C = h(), { FileInput: w, openFileInput: T, checkFileError: E } = n(), [D, O] = a(!1), k = x.finops.postPayablesIdAttachFile.useMutation({ path: { payable_id: y } }, {
+		onSuccess: () => Promise.all([x.finops.getPayables.invalidateQueries(S), x.finops.getPayablesId.invalidateQueries({ parameters: { path: { payable_id: y } } }, S)]),
+		onError: () => {}
+	}), A = i(() => ({
+		border: 2,
+		borderRadius: 2,
+		borderStyle: "dashed",
+		borderColor: "primary.main",
+		backgroundColor: m(C.palette.primary.main, .05)
+	}), [C.palette.primary.main]), j = (e) => {
+		e.preventDefault(), O(!0);
+	}, M = (e) => {
+		e.preventDefault(), O(!1);
+	}, N = (e) => {
+		e.preventDefault(), O(!1);
+		let t = Array.from(e.dataTransfer.files)[0];
+		t && P(t);
+	}, P = (t) => {
+		let n = E(t);
+		if (n) {
+			l.error(n);
+			return;
+		}
+		y && k.mutate({ file: t }, {
+			onSuccess: () => {
+				l.success(b._("File successfully attached"));
+			},
+			onError: (t) => {
+				l.error(e(b, t));
+			}
+		});
+	};
+	return k.isPending ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(f, {}) }) : /* @__PURE__ */ s(u, {
+		className: "Monite-PayableDetailsAttachFile",
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			textAlign: "center",
+			...D && A
+		},
+		onDragOver: j,
+		onDragLeave: M,
+		onDrop: N,
+		children: /* @__PURE__ */ s(u, {
+			sx: { margin: "auto" },
+			children: D ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(v, {
+				color: "primary",
+				fontSize: "large"
+			}), /* @__PURE__ */ s(p, {
+				color: "primary",
+				variant: "subtitle2",
+				children: b._("Drop the file here to upload")
+			})] }) : /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(_, {
+					color: "primary",
+					fontSize: "large",
+					sx: { marginBottom: 2 }
+				}),
+				/* @__PURE__ */ s(p, {
+					variant: "h3",
+					sx: { marginBottom: 1 },
+					children: b._("Attach a file")
+				}),
+				/* @__PURE__ */ s(p, { children: b._("This invoice doesn't have a file attached.") }),
+				/* @__PURE__ */ s(p, {
+					sx: { marginBottom: 2 },
+					children: b._("Drag & Drop it here to save for administrative purposes.")
+				}),
+				/* @__PURE__ */ s(d, {
+					variant: "outlined",
+					component: "label",
+					onClick: T,
+					children: b._("Choose from device")
+				}),
+				/* @__PURE__ */ s(w, { onChange: (e) => {
+					let t = e.target.files ? e.target.files[0] : null;
+					t && P(t);
+				} })
+			] })
+		})
 	});
-}, 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 };
+export { y as PayableDetailsAttachFile };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index397.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/index397.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 "./index197.js";

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

@@ -1 +1,55 @@
-import "./index397.js";
+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/index398.js
+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);
+			},
+			sx: i,
+			children: /* @__PURE__ */ n(a, { primary: t })
+		}, e))
+	})] });
+};
+//#endregion
+export { l as DropdownMenu };

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

@@ -1,162 +1,46 @@
-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 "./index389.js";
-import "./index393.js";
-import { DropdownMenu as a } from "./index394.js";
-import { FullScreenModalHeader as o } from "./index395.js";
-import "./index396.js";
-import { PayableDetailsCancelModal as s } from "./index397.js";
-import "./index398.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 { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { IconWrapper as t } from "./index205.js";
+import "./index206.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/index399.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",
+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",
-				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
-				})]
+				ml: 2,
+				children: [/* @__PURE__ */ n(f, { children: i }), o]
 			}),
-			actions: H,
-			closeButtonTooltip: N._("Close payable details")
-		}),
-		j,
-		B && /* @__PURE__ */ d(s, {
-			isOpen: F,
-			handleCloseModal: () => I(!1),
-			handleConfirmation: T
-		})
-	] });
-};
+			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 { g as PayableDetailsHeader };
+export { u as FullScreenModalHeader };