@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,348 +1,51 @@
-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 "./index128.js";
-import { useEntityUserById as o } from "./index129.js";
-import { useApprovalPolicyById as s } from "./index130.js";
-import "./index138.js";
-import { useOptionalFields as c } from "./index177.js";
-import { CenteredContentBox as ee } from "./index203.js";
-import "./index204.js";
-import { MoniteScopedProviders as l } from "./index209.js";
-import { classNames as u } from "./index339.js";
-import { useGetPayableCounterpart as te } from "./index354.js";
-import { usePayableDetailsThemeProps as d } from "./index355.js";
-import { useLedgerAccounts as f } from "./index358.js";
-import "./index373.js";
-import { isFieldRequired as p } from "./index375.js";
-import { isPayableInOCRProcessing as ne } from "./index393.js";
-import { usePayableDetailsInfo as re } from "./index405.js";
-import { UserDisplayCell as ie } from "./index406.js";
-import { PayableApprovalFlowSection as ae } from "./index409.js";
-import { StyledLabelTableCell as m } from "./index410.js";
-import { TagsModal as h } from "./index411.js";
-import "./index412.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";
+import { useMoniteContext as e } from "./index47.js";
+import { extractStructureItemsFromScriptStep as t, findUserApprovalCall as n, processApprovalStructure as r } from "./index328.js";
+import { ApprovalStepResolver as i } from "./index412.js";
+import { useMemo as a } from "react";
+import { useLingui as o } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index413.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" }
+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;
 			})
-		})]
-	}) : /* @__PURE__ */ b(y, { children: "—" });
-};
+		})), [v, S]),
+		isLoading: p || h || x,
+		error: null
+	};
+}
+function c(e, t) {
+	return s(e, t.id, "desc");
+}
 //#endregion
-export { R as PayableDetailsInfo };
+export { c as useResolvedApprovalStepsWithPolicy };

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

@@ -1 +1,85 @@
-import "./index413.js";
+import { PayableStatusChip as e } from "./index225.js";
+import { User as t } from "./index264.js";
+import "./index265.js";
+import { useResolvedApprovalStepsWithPolicy as n } from "./index413.js";
+import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Box as a, CircularProgress as o, Paper as s, Stack as c, Table as l, TableBody as u, TableCell as d, TableRow as f, Typography as p } from "@mui/material";
+import { useLingui as m } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index414.js
+var h = ({ approvalPolicy: h, payableId: g, showUsersAsEmail: _ = !0 }) => {
+	let { i18n: v } = m(), { steps: y, isLoading: b } = n(g, h);
+	return b ? /* @__PURE__ */ r(a, {
+		sx: {
+			display: "flex",
+			justifyContent: "center",
+			p: 3
+		},
+		children: /* @__PURE__ */ r(o, { size: 20 })
+	}) : y.length ? /* @__PURE__ */ i(a, {
+		sx: { mt: 4 },
+		children: [/* @__PURE__ */ r(p, {
+			variant: "h6",
+			gutterBottom: !0,
+			sx: { fontWeight: 600 },
+			children: v._("Approval flow")
+		}), /* @__PURE__ */ r(s, {
+			variant: "outlined",
+			sx: { mt: 2 },
+			children: /* @__PURE__ */ r(l, {
+				sx: {
+					tableLayout: "fixed",
+					width: "100%"
+				},
+				children: /* @__PURE__ */ r(u, { children: y.map((n, a) => /* @__PURE__ */ i(f, { children: [
+					/* @__PURE__ */ r(d, {
+						sx: {
+							verticalAlign: "middle",
+							py: 2,
+							width: "160px"
+						},
+						children: /* @__PURE__ */ r(p, {
+							variant: "body2",
+							color: "text.primary",
+							sx: { fontWeight: "normal" },
+							children: n.type
+						})
+					}),
+					/* @__PURE__ */ r(d, {
+						sx: {
+							py: 2,
+							verticalAlign: "middle",
+							minWidth: "52px"
+						},
+						children: n.userNames.length > 0 ? /* @__PURE__ */ r(c, {
+							direction: "column",
+							spacing: .5,
+							sx: { overflow: "hidden" },
+							children: n.resolvedUsers.map((e) => e ? /* @__PURE__ */ r(t, {
+								user: e,
+								variant: "cell",
+								showUsersAsEmail: _,
+								showAvatar: !1
+							}, e.id) : null)
+						}) : /* @__PURE__ */ r(p, {
+							variant: "body2",
+							color: "text.secondary",
+							sx: { fontWeight: "medium" },
+							children: v._("No users assigned")
+						})
+					}),
+					/* @__PURE__ */ r(d, {
+						sx: {
+							py: 2,
+							textAlign: "right",
+							verticalAlign: "middle",
+							width: "140px"
+						},
+						children: /* @__PURE__ */ r(e, { status: n.payableStatus })
+					})
+				] }, a)) })
+			})
+		})]
+	}) : null;
+};
+//#endregion
+export { h as PayableApprovalFlowSection };

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

