@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1 +1,348 @@
+import { dateStringToLocalDate as e } from "./index16.js";
+import { ScopedCssBaselineContainerClassName as t } from "./index31.js";
+import { useMoniteContext as n } from "./index47.js";
+import { getCounterpartName as r } from "./index53.js";
+import { useCurrencies as i } from "./index63.js";
+import { useCounterpartContactList as a } from "./index132.js";
+import { useEntityUserById as o } from "./index133.js";
+import { useApprovalPolicyById as s } from "./index134.js";
+import "./index142.js";
+import { useOptionalFields as c } from "./index205.js";
+import { CenteredContentBox as ee } from "./index231.js";
+import "./index232.js";
+import { MoniteScopedProviders as l } from "./index237.js";
+import { classNames as u } from "./index344.js";
+import { useGetPayableCounterpart as te } from "./index359.js";
+import { usePayableDetailsThemeProps as d } from "./index360.js";
+import { useLedgerAccounts as f } from "./index363.js";
+import "./index378.js";
+import { isFieldRequired as p } from "./index380.js";
+import { isPayableInOCRProcessing as ne } from "./index398.js";
+import { usePayableDetailsInfo as re } from "./index410.js";
+import { UserDisplayCell as ie } from "./index411.js";
+import { PayableApprovalFlowSection as ae } from "./index414.js";
+import { StyledLabelTableCell as m } from "./index415.js";
+import { TagsModal as h } from "./index416.js";
 import "./index417.js";
