@tesouro/embedded-components-react 0.2.237 → 0.2.239

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

@@ -1,17 +1 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as c } from "./index100.js";
-const l = ({
-  ratio: t,
-  children: s,
-  className: a,
-  style: e,
-  ref: i,
-  ...o
-}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
-  ...e,
-  aspectRatio: t.toString()
-}, ...o, children: s });
-l.displayName = "AspectRatio";
-export {
-  l as AspectRatio
-};
+import "./index227.js";

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

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

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

@@ -1,56 +1 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index57.js";
-import { useRootElements as I } from "./index92.js";
-import { classNames as _ } from "./index175.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
-  const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
-    }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
-};
-export {
-  $ as AutocompleteCreatedBy
-};
+import "./index413.js";

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

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

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

@@ -1,7 +1,36 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
-export {
-  r as resolveNullableUpdate
+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/index416.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 };

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

@@ -1,34 +1,6 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as o from "@radix-ui/react-popover";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
-}
-function d({
-  ref: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
-}
-d.displayName = o.Trigger.displayName;
-function f({
-  className: t,
-  align: a = "center",
-  sideOffset: r = 4,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
-}
-export {
-  m as Popover,
-  l as PopoverAnchor,
-  f as PopoverContent,
-  d as PopoverTrigger
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index417.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 };

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

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