@tesouro/embedded-components-react 0.5.159 → 0.5.162

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

@@ -1,307 +1,23 @@
-import { dateStringToLocalDate as e } from "./index16.js";
-import { ScopedCssBaselineContainerClassName as t } from "./index30.js";
-import { useMoniteContext as n } from "./index46.js";
-import { getCounterpartName as r } from "./index52.js";
-import { useCurrencies as i } from "./index62.js";
-import { useCounterpartContactList as a } from "./index134.js";
-import { useEntityUserById as o } from "./index135.js";
-import { useApprovalPolicyById as s } from "./index136.js";
-import "./index144.js";
-import { useOptionalFields as ee } from "./index210.js";
-import { CenteredContentBox as c } from "./index236.js";
-import "./index237.js";
-import { MoniteScopedProviders as l } from "./index241.js";
-import { classNames as u } from "./index337.js";
-import { useGetPayableCounterpart as d } from "./index352.js";
-import { usePayableDetailsThemeProps as te } from "./index353.js";
-import { useLedgerAccounts as f } from "./index356.js";
-import "./index371.js";
-import { isFieldRequired as p } from "./index373.js";
-import { isPayableInOCRProcessing as ne } from "./index391.js";
-import { usePayableDetailsInfo as re } from "./index403.js";
-import { UserDisplayCell as ie } from "./index404.js";
-import { PayableApprovalFlowSection as ae } from "./index407.js";
-import { StyledLabelTableCell as m } from "./index408.js";
-import { useMemo as h } from "react";
-import { Sparkles as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
-import { Box as b, Chip as oe, CircularProgress as x, Grid as S, Paper as C, Stack as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableRow as k, Tooltip as A, Typography as j } from "@mui/material";
-import { useLingui as M } from "@lingui/react";
-import { styled as N } from "@mui/material/styles";
-import se from "@mui/icons-material/CachedOutlined";
-import P from "@mui/icons-material/WarningAmberRounded";
+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/index409.js
-var F = N(b)(() => ({
-	pb: 6,
-	display: "flex",
-	flex: "1 1 auto",
-	overflow: "auto",
-	width: "100%",
-	height: 0
-})), I = (e) => /* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(L, { ...e }) }), L = ({ payable: r, enableGLCodes: l, ...g }) => {
-	let { i18n: x } = M(), { locale: A } = n(), { formatCurrencyToDisplay: N } = i(), { ocrRequiredFields: P, optionalFields: I } = te(g), { showInvoiceDate: L } = ee(I, { showInvoiceDate: !0 }), { counterpart: z, counterpartRawName: B, isCounterpartLoading: V, isCounterpartAIMatched: H, isCounterpartMatchingToOCRFound: U } = d({ payable: r }), { counterpartBankAccountQuery: W, lineItemsQuery: G } = re({
-		currentCounterpartId: z?.id,
-		payableId: r.id
-	}), { data: K } = f(l), ce = (e) => {
-		if (!e || !K?.data) return;
-		let t = K.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 ? `${x._("GL code")}: ${n}` : void 0;
-	}, { data: le } = G, ue = le?.data, { data: q } = a(z?.id), { data: J } = o(r.was_created_by_user_id), { data: Y, isLoading: X } = s(r.approval_policy_id), de = !!Y?.id, Z = h(() => q?.find((e) => e.is_default), [q]), Q = h(() => W.data?.data.find((e) => e.id === r.counterpart_bank_account_id), [W, r]), $ = "Monite-PayableDetailsInfo";
-	return ne(r) ? /* @__PURE__ */ v(F, {
-		className: u(t, $, $ + "--ocr-processing"),
-		children: /* @__PURE__ */ v(c, { children: /* @__PURE__ */ y(b, {
-			textAlign: "center",
-			children: [
-				/* @__PURE__ */ v(se, {
-					color: "primary",
-					fontSize: "large"
-				}),
-				/* @__PURE__ */ v(j, {
-					variant: "h3",
-					mb: 2,
-					children: x._("File is being processed...")
-				}),
-				/* @__PURE__ */ v(j, {
-					variant: "body1",
-					children: x._("Hold on, we’re processing the file you’ve uploaded.")
-				}),
-				/* @__PURE__ */ v(j, {
-					variant: "body1",
-					children: x._("Usually it takes no more than 1–2 minutes.")
-				})
-			]
-		}) })
-	}) : /* @__PURE__ */ v(F, {
-		className: u(t, $),
-		children: /* @__PURE__ */ y(S, {
-			container: !0,
-			spacing: 3,
-			children: [
-				/* @__PURE__ */ y(S, {
-					item: !0,
-					xs: 12,
-					className: $ + "-Details",
-					children: [/* @__PURE__ */ v(j, {
-						variant: "subtitle2",
-						mb: 2,
-						children: x._("Details")
-					}), /* @__PURE__ */ v(C, {
-						variant: "outlined",
-						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("invoiceNumber", P, r?.document_id) && r?.ocr_status === null,
-								children: x._("Number")
-							}), /* @__PURE__ */ v(D, { children: r.document_id ?? "—" })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("counterpartName", P) && r?.ocr_status === null,
-								children: x._("Vendor")
-							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(R, {
-								counterpart: z,
-								counterpartRawName: B,
-								isCounterpartAIMatched: H,
-								isCounterpartMatchingToOCRFound: U,
-								isCounterpartLoading: V
-							}) })] }),
-							Z && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("contactPerson", P) && r?.ocr_status === null,
-								children: x._("Contact person")
-							}), /* @__PURE__ */ v(D, { children: `${Z.first_name} ${Z.last_name}` })] }),
-							Q && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("counterpartBankAccount", P, Q?.name) && r?.ocr_status === null,
-								children: x._("Bank account")
-							}), /* @__PURE__ */ v(D, { children: Q.name })] }),
-							L && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("issueDate", P) && r?.ocr_status === null,
-								children: x._("Issue date")
-							}), /* @__PURE__ */ v(D, { children: r.issued_at ? x.date(e(r.issued_at), A.dateFormat) : "—" })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("dueDate", P, r.due_date) && r?.ocr_status === null,
-								children: x._("Due date")
-							}), /* @__PURE__ */ v(D, { children: r.due_date ? x.date(e(r.due_date), A.dateFormat) : "—" })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("amount", P) && r?.ocr_status === null,
-								children: x._("Total")
-							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(b, {
-								sx: {
-									display: "flex",
-									justifyContent: "space-between"
-								},
-								children: /* @__PURE__ */ v(b, { children: r.total_amount && r.currency ? N(r.total_amount, r.currency) : r.currency ? N(0, r.currency) : "—" })
-							}) })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("appliedPolicy", P) && r?.ocr_status === null,
-								children: x._("Applied policy")
-							}), /* @__PURE__ */ v(D, { children: !X && Y?.name ? /* @__PURE__ */ y(b, {
-								sx: {
-									display: "flex",
-									alignItems: "center",
-									gap: 1
-								},
-								children: [/* @__PURE__ */ v("span", { children: Y.name }), (r.status === "waiting_to_be_paid" || r.status === "paid" || r.status === "partially_paid") && /* @__PURE__ */ v(oe, {
-									label: x._("Approved"),
-									color: "success",
-									size: "small"
-								})]
-							}) : !X && x._("no policy") })] })
-						] }) })
-					})]
-				}),
-				de && Y && /* @__PURE__ */ v(S, {
-					item: !0,
-					xs: 12,
-					children: /* @__PURE__ */ v(ae, {
-						approvalPolicy: Y,
-						payableId: r.id,
-						currentStatus: r.status
-					})
-				}),
-				/* @__PURE__ */ y(S, {
-					item: !0,
-					xs: 12,
-					className: $ + "-Items",
-					children: [/* @__PURE__ */ v(j, {
-						variant: "subtitle2",
-						mb: 2,
-						children: x._("Items")
-					}), /* @__PURE__ */ v(C, {
-						variant: "outlined",
-						children: /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y(k, { children: [
-							/* @__PURE__ */ v(D, { children: x._("Name") }),
-							/* @__PURE__ */ v(D, { children: x._("Quantity") }),
-							/* @__PURE__ */ v(D, { children: x._("Price") }),
-							/* @__PURE__ */ v(D, {
-								align: "right",
-								children: x._("Total, tax")
-							})
-						] }) }), /* @__PURE__ */ v(E, { children: ue?.map((e) => /* @__PURE__ */ y(k, { children: [
-							/* @__PURE__ */ v(D, { children: /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(b, { children: e.name }), l && e.ledger_account_id && /* @__PURE__ */ v(j, {
-								variant: "body2",
-								color: "secondary.main",
-								children: ce(e.ledger_account_id)
-							})] }) }),
-							/* @__PURE__ */ v(D, { children: e.quantity }),
-							/* @__PURE__ */ v(D, { children: e.unit_price ? N(e.unit_price, r.currency ?? "USD") : "—" }),
-							/* @__PURE__ */ v(D, {
-								align: "right",
-								children: e.subtotal && r.currency ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(b, { children: N(e.subtotal ?? 0, r.currency) }), /* @__PURE__ */ y(b, {
-									sx: { color: "secondary.main" },
-									children: [
-										x._("excl. Tax"),
-										" ",
-										`${e.tax ? (e.tax / 100).toFixed(0) : 0}%`
-									]
-								})] }) : r.currency ? N(0, r.currency) : "—"
-							})
-						] }, e.id)) })] })
-					})]
-				}),
-				/* @__PURE__ */ v(S, {
-					item: !0,
-					xs: 12,
-					className: $ + "-Totals",
-					children: /* @__PURE__ */ v(C, {
-						variant: "outlined",
-						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Subtotal") }), /* @__PURE__ */ v(D, {
-								align: "right",
-								children: r.subtotal && r.currency ? N(r.subtotal, r.currency) : r.currency ? N(0, r.currency) : "—"
-							})] }),
-							!!r.discount && r.currency && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Discount") }), /* @__PURE__ */ v(D, {
-								align: "right",
-								children: N(r.discount ?? 0, r.currency)
-							})] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Tax Total") }), /* @__PURE__ */ v(D, {
-								align: "right",
-								children: r.tax_amount && r.currency ? N(r.tax_amount, r.currency) : r.currency ? N(0, r.currency) : "—"
-							})] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(j, {
-								variant: "subtitle1",
-								children: x._("Total")
-							}) }), /* @__PURE__ */ v(D, {
-								align: "right",
-								children: /* @__PURE__ */ v(j, {
-									variant: "subtitle1",
-									children: r.total_amount && r.currency ? N(r.total_amount, r.currency) : r.currency ? N(0, r.currency) : "—"
-								})
-							})] })
-						] }) })
-					})
-				}),
-				/* @__PURE__ */ y(S, {
-					item: !0,
-					xs: 12,
-					className: $ + "-History",
-					children: [/* @__PURE__ */ v(j, {
-						variant: "subtitle2",
-						mb: 2,
-						children: x._("History")
-					}), /* @__PURE__ */ v(C, {
-						variant: "outlined",
-						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
-							J && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("addedByUser", P) && r?.ocr_status === null,
-								children: x._("Added by")
-							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(ie, {
-								user: {
-									id: J.id,
-									first_name: J.first_name,
-									last_name: J.last_name,
-									userpic_file_id: J.userpic_file_id
-								},
-								showAvatar: !0,
-								avatarSize: 24,
-								typographyVariant: "body2"
-							}) })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("addedOn", P) && r?.ocr_status === null,
-								children: x._("Added on")
-							}), /* @__PURE__ */ v(D, { children: r.created_at ? x.date(r.created_at, {
-								dateStyle: "short",
-								timeStyle: "short"
-							}) : "—" })] }),
-							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
-								isRequired: p("updatedOn", P) && r?.ocr_status === null,
-								children: x._("Last updated on")
-							}), /* @__PURE__ */ v(D, { children: r.updated_at ? x.date(r.updated_at, {
-								dateStyle: "short",
-								timeStyle: "short"
-							}) : "—" })] })
-						] }) })
-					})]
-				})
-			]
-		})
-	});
-}, R = ({ counterpart: e, counterpartRawName: t, isCounterpartAIMatched: n, isCounterpartMatchingToOCRFound: i, isCounterpartLoading: a }) => {
-	let { i18n: o } = M();
-	if (a) return /* @__PURE__ */ v(x, {
-		size: 14,
-		color: "secondary"
-	});
-	let s = r(e);
-	return s && !i ? /* @__PURE__ */ y(w, {
-		component: "span",
-		gap: 1,
-		direction: "row",
-		children: [s, n && /* @__PURE__ */ v(A, {
-			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__ */ v(g, { className: "ttw:text-blue-600" })
-		})]
-	}) : t ? /* @__PURE__ */ y(w, {
-		component: "span",
-		gap: 1,
-		direction: "row",
-		children: [t, /* @__PURE__ */ v(A, {
-			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__ */ v(P, {
-				color: "warning",
-				fontSize: "small",
-				sx: { alignSelf: "center" }
-			})
-		})]
-	}) : /* @__PURE__ */ v(_, { children: "—" });
-};
+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 { I as PayableDetailsInfo };
+export { d as MoniteCard, u as MoniteCardItem, l as StyledLabelTableCell };

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