@@ -1,32 +1,23 @@
-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";
+import { useMemo as e } from "react";
+import { jsx as t, jsxs as n } from "@emotion/react/jsx-runtime";
+import { Card as r, Table as i, TableBody as a, TableCell as o, TableRow as s, styled as c } from "@mui/material";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index415.js
-var o = () => {
-	let { i18n: o } = i();
-	return /* @__PURE__ */ e(n, {
-		className: "Monite-PayableDetailsNoAttachedFile",
-		sx: {
-			width: "100%",
-			height: "100%",
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "center",
-			textAlign: "center"
-		},
-		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.")
-			})]
-		})
-	});
-};
+var l = c(o)(({ theme: e, isRequired: t }) => ({
+	color: t ? e.palette.error.main : e.palette.text.secondary,
+	minWidth: 120,
+	width: "35%"
+})), u = (r) => {
+	let i = e(() => !r.value && r.withEmptyStateFiller ? "—" : r.value, [r.value, r.withEmptyStateFiller]);
+	return i ? /* @__PURE__ */ n(s, { children: [/* @__PURE__ */ t(l, {
+		component: "th",
+		scope: "row",
+		children: r.label
+	}), /* @__PURE__ */ t(o, { children: i })] }) : null;
+}, d = ({ items: e, children: o, ...s }) => /* @__PURE__ */ n(r, {
+	variant: "outlined",
+	sx: { overflow: "visible" },
+	...s,
+	children: [/* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(a, { children: e.map((e, n) => /* @__PURE__ */ t(u, { ...e }, n)) }) }), o]
+});
 //#endregion
-export { o as PayableDetailsNoAttachedFile };
+export { d as MoniteCard, u as MoniteCardItem, l as StyledLabelTableCell };

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

@@ -1 +1,45 @@
-import "./index415.js";
+import { useRootElements as e } from "./index206.js";
+import "./index207.js";
+import { Dialog as t } from "./index229.js";
+import "./index230.js";
+import { TagsAutocomplete as n } from "./index311.js";
+import "./index313.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { Button as o, DialogActions as s, DialogContent as c, DialogTitle as l } from "@mui/material";
+import { useLingui as u } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index416.js
+var d = ({ opened: d, onClose: f, value: p, updateTags: m }) => {
+	let { root: h } = e(), { i18n: g } = u(), [_, v] = r(p);
+	return /* @__PURE__ */ a(t, {
+		open: d,
+		onClose: f,
+		container: h,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ i(l, { children: g._("Edit tags") }),
+			/* @__PURE__ */ i(c, {
+				dividers: !0,
+				children: /* @__PURE__ */ i(n, {
+					value: _,
+					onChange: (e) => {
+						v(e);
+					}
+				})
+			}),
+			/* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(o, {
+				variant: "text",
+				onClick: f,
+				children: g._("Cancel")
+			}), /* @__PURE__ */ i(o, {
+				variant: "contained",
+				onClick: () => {
+					m?.(_), f();
+				},
+				children: g._("Update")
+			})] })
+		]
+	});
+};
+//#endregion
+export { d as TagsModal };

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

@@ -1,29 +1 @@
-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/index417.js
-var a = t(() => import("./index616.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 { o as FileViewer };
+import "./index416.js";