@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,105 +1,162 @@
-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 "./index397.js";
-import { useDragScroll as i } from "./index422.js";
-import { StatusCard as a } from "./index423.js";
-import { getPayablesAnalyticsSnapshot as o } from "./index424.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";
+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 "./index237.js";
+import { useUserPermissions as a } from "./index116.js";
+import { NotFound as o } from "./index239.js";
+import { AccessRestriction as s } from "./index247.js";
+import "./index249.js";
+import { LoadingPage as c } from "./index260.js";
+import "./index261.js";
+import { classNames as l } from "./index344.js";
+import { PayableDetailsForceActionDialog as u } from "./index358.js";
+import { PayableDetailsForm as ee } from "./index392.js";
+import "./index393.js";
+import { usePayableDetails as te } from "./index399.js";
+import { PayableDetailsAttachFile as ne } from "./index400.js";
+import "./index401.js";
+import { PayableDetailsHeader as re } from "./index408.js";
+import "./index409.js";
+import { PayableDetailsInfo as ie } from "./index418.js";
+import "./index419.js";
+import { PayableDetailsNoAttachedFile as ae } from "./index420.js";
+import "./index421.js";
+import { FileViewer as oe } from "./index422.js";
+import "./index423.js";
+import "./index424.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/index425.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;
+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 { f as SummaryCardsFilters };
+export { y as PayableDetails };

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

@@ -1,189 +1 @@
-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";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index426.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"
-		})] })
-	});
-}
-//#endregion
-export { S as PayablesFilterBar };
+import "./index425.js";

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

@@ -1,134 +1,37 @@
-import { endOfDay as e, endOfMonth as t, endOfQuarter as n, endOfWeek as r, endOfYear as i, startOfDay as a, startOfMonth as o, startOfQuarter as s, startOfWeek as c, startOfYear as l, subDays as u, subMonths as d, subQuarters as f, subWeeks as p, subYears as m } from "date-fns";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index427.js
-var h = [
-	{
-		value: "today",
-		label: "Today",
-		group: "Current"
-	},
-	{
-		value: "this_week",
-		label: "This week",
-		group: "Current"
-	},
-	{
-		value: "this_month",
-		label: "This month",
-		group: "Current"
-	},
-	{
-		value: "this_quarter",
-		label: "This quarter",
-		group: "Current"
-	},
-	{
-		value: "this_year",
-		label: "This year",
-		group: "Current"
-	},
-	{
-		value: "yesterday",
-		label: "Yesterday",
-		group: "Past"
-	},
-	{
-		value: "last_week",
-		label: "Last week",
-		group: "Past"
-	},
-	{
-		value: "last_month",
-		label: "Last month",
-		group: "Past"
-	},
-	{
-		value: "last_30_days",
-		label: "Last 30 days",
-		group: "Past"
-	},
-	{
-		value: "last_90_days",
-		label: "Last 90 days",
-		group: "Past"
-	},
-	{
-		value: "last_quarter",
-		label: "Last quarter",
-		group: "Past"
-	},
-	{
-		value: "last_year",
-		label: "Last year",
-		group: "Past"
-	}
-];
-function g(h) {
-	let g = a(/* @__PURE__ */ new Date());
-	switch (h) {
-		case "today": return {
-			from: g,
-			to: e(g)
+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);
 		};
-		case "this_week": return {
-			from: c(g),
-			to: r(g)
-		};
-		case "this_month": return {
-			from: o(g),
-			to: t(g)
-		};
-		case "this_quarter": return {
-			from: s(g),
-			to: n(g)
-		};
-		case "this_year": return {
-			from: l(g),
-			to: i(g)
-		};
-		case "yesterday": {
-			let t = u(g, 1);
-			return {
-				from: t,
-				to: e(t)
-			};
-		}
-		case "last_week": {
-			let e = c(p(g, 1));
-			return {
-				from: e,
-				to: r(e)
-			};
-		}
-		case "last_month": {
-			let e = o(d(g, 1));
-			return {
-				from: e,
-				to: t(e)
-			};
-		}
-		case "last_30_days": return {
-			from: u(g, 30),
-			to: g
-		};
-		case "last_90_days": return {
-			from: u(g, 90),
-			to: g
-		};
-		case "last_quarter": {
-			let e = s(f(g, 1));
-			return {
-				from: e,
-				to: n(e)
-			};
-		}
-		case "last_year": {
-			let e = l(m(g, 1));
-			return {
-				from: e,
-				to: i(e)
-			};
-		}
-	}
-}
+	}, [h]), {
+		containerRef: i,
+		handleMouseDown: d,
+		handleMouseLeave: f,
+		handleMouseUp: p,
+		handleMouseMove: m,
+		isDragging: a
+	};
+};
 //#endregion
-export { h as DATE_PRESETS, g as resolveDatePreset };
+export { i as useDragScroll };