@@ -1 +1,307 @@
-import "./index409.js";
+import { dateStringToLocalDate as e } from "./index16.js";
+import { ScopedCssBaselineContainerClassName as t } from "./index30.js";
+import { useMoniteContext as n } from "./index46.js";
+import { getCounterpartName as r } from "./index52.js";
+import { useCurrencies as i } from "./index62.js";
+import { useCounterpartContactList as a } from "./index134.js";
+import { useEntityUserById as o } from "./index135.js";
+import { useApprovalPolicyById as s } from "./index136.js";
+import "./index144.js";
+import { useOptionalFields as ee } from "./index211.js";
+import { CenteredContentBox as c } from "./index237.js";
+import "./index238.js";
+import { MoniteScopedProviders as l } from "./index242.js";
+import { classNames as u } from "./index338.js";
+import { useGetPayableCounterpart as d } from "./index353.js";
+import { usePayableDetailsThemeProps as te } from "./index354.js";
+import { useLedgerAccounts as f } from "./index357.js";
+import "./index372.js";
+import { isFieldRequired as p } from "./index374.js";
+import { isPayableInOCRProcessing as ne } from "./index392.js";
+import { usePayableDetailsInfo as re } from "./index404.js";
+import { UserDisplayCell as ie } from "./index405.js";
+import { PayableApprovalFlowSection as ae } from "./index408.js";
+import { StyledLabelTableCell as m } from "./index409.js";
+import { useMemo as h } from "react";
+import { Sparkles as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
+import { Box as b, Chip as oe, CircularProgress as x, Grid as S, Paper as C, Stack as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableRow as k, Tooltip as A, Typography as j } from "@mui/material";
+import { useLingui as M } from "@lingui/react";
+import { styled as N } from "@mui/material/styles";
+import se from "@mui/icons-material/CachedOutlined";
+import P from "@mui/icons-material/WarningAmberRounded";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index410.js
+var F = N(b)(() => ({
+	pb: 6,
+	display: "flex",
+	flex: "1 1 auto",
+	overflow: "auto",
+	width: "100%",
+	height: 0
+})), I = (e) => /* @__PURE__ */ v(l, { children: /* @__PURE__ */ v(L, { ...e }) }), L = ({ payable: r, enableGLCodes: l, ...g }) => {
+	let { i18n: x } = M(), { locale: A } = n(), { formatCurrencyToDisplay: N } = i(), { ocrRequiredFields: P, optionalFields: I } = te(g), { showInvoiceDate: L } = ee(I, { showInvoiceDate: !0 }), { counterpart: z, counterpartRawName: B, isCounterpartLoading: V, isCounterpartAIMatched: H, isCounterpartMatchingToOCRFound: U } = d({ payable: r }), { counterpartBankAccountQuery: W, lineItemsQuery: G } = re({
+		currentCounterpartId: z?.id,
+		payableId: r.id
+	}), { data: K } = f(l), ce = (e) => {
+		if (!e || !K?.data) return;
+		let t = K.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 ? `${x._("GL code")}: ${n}` : void 0;
+	}, { data: le } = G, ue = le?.data, { data: q } = a(z?.id), { data: J } = o(r.was_created_by_user_id), { data: Y, isLoading: X } = s(r.approval_policy_id), de = !!Y?.id, Z = h(() => q?.find((e) => e.is_default), [q]), Q = h(() => W.data?.data.find((e) => e.id === r.counterpart_bank_account_id), [W, r]), $ = "Monite-PayableDetailsInfo";
+	return ne(r) ? /* @__PURE__ */ v(F, {
+		className: u(t, $, $ + "--ocr-processing"),
+		children: /* @__PURE__ */ v(c, { children: /* @__PURE__ */ y(b, {
+			textAlign: "center",
+			children: [
+				/* @__PURE__ */ v(se, {
+					color: "primary",
+					fontSize: "large"
+				}),
+				/* @__PURE__ */ v(j, {
+					variant: "h3",
+					mb: 2,
+					children: x._("File is being processed...")
+				}),
+				/* @__PURE__ */ v(j, {
+					variant: "body1",
+					children: x._("Hold on, we’re processing the file you’ve uploaded.")
+				}),
+				/* @__PURE__ */ v(j, {
+					variant: "body1",
+					children: x._("Usually it takes no more than 1–2 minutes.")
+				})
+			]
+		}) })
+	}) : /* @__PURE__ */ v(F, {
+		className: u(t, $),
+		children: /* @__PURE__ */ y(S, {
+			container: !0,
+			spacing: 3,
+			children: [
+				/* @__PURE__ */ y(S, {
+					item: !0,
+					xs: 12,
+					className: $ + "-Details",
+					children: [/* @__PURE__ */ v(j, {
+						variant: "subtitle2",
+						mb: 2,
+						children: x._("Details")
+					}), /* @__PURE__ */ v(C, {
+						variant: "outlined",
+						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("invoiceNumber", P, r?.document_id) && r?.ocr_status === null,
+								children: x._("Number")
+							}), /* @__PURE__ */ v(D, { children: r.document_id ?? "—" })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("counterpartName", P) && r?.ocr_status === null,
+								children: x._("Vendor")
+							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(R, {
+								counterpart: z,
+								counterpartRawName: B,
+								isCounterpartAIMatched: H,
+								isCounterpartMatchingToOCRFound: U,
+								isCounterpartLoading: V
+							}) })] }),
+							Z && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("contactPerson", P) && r?.ocr_status === null,
+								children: x._("Contact person")
+							}), /* @__PURE__ */ v(D, { children: `${Z.first_name} ${Z.last_name}` })] }),
+							Q && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("counterpartBankAccount", P, Q?.name) && r?.ocr_status === null,
+								children: x._("Bank account")
+							}), /* @__PURE__ */ v(D, { children: Q.name })] }),
+							L && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("issueDate", P) && r?.ocr_status === null,
+								children: x._("Issue date")
+							}), /* @__PURE__ */ v(D, { children: r.issued_at ? x.date(e(r.issued_at), A.dateFormat) : "—" })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("dueDate", P, r.due_date) && r?.ocr_status === null,
+								children: x._("Due date")
+							}), /* @__PURE__ */ v(D, { children: r.due_date ? x.date(e(r.due_date), A.dateFormat) : "—" })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("amount", P) && r?.ocr_status === null,
+								children: x._("Total")
+							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(b, {
+								sx: {
+									display: "flex",
+									justifyContent: "space-between"
+								},
+								children: /* @__PURE__ */ v(b, { children: r.total_amount && r.currency ? N(r.total_amount, r.currency) : r.currency ? N(0, r.currency) : "—" })
+							}) })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("appliedPolicy", P) && r?.ocr_status === null,
+								children: x._("Applied policy")
+							}), /* @__PURE__ */ v(D, { children: !X && Y?.name ? /* @__PURE__ */ y(b, {
+								sx: {
+									display: "flex",
+									alignItems: "center",
+									gap: 1
+								},
+								children: [/* @__PURE__ */ v("span", { children: Y.name }), (r.status === "waiting_to_be_paid" || r.status === "paid" || r.status === "partially_paid") && /* @__PURE__ */ v(oe, {
+									label: x._("Approved"),
+									color: "success",
+									size: "small"
+								})]
+							}) : !X && x._("no policy") })] })
+						] }) })
+					})]
+				}),
+				de && Y && /* @__PURE__ */ v(S, {
+					item: !0,
+					xs: 12,
+					children: /* @__PURE__ */ v(ae, {
+						approvalPolicy: Y,
+						payableId: r.id,
+						currentStatus: r.status
+					})
+				}),
+				/* @__PURE__ */ y(S, {
+					item: !0,
+					xs: 12,
+					className: $ + "-Items",
+					children: [/* @__PURE__ */ v(j, {
+						variant: "subtitle2",
+						mb: 2,
+						children: x._("Items")
+					}), /* @__PURE__ */ v(C, {
+						variant: "outlined",
+						children: /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(O, { children: /* @__PURE__ */ y(k, { children: [
+							/* @__PURE__ */ v(D, { children: x._("Name") }),
+							/* @__PURE__ */ v(D, { children: x._("Quantity") }),
+							/* @__PURE__ */ v(D, { children: x._("Price") }),
+							/* @__PURE__ */ v(D, {
+								align: "right",
+								children: x._("Total, tax")
+							})
+						] }) }), /* @__PURE__ */ v(E, { children: ue?.map((e) => /* @__PURE__ */ y(k, { children: [
+							/* @__PURE__ */ v(D, { children: /* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(b, { children: e.name }), l && e.ledger_account_id && /* @__PURE__ */ v(j, {
+								variant: "body2",
+								color: "secondary.main",
+								children: ce(e.ledger_account_id)
+							})] }) }),
+							/* @__PURE__ */ v(D, { children: e.quantity }),
+							/* @__PURE__ */ v(D, { children: e.unit_price ? N(e.unit_price, r.currency ?? "USD") : "—" }),
+							/* @__PURE__ */ v(D, {
+								align: "right",
+								children: e.subtotal && r.currency ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(b, { children: N(e.subtotal ?? 0, r.currency) }), /* @__PURE__ */ y(b, {
+									sx: { color: "secondary.main" },
+									children: [
+										x._("excl. Tax"),
+										" ",
+										`${e.tax ? (e.tax / 100).toFixed(0) : 0}%`
+									]
+								})] }) : r.currency ? N(0, r.currency) : "—"
+							})
+						] }, e.id)) })] })
+					})]
+				}),
+				/* @__PURE__ */ v(S, {
+					item: !0,
+					xs: 12,
+					className: $ + "-Totals",
+					children: /* @__PURE__ */ v(C, {
+						variant: "outlined",
+						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Subtotal") }), /* @__PURE__ */ v(D, {
+								align: "right",
+								children: r.subtotal && r.currency ? N(r.subtotal, r.currency) : r.currency ? N(0, r.currency) : "—"
+							})] }),
+							!!r.discount && r.currency && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Discount") }), /* @__PURE__ */ v(D, {
+								align: "right",
+								children: N(r.discount ?? 0, r.currency)
+							})] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: x._("Tax Total") }), /* @__PURE__ */ v(D, {
+								align: "right",
+								children: r.tax_amount && r.currency ? N(r.tax_amount, r.currency) : r.currency ? N(0, r.currency) : "—"
+							})] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(j, {
+								variant: "subtitle1",
+								children: x._("Total")
+							}) }), /* @__PURE__ */ v(D, {
+								align: "right",
+								children: /* @__PURE__ */ v(j, {
+									variant: "subtitle1",
+									children: r.total_amount && r.currency ? N(r.total_amount, r.currency) : r.currency ? N(0, r.currency) : "—"
+								})
+							})] })
+						] }) })
+					})
+				}),
+				/* @__PURE__ */ y(S, {
+					item: !0,
+					xs: 12,
+					className: $ + "-History",
+					children: [/* @__PURE__ */ v(j, {
+						variant: "subtitle2",
+						mb: 2,
+						children: x._("History")
+					}), /* @__PURE__ */ v(C, {
+						variant: "outlined",
+						children: /* @__PURE__ */ v(T, { children: /* @__PURE__ */ y(E, { children: [
+							J && /* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("addedByUser", P) && r?.ocr_status === null,
+								children: x._("Added by")
+							}), /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(ie, {
+								user: {
+									id: J.id,
+									first_name: J.first_name,
+									last_name: J.last_name,
+									userpic_file_id: J.userpic_file_id
+								},
+								showAvatar: !0,
+								avatarSize: 24,
+								typographyVariant: "body2"
+							}) })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("addedOn", P) && r?.ocr_status === null,
+								children: x._("Added on")
+							}), /* @__PURE__ */ v(D, { children: r.created_at ? x.date(r.created_at, {
+								dateStyle: "short",
+								timeStyle: "short"
+							}) : "—" })] }),
+							/* @__PURE__ */ y(k, { children: [/* @__PURE__ */ v(m, {
+								isRequired: p("updatedOn", P) && r?.ocr_status === null,
+								children: x._("Last updated on")
+							}), /* @__PURE__ */ v(D, { children: r.updated_at ? x.date(r.updated_at, {
+								dateStyle: "short",
+								timeStyle: "short"
+							}) : "—" })] })
+						] }) })
+					})]
+				})
+			]
+		})
+	});
+}, R = ({ counterpart: e, counterpartRawName: t, isCounterpartAIMatched: n, isCounterpartMatchingToOCRFound: i, isCounterpartLoading: a }) => {
+	let { i18n: o } = M();
+	if (a) return /* @__PURE__ */ v(x, {
+		size: 14,
+		color: "secondary"
+	});
+	let s = r(e);
+	return s && !i ? /* @__PURE__ */ y(w, {
+		component: "span",
+		gap: 1,
+		direction: "row",
+		children: [s, n && /* @__PURE__ */ v(A, {
+			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__ */ v(g, { className: "ttw:text-blue-600" })
+		})]
+	}) : t ? /* @__PURE__ */ y(w, {
+		component: "span",
+		gap: 1,
+		direction: "row",
+		children: [t, /* @__PURE__ */ v(A, {
+			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__ */ v(P, {
+				color: "warning",
+				fontSize: "small",
+				sx: { alignSelf: "center" }
+			})
+		})]
+	}) : /* @__PURE__ */ v(_, { children: "—" });
+};
+//#endregion
+export { I as PayableDetailsInfo };

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

@@ -1,32 +1 @@
-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/index411.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.")
-			})]
-		})
-	});
-};
-//#endregion
-export { o as PayableDetailsNoAttachedFile };
+import "./index410.js";