@tesouro/embedded-components-react 0.3.57 → 0.3.58

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

@@ -1 +1,162 @@
+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 { generatePayablesButtonCssVars as n } from "./index44.js";
+import { useMoniteContext as r } from "./index47.js";
+import { MoniteScopedProviders as i } from "./index238.js";
+import { useUserPermissions as a } from "./index119.js";
+import { NotFound as o } from "./index240.js";
+import { AccessRestriction as s } from "./index248.js";
+import "./index250.js";
+import { LoadingPage as c } from "./index261.js";
+import "./index262.js";
+import { classNames as l } from "./index345.js";
+import { PayableDetailsForceActionDialog as u } from "./index359.js";
+import { PayableDetailsForm as ee } from "./index393.js";
+import "./index394.js";
+import { usePayableDetails as te } from "./index400.js";
+import { PayableDetailsAttachFile as ne } from "./index401.js";
+import "./index402.js";
+import { PayableDetailsHeader as re } from "./index409.js";
+import "./index410.js";
+import { PayableDetailsInfo as ie } from "./index419.js";
+import "./index420.js";
+import { PayableDetailsNoAttachedFile as ae } from "./index421.js";
+import "./index422.js";
+import { FileViewer as oe } from "./index423.js";
+import "./index424.js";
 import "./index425.js";
