@tesouro/embedded-components-react 0.3.55 → 0.3.58

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

@@ -1,348 +1 @@
-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 d } from "./index359.js";
-import { usePayableDetailsThemeProps as te } from "./index360.js";
-import { useLedgerAccounts as ne } from "./index363.js";
-import "./index378.js";
-import { isFieldRequired as f } from "./index380.js";
-import { isPayableInOCRProcessing as re } from "./index398.js";
-import { usePayableDetailsInfo as p } 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 oe } from "react";
-import { Sparkles as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "@emotion/react/jsx-runtime";
-import { Box as x, Chip as S, CircularProgress as C, Grid as w, IconButton as se, Paper as T, Stack as E, Table as D, TableBody as O, TableCell as k, TableHead as A, 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(x)(() => ({
-	pb: 6,
-	display: "flex",
-	flex: "1 1 auto",
-	overflow: "auto",
-	width: "100%",
-	height: 0
-})), R = (e) => /* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(z, { ...e }) }), z = ({ payable: r, enableGLCodes: l, updateTags: _, ...C }) => {
-	let { i18n: M } = P(), { locale: F } = n(), { formatCurrencyToDisplay: I } = i(), { ocrRequiredFields: R, optionalFields: z } = te(C), { showInvoiceDate: V, showTags: H } = c(z, {
-		showInvoiceDate: !0,
-		showTags: !0
-	}), { counterpart: U, counterpartRawName: ue, isCounterpartLoading: de, isCounterpartAIMatched: fe, isCounterpartMatchingToOCRFound: pe } = d({ payable: r }), { counterpartBankAccountQuery: W, lineItemsQuery: me } = p({
-		currentCounterpartId: U?.id,
-		payableId: r.id
-	}), { data: G } = ne(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, $] = oe(!1);
-	return re(r) ? /* @__PURE__ */ y(L, {
-		className: u(t, Q, Q + "--ocr-processing"),
-		children: /* @__PURE__ */ y(ee, { children: /* @__PURE__ */ b(x, {
-			textAlign: "center",
-			children: [
-				/* @__PURE__ */ y(ce, {
-					color: "primary",
-					fontSize: "large"
-				}),
-				/* @__PURE__ */ y(N, {
-					variant: "h3",
-					mb: 2,
-					children: M._("File is being processed...")
-				}),
-				/* @__PURE__ */ y(N, {
-					variant: "body1",
-					children: M._("Hold on, we’re processing the file you’ve uploaded.")
-				}),
-				/* @__PURE__ */ y(N, {
-					variant: "body1",
-					children: M._("Usually it takes no more than 1–2 minutes.")
-				})
-			]
-		}) })
-	}) : /* @__PURE__ */ b(L, {
-		className: u(t, Q),
-		children: [/* @__PURE__ */ b(w, {
-			container: !0,
-			spacing: 3,
-			children: [
-				/* @__PURE__ */ b(w, {
-					item: !0,
-					xs: 12,
-					className: Q + "-Details",
-					children: [/* @__PURE__ */ y(N, {
-						variant: "subtitle2",
-						mb: 2,
-						children: M._("Details")
-					}), /* @__PURE__ */ y(T, {
-						variant: "outlined",
-						children: /* @__PURE__ */ y(D, { children: /* @__PURE__ */ b(O, { children: [
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("invoiceNumber", R, r?.document_id) && r?.ocr_status === null,
-								children: M._("Number")
-							}), /* @__PURE__ */ y(k, { children: r.document_id ?? "—" })] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("counterpartName", R) && r?.ocr_status === null,
-								children: M._("Vendor")
-							}), /* @__PURE__ */ y(k, { children: /* @__PURE__ */ y(B, {
-								counterpart: U,
-								counterpartRawName: ue,
-								isCounterpartAIMatched: fe,
-								isCounterpartMatchingToOCRFound: pe,
-								isCounterpartLoading: de
-							}) })] }),
-							X && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("contactPerson", R) && r?.ocr_status === null,
-								children: M._("Contact person")
-							}), /* @__PURE__ */ y(k, { children: `${X.first_name} ${X.last_name}` })] }),
-							Z && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("counterpartBankAccount", R, Z?.name) && r?.ocr_status === null,
-								children: M._("Bank account")
-							}), /* @__PURE__ */ y(k, { children: Z.name })] }),
-							V && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("issueDate", R) && r?.ocr_status === null,
-								children: M._("Issue date")
-							}), /* @__PURE__ */ y(k, { children: r.issued_at ? M.date(e(r.issued_at), F.dateFormat) : "—" })] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("dueDate", R, r.due_date) && r?.ocr_status === null,
-								children: M._("Due date")
-							}), /* @__PURE__ */ y(k, { children: r.due_date ? M.date(e(r.due_date), F.dateFormat) : "—" })] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("amount", R) && r?.ocr_status === null,
-								children: M._("Total")
-							}), /* @__PURE__ */ y(k, { children: /* @__PURE__ */ y(x, {
-								sx: {
-									display: "flex",
-									justifyContent: "space-between"
-								},
-								children: /* @__PURE__ */ y(x, { children: r.total_amount && r.currency ? I(r.total_amount, r.currency) : r.currency ? I(0, r.currency) : "—" })
-							}) })] }),
-							H && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("tags", R, r.tags?.[0]?.id) && r?.ocr_status === null,
-								children: M._("Tags")
-							}), /* @__PURE__ */ y(k, { children: /* @__PURE__ */ b(E, {
-								direction: "row",
-								gap: 1,
-								children: [/* @__PURE__ */ y(x, {
-									sx: { width: "100%" },
-									children: r.tags?.length ? /* @__PURE__ */ y(E, {
-										spacing: 1,
-										direction: "row",
-										useFlexGap: !0,
-										flexWrap: "wrap",
-										children: r.tags.map((e) => /* @__PURE__ */ y(S, {
-											label: e.name,
-											color: "primary",
-											sx: { maxWidth: 200 }
-										}, e.id))
-									}) : /* @__PURE__ */ y(N, {
-										variant: "body2",
-										sx: { marginTop: 1 },
-										children: M._("Not set")
-									})
-								}), /* @__PURE__ */ y(x, { children: /* @__PURE__ */ y(se, {
-									"aria-label": M._("Edit tags"),
-									size: "small",
-									onClick: () => $(!0),
-									children: /* @__PURE__ */ y(le, { fontSize: "small" })
-								}) })]
-							}) })] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("appliedPolicy", R) && r?.ocr_status === null,
-								children: M._("Applied policy")
-							}), /* @__PURE__ */ y(k, { children: !Y && J?.name ? /* @__PURE__ */ b(x, {
-								sx: {
-									display: "flex",
-									alignItems: "center",
-									gap: 1
-								},
-								children: [/* @__PURE__ */ y("span", { children: J.name }), (r.status === "waiting_to_be_paid" || r.status === "paid" || r.status === "partially_paid") && /* @__PURE__ */ y(S, {
-									label: M._("Approved"),
-									color: "success",
-									size: "small"
-								})]
-							}) : !Y && M._("no policy") })] })
-						] }) })
-					})]
-				}),
-				ve && J && /* @__PURE__ */ y(w, {
-					item: !0,
-					xs: 12,
-					children: /* @__PURE__ */ y(ae, {
-						approvalPolicy: J,
-						payableId: r.id,
-						currentStatus: r.status
-					})
-				}),
-				/* @__PURE__ */ b(w, {
-					item: !0,
-					xs: 12,
-					className: Q + "-Items",
-					children: [/* @__PURE__ */ y(N, {
-						variant: "subtitle2",
-						mb: 2,
-						children: M._("Items")
-					}), /* @__PURE__ */ y(T, {
-						variant: "outlined",
-						children: /* @__PURE__ */ b(D, { children: [/* @__PURE__ */ y(A, { children: /* @__PURE__ */ b(j, { children: [
-							/* @__PURE__ */ y(k, { children: M._("Name") }),
-							/* @__PURE__ */ y(k, { children: M._("Quantity") }),
-							/* @__PURE__ */ y(k, { children: M._("Price") }),
-							/* @__PURE__ */ y(k, {
-								align: "right",
-								children: M._("Total, tax")
-							})
-						] }) }), /* @__PURE__ */ y(O, { children: _e?.map((e) => /* @__PURE__ */ b(j, { children: [
-							/* @__PURE__ */ y(k, { children: /* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(x, { children: e.name }), l && e.ledger_account_id && /* @__PURE__ */ y(N, {
-								variant: "body2",
-								color: "secondary.main",
-								children: he(e.ledger_account_id)
-							})] }) }),
-							/* @__PURE__ */ y(k, { children: e.quantity }),
-							/* @__PURE__ */ y(k, { children: e.unit_price ? I(e.unit_price, r.currency ?? "USD") : "—" }),
-							/* @__PURE__ */ y(k, {
-								align: "right",
-								children: e.subtotal && r.currency ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(x, { children: I(e.subtotal ?? 0, r.currency) }), /* @__PURE__ */ b(x, {
-									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__ */ y(w, {
-					item: !0,
-					xs: 12,
-					className: Q + "-Totals",
-					children: /* @__PURE__ */ y(T, {
-						variant: "outlined",
-						children: /* @__PURE__ */ y(D, { children: /* @__PURE__ */ b(O, { children: [
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(k, { children: M._("Subtotal") }), /* @__PURE__ */ y(k, {
-								align: "right",
-								children: r.subtotal && r.currency ? I(r.subtotal, r.currency) : r.currency ? I(0, r.currency) : "—"
-							})] }),
-							!!r.discount && r.currency && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(k, { children: M._("Discount") }), /* @__PURE__ */ y(k, {
-								align: "right",
-								children: I(r.discount ?? 0, r.currency)
-							})] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(k, { children: M._("Tax Total") }), /* @__PURE__ */ y(k, {
-								align: "right",
-								children: r.tax_amount && r.currency ? I(r.tax_amount, r.currency) : r.currency ? I(0, r.currency) : "—"
-							})] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(k, { children: /* @__PURE__ */ y(N, {
-								variant: "subtitle1",
-								children: M._("Total")
-							}) }), /* @__PURE__ */ y(k, {
-								align: "right",
-								children: /* @__PURE__ */ y(N, {
-									variant: "subtitle1",
-									children: r.total_amount && r.currency ? I(r.total_amount, r.currency) : r.currency ? I(0, r.currency) : "—"
-								})
-							})] })
-						] }) })
-					})
-				}),
-				/* @__PURE__ */ b(w, {
-					item: !0,
-					xs: 12,
-					className: Q + "-History",
-					children: [/* @__PURE__ */ y(N, {
-						variant: "subtitle2",
-						mb: 2,
-						children: M._("History")
-					}), /* @__PURE__ */ y(T, {
-						variant: "outlined",
-						children: /* @__PURE__ */ y(D, { children: /* @__PURE__ */ b(O, { children: [
-							q && /* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("addedByUser", R) && r?.ocr_status === null,
-								children: M._("Added by")
-							}), /* @__PURE__ */ y(k, { children: /* @__PURE__ */ y(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__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("addedOn", R) && r?.ocr_status === null,
-								children: M._("Added on")
-							}), /* @__PURE__ */ y(k, { children: r.created_at ? M.date(r.created_at, {
-								dateStyle: "short",
-								timeStyle: "short"
-							}) : "—" })] }),
-							/* @__PURE__ */ b(j, { children: [/* @__PURE__ */ y(m, {
-								isRequired: f("updatedOn", R) && r?.ocr_status === null,
-								children: M._("Last updated on")
-							}), /* @__PURE__ */ y(k, { children: r.updated_at ? M.date(r.updated_at, {
-								dateStyle: "short",
-								timeStyle: "short"
-							}) : "—" })] })
-						] }) })
-					})]
-				})
-			]
-		}), /* @__PURE__ */ y(h, {
-			opened: ye,
-			value: r.tags || [],
-			updateTags: _,
-			onClose: () => $(!1)
-		})]
-	});
-}, B = ({ counterpart: e, counterpartRawName: t, isCounterpartAIMatched: n, isCounterpartMatchingToOCRFound: i, isCounterpartLoading: a }) => {
-	let { i18n: o } = P();
-	if (a) return /* @__PURE__ */ y(C, {
-		size: 14,
-		color: "secondary"
-	});
-	let s = r(e);
-	return s && !i ? /* @__PURE__ */ b(E, {
-		component: "span",
-		gap: 1,
-		direction: "row",
-		children: [s, n && /* @__PURE__ */ y(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__ */ y(_, { className: "ttw:text-blue-600" })
-		})]
-	}) : t ? /* @__PURE__ */ b(E, {
-		component: "span",
-		gap: 1,
-		direction: "row",
-		children: [t, /* @__PURE__ */ y(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__ */ y(I, {
-				color: "warning",
-				fontSize: "small",
-				sx: { alignSelf: "center" }
-			})
-		})]
-	}) : /* @__PURE__ */ y(v, { children: "—" });
-};
-//#endregion
-export { R as PayableDetailsInfo };