@tesouro/embedded-components-react 0.2.324 → 0.2.326

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index419.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/index419.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 "./index234.js";

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

@@ -1,6 +1,162 @@
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index420.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)));
+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 { t as getPayablesAnalyticsSnapshot };
+export { y as PayableDetails };

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

@@ -1,105 +1 @@
-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 "./index393.js";
-import { useDragScroll as i } from "./index418.js";
-import { StatusCard as a } from "./index419.js";
-import { getPayablesAnalyticsSnapshot as o } from "./index420.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/index421.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 };
+import "./index420.js";

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

@@ -1,189 +1,37 @@
-import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as i, Input as a, MultiSelectFilter as o, Popover as s, PopoverContent as c, PopoverTrigger as l, RadioGroup as u, RadioGroupItem as d, SearchInput as f, useFilterPanel as p } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ListFilter as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index422.js
-var y = {
-	date: "ttw:w-auto",
-	status: "ttw:w-56",
-	amount: "ttw:w-64",
-	vendor: "ttw:w-64",
-	attachment: "ttw:w-56"
-}, b = {
-	due_date: "Due date",
-	created_at: "Created on",
-	issued_at: "Issue date"
-}, x = [
-	{
-		id: "date",
-		label: "Due date",
-		activeDateField: "due_date"
-	},
-	{
-		id: "date",
-		label: "Created on",
-		activeDateField: "created_at"
-	},
-	{
-		id: "date",
-		label: "Issue date",
-		activeDateField: "issued_at"
-	},
-	{
-		id: "status",
-		label: "Status",
-		activeDateField: void 0
-	},
-	{
-		id: "amount",
-		label: "Amount",
-		activeDateField: void 0
-	},
-	{
-		id: "vendor",
-		label: "Vendor",
-		activeDateField: void 0
-	},
-	{
-		id: "attachment",
-		label: "Attachment",
-		activeDateField: void 0
-	}
-];
-function S(S) {
-	let { i18n: C } = v(), w = p(), T = w.isMenuOpen || !!w.activePanelId, E = w.activePanelId && y[w.activePanelId] || "ttw:w-52", D = S.allPresets.map((e) => ({
-		value: e.value,
-		label: e.label,
-		group: e.group
-	})), O = (e) => {
-		e || (w.closeMenu(), w.closePanel());
-	}, k = (e, t) => {
-		t && S.onActiveDateFieldChange(t), w.openPanel(e);
-	}, A = S.hasFile === !0 ? "has" : S.hasFile === !1 ? "no" : "any";
-	return /* @__PURE__ */ g(n, {
-		className: "ttw:pl-4",
-		searchSlot: /* @__PURE__ */ g(f, {
-			value: S.searchValue,
-			onChange: (e) => S.onSearchChange(e.target.value),
-			placeholder: "Search by number or vendor..."
-		}),
-		menuSlot: /* @__PURE__ */ _(s, {
-			open: T,
-			onOpenChange: O,
-			children: [/* @__PURE__ */ g(l, {
-				asChild: !0,
-				children: /* @__PURE__ */ g(r, {
-					activeCount: S.activeFilterCount,
-					onClick: w.toggleMenu
-				})
-			}), /* @__PURE__ */ _(c, {
-				align: "start",
-				className: `ttw:p-0 ${E}`,
-				children: [
-					w.isMenuOpen && /* @__PURE__ */ g("div", {
-						className: "ttw:p-1",
-						children: x.map((e, t) => /* @__PURE__ */ _("button", {
-							type: "button",
-							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer",
-							onClick: () => k(e.id, e.activeDateField),
-							children: [/* @__PURE__ */ g(m, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }), e.label]
-						}, `${e.id}-${t}`))
-					}),
-					w.activePanelId === "date" && /* @__PURE__ */ g(t, {
-						from: S.dateFrom,
-						to: S.dateTo,
-						onRangeChange: S.onDateRangeChange,
-						selectedPreset: S.selectedDatePreset,
-						onPresetChange: S.onDatePresetChange,
-						presets: D,
-						labels: { fieldLabel: b[S.activeDateField] }
-					}),
-					w.activePanelId === "status" && /* @__PURE__ */ g(o, {
-						options: S.statusOptions,
-						selectedValues: S.selectedStatus,
-						onSelectionChange: S.onStatusChange
-					}),
-					w.activePanelId === "amount" && /* @__PURE__ */ g(e, {
-						mode: S.amountMode,
-						onModeChange: S.onAmountModeChange,
-						min: S.amountMin,
-						max: S.amountMax,
-						onMinChange: S.onAmountMinChange,
-						onMaxChange: S.onAmountMaxChange,
-						showFlowDirection: !1,
-						labels: {
-							min: "No less than",
-							max: "No more than"
-						}
-					}),
-					w.activePanelId === "vendor" && /* @__PURE__ */ _("div", {
-						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ g("p", {
-								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-								children: "Vendor name"
-							}),
-							/* @__PURE__ */ g(a, {
-								type: "text",
-								value: S.vendorName,
-								onChange: (e) => S.onVendorNameChange(e.target.value),
-								placeholder: "Search vendors...",
-								className: "ttw:h-8 ttw:text-xs"
-							}),
-							/* @__PURE__ */ g("p", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: C._("Matches names containing your search")
-							})
-						]
-					}),
-					w.activePanelId === "attachment" && /* @__PURE__ */ g("div", {
-						className: "ttw:p-3",
-						children: /* @__PURE__ */ g(u, {
-							value: A,
-							onValueChange: (e) => {
-								e === "any" ? S.onHasFileChange(void 0) : e === "has" ? S.onHasFileChange(!0) : S.onHasFileChange(!1);
-							},
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [
-								{
-									value: "any",
-									label: "Any"
-								},
-								{
-									value: "has",
-									label: "Has attachment"
-								},
-								{
-									value: "no",
-									label: "No attachment"
-								}
-							].map(({ value: e, label: t }) => /* @__PURE__ */ _("label", {
-								className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer",
-								children: [/* @__PURE__ */ g(d, { value: e }), /* @__PURE__ */ g("span", {
-									className: "ttw:text-xs ttw:font-medium",
-									children: t
-								})]
-							}, e))
-						})
-					})
-				]
-			})]
-		}),
-		activeChipsSlot: /* @__PURE__ */ _(h, { children: [S.activeChips.map((e) => /* @__PURE__ */ g(i, {
-			label: e.label,
-			count: e.count,
-			variant: "default",
-			onLabelClick: e.key === "date" ? () => {
-				w.openPanel("date");
-			} : void 0,
-			onDismiss: () => S.onDismissChip(e.key)
-		}, e.key)), S.activeFilterCount > 0 && /* @__PURE__ */ g("button", {
-			type: "button",
-			className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap",
-			onClick: S.onClearAll,
-			children: "Clear all"
-		})] })
-	});
-}
+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 { S as PayablesFilterBar };
+export { i as useDragScroll };