+import { useId as se, useMemo as ce, useState as le } from "react";
+import { Fragment as ue, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { Alert as p, Backdrop as m, Box as h, DialogContent as g, Grid as _ } from "@mui/material";
+import { useLingui as v } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index426.js
+var y = (e) => /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(b, { ...e }) }), b = ({ id: i, optionalFields: y, enableGLCodes: b, hideAddDiscountButton: x, hideAddBankAccountButton: S, shouldOpenInEditMode: C, initialCounterpartId: w, onClose: T, onSaved: E, onCanceled: D, onSubmitted: O, onRejected: k, onApproved: A, onReopened: j, onDeleted: M, onPay: N }) => {
+	let { payable: P, payableQueryError: F, permissions: I, lineItems: L, isEdit: R, isLoading: z, showPayButton: B, actions: { setEdit: V, createInvoice: H, saveInvoice: U, submitInvoice: de, payInvoice: fe, rejectInvoice: pe, approveInvoice: me, forceRejectInvoice: he, forceApproveInvoice: ge, cancelInvoice: _e, reopenInvoice: ve, deleteInvoice: ye, updateTags: be, modalComponent: xe } } = te({
+		id: i,
+		enableGLCodes: b,
+		shouldOpenInEditMode: C,
+		onSaved: E,
+		onCanceled: D,
+		onSubmitted: O,
+		onRejected: k,
+		onApproved: A,
+		onReopened: j,
+		onDeleted: M,
+		onPay: N
+	}), [W, G] = le(null), K = () => G(null), Se = async () => {
+		K(), await ge();
+	}, q = async () => {
+		K(), await he();
+	}, { i18n: J } = v(), { componentSettings: Y, theme: X } = r(), Ce = ce(() => n(X.components?.styles?.payables?.button), [X.components?.styles?.payables?.button]), Z = a(), Q = Z.has(e.PayableWriteOrg), we = Z.has(e.PayableReadOrg), $ = `Monite-PayableDetailsForm-${se()}`;
+	return we ? F ? /* @__PURE__ */ d(o, {
+		title: J._("Payable not found"),
+		description: J._("There is no payable by provided id: {id}", { id: i })
+	}) : /* @__PURE__ */ d(ue, { children: /* @__PURE__ */ f(h, {
+		className: l(t, "Monite-PayableDetails", "Monite-Payables"),
+		style: Ce,
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			position: "absolute"
+		},
+		children: [
+			/* @__PURE__ */ d(m, {
+				open: z,
+				sx: { zIndex: (e) => e.zIndex.drawer + 1 },
+				children: /* @__PURE__ */ d(c, {})
+			}),
+			/* @__PURE__ */ d(re, {
+				payable: P,
+				permissions: I,
+				setEdit: V,
+				isEdit: R,
+				submitInvoice: de,
+				rejectInvoice: pe,
+				approveInvoice: me,
+				forceRejectInvoice: () => G("reject"),
+				forceApproveInvoice: () => G("approve"),
+				reopenInvoice: ve,
+				cancelInvoice: _e,
+				deleteInvoice: ye,
+				payInvoice: fe,
+				payableDetailsFormId: $,
+				onClose: T,
+				modalComponent: xe,
+				showPayButton: B
+			}, String(R)),
+			/* @__PURE__ */ d(u, {
+				open: W === "approve",
+				type: "approve",
+				onClose: K,
+				onConfirm: Se
+			}),
+			/* @__PURE__ */ d(u, {
+				open: W === "reject",
+				type: "reject",
+				onClose: K,
+				onConfirm: q
+			}),
+			/* @__PURE__ */ d(g, {
+				sx: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: /* @__PURE__ */ f(_, {
+					container: !0,
+					columnSpacing: 4,
+					height: "100%",
+					children: [/* @__PURE__ */ f(_, {
+						item: !0,
+						container: !0,
+						xs: 6,
+						height: "100%",
+						children: [
+							P?.file && /* @__PURE__ */ d(oe, {
+								name: P.file.name,
+								mimetype: P.file.mimetype,
+								url: P.file.url
+							}),
+							Q && P?.id && !P?.file && /* @__PURE__ */ d(ne, { payableId: P.id }),
+							!Q && P?.id && !P?.file && /* @__PURE__ */ d(ae, {})
+						]
+					}), /* @__PURE__ */ f(_, {
+						item: !0,
+						container: !0,
+						xs: 6,
+						flexDirection: "column",
+						height: "100%",
+						overflow: "auto",
+						children: [P && (P.status === "new" || P.status === "draft") && (P.ocr_status === "error" || P.ocr_status === "canceled") && /* @__PURE__ */ d(h, {
+							mb: 2,
+							children: /* @__PURE__ */ d(p, {
+								severity: "error",
+								children: J._("Due to an error, the OCR failed to read the data from the document. Please input the data manually.")
+							})
+						}), R ? /* @__PURE__ */ d(ee, {
+							savePayable: U,
+							createPayable: H,
+							payable: P,
+							initialCounterpartId: w,
+							optionalFields: y,
+							lineItems: L,
+							payableDetailsFormId: $,
+							enableGLCodes: b,
+							hideAddDiscountButton: x ?? Y?.payables?.hideAddDiscountButton,
+							hideAddBankAccountButton: S ?? Y?.payables?.hideAddBankAccountButton
+						}) : P && /* @__PURE__ */ d(ie, {
+							updateTags: (e) => i && be(i, e || []),
+							payable: P,
+							optionalFields: y,
+							enableGLCodes: b
+						})]
+					})]
+				})
+			})
+		]
+	}) }) : /* @__PURE__ */ d(s, {});
+};
+//#endregion
+export { y as PayableDetails };

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

@@ -1,37 +1 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index427.js
-var i = () => {
-	let i = n(null), [a, o] = r(!1), [s, c] = r(0), [l, u] = r(0), d = e((e) => {
-		o(!0), c(e.pageX - (i.current?.offsetLeft || 0)), u(i.current?.scrollLeft || 0);
-	}, []), f = e(() => {
-		o(!1);
-	}, []), p = e(() => {
-		o(!1);
-	}, []), m = e((e) => {
-		if (!a) return;
-		e.preventDefault();
-		let t = e.pageX - (i.current?.offsetLeft || 0) - s;
-		i.current && (i.current.scrollLeft = l - t);
-	}, [
-		a,
-		s,
-		l
-	]), h = e((e) => {
-		i.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), i.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-	}, []);
-	return t(() => {
-		let e = i.current;
-		if (e) return e.addEventListener("wheel", h), () => {
-			e.removeEventListener("wheel", h);
-		};
-	}, [h]), {
-		containerRef: i,
-		handleMouseDown: d,
-		handleMouseLeave: f,
-		handleMouseUp: p,
-		handleMouseMove: m,
-		isDragging: a
-	};
-};
-//#endregion
-export { i as useDragScroll };
+import "./index426.js";

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