+import { useMemo as g, useState as _ } from "react";
+import { Sparkles as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { Box as S, Chip as C, CircularProgress as w, Grid as T, IconButton as oe, Paper as E, Stack as D, Table as O, TableBody as k, TableCell as A, TableHead as se, TableRow as j, Tooltip as M, Typography as N } from "@mui/material";
+import { useLingui as P } from "@lingui/react";
+import { styled as F } from "@mui/material/styles";
+import ce from "@mui/icons-material/CachedOutlined";
+import le from "@mui/icons-material/Edit";
+import I from "@mui/icons-material/WarningAmberRounded";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index418.js
+var L = F(S)(() => ({
+	pb: 6,
+	display: "flex",
+	flex: "1 1 auto",
+	overflow: "auto",
+	width: "100%",
+	height: 0
+})), R = (e) => /* @__PURE__ */ b(l, { children: /* @__PURE__ */ b(z, { ...e }) }), z = ({ payable: r, enableGLCodes: l, updateTags: v, ...w }) => {
+	let { i18n: M } = P(), { locale: F } = n(), { formatCurrencyToDisplay: I } = i(), { ocrRequiredFields: R, optionalFields: z } = d(w), { showInvoiceDate: V, showTags: H } = c(z, {
+		showInvoiceDate: !0,
+		showTags: !0
+	}), { counterpart: U, counterpartRawName: ue, isCounterpartLoading: de, isCounterpartAIMatched: fe, isCounterpartMatchingToOCRFound: pe } = te({ payable: r }), { counterpartBankAccountQuery: W, lineItemsQuery: me } = re({
+		currentCounterpartId: U?.id,
+		payableId: r.id
+	}), { data: G } = f(l), he = (e) => {
+		if (!e || !G?.data) return;
+		let t = G.data.find((t) => t.id === e);
+		if (!t) return;
+		let n = t.nominal_code && t.type ? `${t.nominal_code} — ${t.type}` : t.nominal_code ?? t.type ?? "";
+		return n ? `${M._("GL code")}: ${n}` : void 0;
+	}, { data: ge } = me, _e = ge?.data, { data: K } = a(U?.id), { data: q } = o(r.was_created_by_user_id), { data: J, isLoading: Y } = s(r.approval_policy_id), ve = !!J?.id, X = g(() => K?.find((e) => e.is_default), [K]), Z = g(() => W.data?.data.find((e) => e.id === r.counterpart_bank_account_id), [W, r]), Q = "Monite-PayableDetailsInfo", [ye, $] = _(!1);
+	return ne(r) ? /* @__PURE__ */ b(L, {
+		className: u(t, Q, "Monite-PayableDetailsInfo--ocr-processing"),
+		children: /* @__PURE__ */ b(ee, { children: /* @__PURE__ */ x(S, {
+			textAlign: "center",
+			children: [
+				/* @__PURE__ */ b(ce, {
+					color: "primary",
+					fontSize: "large"
+				}),
+				/* @__PURE__ */ b(N, {
+					variant: "h3",
+					mb: 2,
+					children: M._("File is being processed...")
+				}),
+				/* @__PURE__ */ b(N, {
+					variant: "body1",
+					children: M._("Hold on, we’re processing the file you’ve uploaded.")
+				}),
+				/* @__PURE__ */ b(N, {
+					variant: "body1",
+					children: M._("Usually it takes no more than 1–2 minutes.")
+				})
+			]
+		}) })
+	}) : /* @__PURE__ */ x(L, {
+		className: u(t, Q),
+		children: [/* @__PURE__ */ x(T, {
+			container: !0,
+			spacing: 3,
+			children: [
+				/* @__PURE__ */ x(T, {
+					item: !0,
+					xs: 12,
+					className: "Monite-PayableDetailsInfo-Details",
+					children: [/* @__PURE__ */ b(N, {
+						variant: "subtitle2",
+						mb: 2,
+						children: M._("Details")
+					}), /* @__PURE__ */ b(E, {
+						variant: "outlined",
+						children: /* @__PURE__ */ b(O, { children: /* @__PURE__ */ x(k, { children: [
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("invoiceNumber", R, r?.document_id) && r?.ocr_status === null,
+								children: M._("Number")
+							}), /* @__PURE__ */ b(A, { children: r.document_id ?? "—" })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("counterpartName", R) && r?.ocr_status === null,
+								children: M._("Vendor")
+							}), /* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(B, {
+								counterpart: U,
+								counterpartRawName: ue,
+								isCounterpartAIMatched: fe,
+								isCounterpartMatchingToOCRFound: pe,
+								isCounterpartLoading: de
+							}) })] }),
+							X && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("contactPerson", R) && r?.ocr_status === null,
+								children: M._("Contact person")
+							}), /* @__PURE__ */ b(A, { children: `${X.first_name} ${X.last_name}` })] }),
+							Z && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("counterpartBankAccount", R, Z?.name) && r?.ocr_status === null,
+								children: M._("Bank account")
+							}), /* @__PURE__ */ b(A, { children: Z.name })] }),
+							V && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("issueDate", R) && r?.ocr_status === null,
+								children: M._("Issue date")
+							}), /* @__PURE__ */ b(A, { children: r.issued_at ? M.date(e(r.issued_at), F.dateFormat) : "—" })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("dueDate", R, r.due_date) && r?.ocr_status === null,
+								children: M._("Due date")
+							}), /* @__PURE__ */ b(A, { children: r.due_date ? M.date(e(r.due_date), F.dateFormat) : "—" })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("amount", R) && r?.ocr_status === null,
+								children: M._("Total")
+							}), /* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(S, {
+								sx: {
+									display: "flex",
+									justifyContent: "space-between"
+								},
+								children: /* @__PURE__ */ b(S, { children: r.total_amount && r.currency ? I(r.total_amount, r.currency) : r.currency ? I(0, r.currency) : "—" })
+							}) })] }),
+							H && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("tags", R, r.tags?.[0]?.id) && r?.ocr_status === null,
+								children: M._("Tags")
+							}), /* @__PURE__ */ b(A, { children: /* @__PURE__ */ x(D, {
+								direction: "row",
+								gap: 1,
+								children: [/* @__PURE__ */ b(S, {
+									sx: { width: "100%" },
+									children: r.tags?.length ? /* @__PURE__ */ b(D, {
+										spacing: 1,
+										direction: "row",
+										useFlexGap: !0,
+										flexWrap: "wrap",
+										children: r.tags.map((e) => /* @__PURE__ */ b(C, {
+											label: e.name,
+											color: "primary",
+											sx: { maxWidth: 200 }
+										}, e.id))
+									}) : /* @__PURE__ */ b(N, {
+										variant: "body2",
+										sx: { marginTop: 1 },
+										children: M._("Not set")
+									})
+								}), /* @__PURE__ */ b(S, { children: /* @__PURE__ */ b(oe, {
+									"aria-label": M._("Edit tags"),
+									size: "small",
+									onClick: () => $(!0),
+									children: /* @__PURE__ */ b(le, { fontSize: "small" })
+								}) })]
+							}) })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("appliedPolicy", R) && r?.ocr_status === null,
+								children: M._("Applied policy")
+							}), /* @__PURE__ */ b(A, { children: !Y && J?.name ? /* @__PURE__ */ x(S, {
+								sx: {
+									display: "flex",
+									alignItems: "center",
+									gap: 1
+								},
+								children: [/* @__PURE__ */ b("span", { children: J.name }), (r.status === "waiting_to_be_paid" || r.status === "paid" || r.status === "partially_paid") && /* @__PURE__ */ b(C, {
+									label: M._("Approved"),
+									color: "success",
+									size: "small"
+								})]
+							}) : !Y && M._("no policy") })] })
+						] }) })
+					})]
+				}),
+				ve && J && /* @__PURE__ */ b(T, {
+					item: !0,
+					xs: 12,
+					children: /* @__PURE__ */ b(ae, {
+						approvalPolicy: J,
+						payableId: r.id,
+						currentStatus: r.status
+					})
+				}),
+				/* @__PURE__ */ x(T, {
+					item: !0,
+					xs: 12,
+					className: "Monite-PayableDetailsInfo-Items",
+					children: [/* @__PURE__ */ b(N, {
+						variant: "subtitle2",
+						mb: 2,
+						children: M._("Items")
+					}), /* @__PURE__ */ b(E, {
+						variant: "outlined",
+						children: /* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(se, { children: /* @__PURE__ */ x(j, { children: [
+							/* @__PURE__ */ b(A, { children: M._("Name") }),
+							/* @__PURE__ */ b(A, { children: M._("Quantity") }),
+							/* @__PURE__ */ b(A, { children: M._("Price") }),
+							/* @__PURE__ */ b(A, {
+								align: "right",
+								children: M._("Total, tax")
+							})
+						] }) }), /* @__PURE__ */ b(k, { children: _e?.map((e) => /* @__PURE__ */ x(j, { children: [
+							/* @__PURE__ */ b(A, { children: /* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(S, { children: e.name }), l && e.ledger_account_id && /* @__PURE__ */ b(N, {
+								variant: "body2",
+								color: "secondary.main",
+								children: he(e.ledger_account_id)
+							})] }) }),
+							/* @__PURE__ */ b(A, { children: e.quantity }),
+							/* @__PURE__ */ b(A, { children: e.unit_price ? I(e.unit_price, r.currency ?? "USD") : "—" }),
+							/* @__PURE__ */ b(A, {
+								align: "right",
+								children: e.subtotal && r.currency ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(S, { children: I(e.subtotal ?? 0, r.currency) }), /* @__PURE__ */ x(S, {
+									sx: { color: "secondary.main" },
+									children: [
+										M._("excl. Tax"),
+										" ",
+										`${e.tax ? (e.tax / 100).toFixed(0) : 0}%`
+									]
+								})] }) : r.currency ? I(0, r.currency) : "—"
+							})
+						] }, e.id)) })] })
+					})]
+				}),
+				/* @__PURE__ */ b(T, {
+					item: !0,
+					xs: 12,
+					className: "Monite-PayableDetailsInfo-Totals",
+					children: /* @__PURE__ */ b(E, {
+						variant: "outlined",
+						children: /* @__PURE__ */ b(O, { children: /* @__PURE__ */ x(k, { children: [
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(A, { children: M._("Subtotal") }), /* @__PURE__ */ b(A, {
+								align: "right",
+								children: r.subtotal && r.currency ? I(r.subtotal, r.currency) : r.currency ? I(0, r.currency) : "—"
+							})] }),
+							!!r.discount && r.currency && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(A, { children: M._("Discount") }), /* @__PURE__ */ b(A, {
+								align: "right",
+								children: I(r.discount ?? 0, r.currency)
+							})] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(A, { children: M._("Tax Total") }), /* @__PURE__ */ b(A, {
+								align: "right",
+								children: r.tax_amount && r.currency ? I(r.tax_amount, r.currency) : r.currency ? I(0, r.currency) : "—"
+							})] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(N, {
+								variant: "subtitle1",
+								children: M._("Total")
+							}) }), /* @__PURE__ */ b(A, {
+								align: "right",
+								children: /* @__PURE__ */ b(N, {
+									variant: "subtitle1",
+									children: r.total_amount && r.currency ? I(r.total_amount, r.currency) : r.currency ? I(0, r.currency) : "—"
+								})
+							})] })
+						] }) })
+					})
+				}),
+				/* @__PURE__ */ x(T, {
+					item: !0,
+					xs: 12,
+					className: "Monite-PayableDetailsInfo-History",
+					children: [/* @__PURE__ */ b(N, {
+						variant: "subtitle2",
+						mb: 2,
+						children: M._("History")
+					}), /* @__PURE__ */ b(E, {
+						variant: "outlined",
+						children: /* @__PURE__ */ b(O, { children: /* @__PURE__ */ x(k, { children: [
+							q && /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("addedByUser", R) && r?.ocr_status === null,
+								children: M._("Added by")
+							}), /* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(ie, {
+								user: {
+									id: q.id,
+									first_name: q.first_name,
+									last_name: q.last_name,
+									userpic_file_id: q.userpic_file_id
+								},
+								showAvatar: !0,
+								avatarSize: 24,
+								typographyVariant: "body2"
+							}) })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("addedOn", R) && r?.ocr_status === null,
+								children: M._("Added on")
+							}), /* @__PURE__ */ b(A, { children: r.created_at ? M.date(r.created_at, {
+								dateStyle: "short",
+								timeStyle: "short"
+							}) : "—" })] }),
+							/* @__PURE__ */ x(j, { children: [/* @__PURE__ */ b(m, {
+								isRequired: p("updatedOn", R) && r?.ocr_status === null,
+								children: M._("Last updated on")
+							}), /* @__PURE__ */ b(A, { children: r.updated_at ? M.date(r.updated_at, {
+								dateStyle: "short",
+								timeStyle: "short"
+							}) : "—" })] })
+						] }) })
+					})]
+				})
+			]
+		}), /* @__PURE__ */ b(h, {
+			opened: ye,
+			value: r.tags || [],
+			updateTags: v,
+			onClose: () => $(!1)
+		})]
+	});
+}, B = ({ counterpart: e, counterpartRawName: t, isCounterpartAIMatched: n, isCounterpartMatchingToOCRFound: i, isCounterpartLoading: a }) => {
+	let { i18n: o } = P();
+	if (a) return /* @__PURE__ */ b(w, {
+		size: 14,
+		color: "secondary"
+	});
+	let s = r(e);
+	return s && !i ? /* @__PURE__ */ x(D, {
+		component: "span",
+		gap: 1,
+		direction: "row",
+		children: [s, n && /* @__PURE__ */ b(M, {
+			title: o._("Vendor auto-matched by AI. The vendor name on the bill doesn’t exactly match the saved vendor, so AI selected the closest option."),
+			children: /* @__PURE__ */ b(v, { className: "ttw:text-blue-600" })
+		})]
+	}) : t ? /* @__PURE__ */ x(D, {
+		component: "span",
+		gap: 1,
+		direction: "row",
+		children: [t, /* @__PURE__ */ b(M, {
+			title: i ? o._("The vendor details in the bill don’t fully match the saved vendor.") : o._("The specified vendor has not been saved yet."),
+			children: /* @__PURE__ */ b(I, {
+				color: "warning",
+				fontSize: "small",
+				sx: { alignSelf: "center" }
+			})
+		})]
+	}) : /* @__PURE__ */ b(y, { children: "—" });
+};
+//#endregion
+export { R as PayableDetailsInfo };

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

@@ -1 +1 @@
-import "./index234.js";
+import "./index418.js";

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

@@ -1,162 +1,32 @@
-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 "./index209.js";
-import { useUserPermissions as a } from "./index112.js";
-import { NotFound as o } from "./index234.js";
-import { AccessRestriction as s } from "./index242.js";
-import "./index244.js";
-import { LoadingPage as c } from "./index255.js";
-import "./index256.js";
-import { classNames as l } from "./index339.js";
-import { PayableDetailsForceActionDialog as u } from "./index353.js";
-import { PayableDetailsForm as ee } from "./index387.js";
-import "./index388.js";
-import { usePayableDetails as te } from "./index394.js";
-import { PayableDetailsAttachFile as ne } from "./index395.js";
-import "./index396.js";
-import { PayableDetailsHeader as re } from "./index403.js";
-import "./index404.js";
-import { PayableDetailsInfo as ie } from "./index413.js";
-import "./index414.js";
-import { PayableDetailsNoAttachedFile as ae } from "./index415.js";
-import "./index416.js";
-import { FileViewer as oe } from "./index417.js";
-import "./index418.js";
-import "./index419.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";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Box as n, Typography as r } from "@mui/material";
+import { useLingui as i } from "@lingui/react";
+import a from "@mui/icons-material/AttachFile";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index420.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,
+var o = () => {
+	let { i18n: o } = i();
+	return /* @__PURE__ */ e(n, {
+		className: "Monite-PayableDetailsNoAttachedFile",
 		sx: {
 			width: "100%",
 			height: "100%",
 			display: "flex",
 			flexDirection: "column",
-			position: "absolute"
+			justifyContent: "center",
+			textAlign: "center"
 		},
-		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, {});
+		children: /* @__PURE__ */ t(n, {
+			sx: { margin: "auto" },
+			children: [/* @__PURE__ */ e(a, {
+				color: "primary",
+				fontSize: "large",
+				sx: { marginBottom: 2 }
+			}), /* @__PURE__ */ e(r, {
+				color: "secondary",
+				children: o._("This invoice doesn’t have a file attached.")
+			})]
+		})
+	});
 };
 //#endregion