@@ -1,36 +1,37 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index428.js
-var i = ({ isAllStatus: i, data: a, amountOfItems: o, selected: s, onClick: c, formatAmount: l, statusChip: u, allItemsText: d }) => {
-	let { i18n: f } = n();
-	return /* @__PURE__ */ e("button", {
-		onClick: c,
-		type: "button",
-		className: r("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", s ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"),
-		children: i ? /* @__PURE__ */ t("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2",
-			children: [/* @__PURE__ */ e("span", {
-				className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950",
-				children: d ?? f._("All items")
-			}), /* @__PURE__ */ e("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums",
-				children: a
-			})]
-		}) : /* @__PURE__ */ t("div", {
-			className: "ttw:flex ttw:flex-col",
-			children: [/* @__PURE__ */ t("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-				children: [u, /* @__PURE__ */ e("span", {
-					className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums",
-					children: o ?? 0
-				})]
-			}), /* @__PURE__ */ e("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis",
-				children: l(a)
-			})]
-		})
-	});
+var i = () => {
+	let i = n(null), [a, o] = r(!1), [s, c] = r(0), [l, u] = r(0), d = e((e) => {
+		o(!0), c(e.pageX - (i.current?.offsetLeft || 0)), u(i.current?.scrollLeft || 0);
+	}, []), f = e(() => {
+		o(!1);
+	}, []), p = e(() => {
+		o(!1);
+	}, []), m = e((e) => {
+		if (!a) return;
+		e.preventDefault();
+		let t = e.pageX - (i.current?.offsetLeft || 0) - s;
+		i.current && (i.current.scrollLeft = l - t);
+	}, [
+		a,
+		s,
+		l
+	]), h = e((e) => {
+		i.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), i.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
+	}, []);
+	return t(() => {
+		let e = i.current;
+		if (e) return e.addEventListener("wheel", h), () => {
+			e.removeEventListener("wheel", h);
+		};
+	}, [h]), {
+		containerRef: i,
+		handleMouseDown: d,
+		handleMouseLeave: f,
+		handleMouseUp: p,
+		handleMouseMove: m,
+		isDragging: a
+	};
 };
 //#endregion
-export { i as StatusCard };
+export { i as useDragScroll };

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

@@ -1,6 +1,36 @@
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index429.js
-var e = (e) => JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t))), t = (t) => {
-	if (t) return JSON.stringify(t.map(e).sort((e, t) => e.localeCompare(t)));
+var i = ({ isAllStatus: i, data: a, amountOfItems: o, selected: s, onClick: c, formatAmount: l, statusChip: u, allItemsText: d }) => {
+	let { i18n: f } = n();
+	return /* @__PURE__ */ e("button", {
+		onClick: c,
+		type: "button",
+		className: r("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", s ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"),
+		children: i ? /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2",
+			children: [/* @__PURE__ */ e("span", {
+				className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950",
+				children: d ?? f._("All items")
+			}), /* @__PURE__ */ e("span", {
+				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums",
+				children: a
+			})]
+		}) : /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:flex-col",
+			children: [/* @__PURE__ */ t("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
+				children: [u, /* @__PURE__ */ e("span", {
+					className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums",
+					children: o ?? 0
+				})]
+			}), /* @__PURE__ */ e("span", {
+				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis",
+				children: l(a)
+			})]
+		})
+	});
 };
 //#endregion
-export { t as getPayablesAnalyticsSnapshot };
+export { i as StatusCard };

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

@@ -1,105 +1,6 @@
-import { useMoniteContext as e } from "./index47.js";
-import { useCurrencies as t } from "./index63.js";
-import { Skeleton as n } from "./index54.js";
-import { PayableStatusChip as r } from "./index225.js";
-import "./index402.js";
-import { useDragScroll as i } from "./index427.js";
-import { StatusCard as a } from "./index428.js";
-import { getPayablesAnalyticsSnapshot as o } from "./index429.js";
-import { useEffect as s, useRef as c } from "react";
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useLingui as u } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index430.js
-var d = [
-	{
-		groupStatus: "all",
-		apiStatuses: [],
-		representativeStatus: null
-	},
-	{
-		groupStatus: "draft",
-		apiStatuses: ["draft", "new"],
-		representativeStatus: "draft"
-	},
-	{
-		groupStatus: "pending_approval",
-		apiStatuses: ["approve_in_progress"],
-		representativeStatus: "approve_in_progress"
-	},
-	{
-		groupStatus: "rejected",
-		apiStatuses: ["rejected"],
-		representativeStatus: "rejected"
-	},
-	{
-		groupStatus: "ready_to_pay",
-		apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-		representativeStatus: "waiting_to_be_paid"
-	},
-	{
-		groupStatus: "paid",
-		apiStatuses: ["paid"],
-		representativeStatus: "paid"
-	},
-	{
-		groupStatus: "cancelled",
-		apiStatuses: ["canceled"],
-		representativeStatus: "canceled"
-	}
-], f = ({ onChangeFilter: e, selectedStatus: o }) => {
-	let { i18n: s } = u(), { data: c, isLoading: f } = p(), { formatCurrencyToDisplay: m } = t(), { containerRef: h, handleMouseDown: g, handleMouseLeave: _, handleMouseUp: v, handleMouseMove: y } = i();
-	if (f) return /* @__PURE__ */ l("div", {
-		className: "ttw:flex ttw:gap-2",
-		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ l(n, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, t))
-	});
-	let b = c?.data ?? [], x = d.map(({ groupStatus: e, apiStatuses: t }) => {
-		if (e === "all") return {
-			status: "all",
-			count: b.reduce((e, t) => e + t.count, 0),
-			sum_total_amount: b.reduce((e, t) => e + (t.sum_total_amount ?? 0), 0)
-		};
-		let n = b.filter((e) => t.includes(e.status));
-		return {
-			status: e,
-			count: n.reduce((e, t) => e + t.count, 0),
-			sum_total_amount: n.reduce((e, t) => e + (t.sum_total_amount ?? 0), 0)
-		};
-	}).filter((e) => e.status === "all" || e.count > 0), S = (t) => {
-		e("status", t === "all" ? null : t);
-	}, C = (e) => m(e, "USD") ?? "—";
-	return /* @__PURE__ */ l("div", {
-		ref: h,
-		className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none",
-		onMouseDown: g,
-		onMouseLeave: _,
-		onMouseUp: v,
-		onMouseMove: y,
-		children: x.map((e) => {
-			let t = d.find((t) => t.groupStatus === e.status);
-			return /* @__PURE__ */ l(a, {
-				allItemsText: s._("All bills"),
-				isAllStatus: e.status === "all",
-				data: e.status === "all" ? e.count ?? 0 : e.sum_total_amount ?? 0,
-				amountOfItems: e.status === "all" ? void 0 : e.count ?? 0,
-				selected: o === e.status,
-				onClick: () => S(e.status),
-				formatAmount: C,
-				statusChip: t?.representativeStatus ? /* @__PURE__ */ l(r, { status: t.representativeStatus }) : void 0
-			}, e.status);
-		})
-	});
-}, p = () => {
-	let { api: t, queryClient: n } = e(), r = t.finops.getPayablesAnalytics.useQuery({}, {
-		enabled: !!n,
-		refetchInterval: 3e3
-	}), i = o(r.data?.data), a = c(void 0);
-	return s(() => {
-		i !== void 0 && a.current !== void 0 && i !== a.current && n && t.finops.getPayables.invalidateQueries(n), a.current = i;
-	}, [
-		i,
-		t,
-		n
-	]), r;
+var e = (e) => JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t))), t = (t) => {
+	if (t) return JSON.stringify(t.map(e).sort((e, t) => e.localeCompare(t)));
 };
 //#endregion
-export { f as SummaryCardsFilters };
+export { t as getPayablesAnalyticsSnapshot };