-export { y as PayableDetails };
+export { o as PayableDetailsNoAttachedFile };

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

@@ -1,37 +1,29 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { Suspense as e, lazy as t, useEffect as n, useState as r } from "react";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index422.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
-	};
+var a = t(() => import("./index622.js")), o = ({ url: e, mimetype: t, name: n, showCloseButton: r, onClose: a }) => t === "application/pdf" ? /* @__PURE__ */ i(s, {
+	url: e,
+	showCloseButton: r,
+	onClose: a
+}) : /* @__PURE__ */ i("img", {
+	className: "Monite-ImageFileViewer",
+	src: e,
+	alt: n,
+	loading: "lazy",
+	style: {
+		width: "100%",
+		objectFit: "contain"
+	}
+}), s = ({ url: t, showCloseButton: o, onClose: s }) => {
+	let [c, l] = r(!1);
+	return n(() => l(!0), []), c ? /* @__PURE__ */ i(e, {
+		fallback: null,
+		children: /* @__PURE__ */ i(a, {
+			url: t,
+			showCloseButton: o,
+			onClose: s
+		})
+	}) : null;
 };
 //#endregion
-export { i as useDragScroll };
+export { o as FileViewer };

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

@@ -1,36 +1 @@
-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/index423.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)
-			})]
-		})
-	});
-};
-//#endregion
-export { i as StatusCard };
+import "./index422.js";

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

@@ -1,6 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index424.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)));
-};
-//#endregion
-export { t as getPayablesAnalyticsSnapshot };
+import "./index239.js";