@tesouro/embedded-components-react 0.2.324 → 0.2.326

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

@@ -1,134 +1,36 @@
-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 { 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/index423.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)
-		};
-		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)
-			};
-		}
-	}
-}
+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 { h as DATE_PRESETS, g as resolveDatePreset };
+export { i as StatusCard };

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

@@ -1,211 +1,6 @@
-import { toMinorUnits as e } from "./index13.js";
-import { formatDateRangeFilterChip as t, formatFilterChipMultiSelectValueSegment as n } from "./index17.js";
-import { useMoniteContext as r } from "./index47.js";
-import { useCounterpartById as i } from "./index48.js";
-import { getCounterpartName as a } from "./index53.js";
-import { useCurrencies as o } from "./index63.js";
-import "./index138.js";
-import { DATE_PRESETS as s, resolveDatePreset as c } from "./index423.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { formatISO as f } from "date-fns";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index424.js
-var p = [
-	{
-		value: "draft",
-		label: "New"
-	},
-	{
-		value: "pending_approval",
-		label: "Pending approval"
-	},
-	{
-		value: "ready_to_pay",
-		label: "Ready to pay"
-	},
-	{
-		value: "paid",
-		label: "Paid"
-	},
-	{
-		value: "cancelled",
-		label: "Cancelled"
-	},
-	{
-		value: "rejected",
-		label: "Rejected"
-	}
-], m = {
-	draft: ["draft", "new"],
-	pending_approval: ["approve_in_progress"],
-	ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-	paid: ["paid"],
-	cancelled: ["canceled"],
-	rejected: ["rejected"]
-}, h = [
-	"draft",
-	"new",
-	"approve_in_progress",
-	"rejected",
-	"waiting_to_be_paid",
-	"partially_paid",
-	"paid"
-];
-function g() {
-	return {
-		search: "",
-		activeDateField: "due_date",
-		datePreset: void 0,
-		dateFrom: void 0,
-		dateTo: void 0,
-		status: [],
-		amountMode: "any",
-		amountMin: "",
-		amountMax: "",
-		vendorName: "",
-		hasFile: void 0
-	};
-}
-function _({ initialCounterpartId: _ } = {}) {
-	let [v, y] = d(() => ({
-		...g(),
-		counterpartId: _
-	})), { formatToMinorUnits: b } = o(), { componentSettings: x } = r(), { data: S } = i(v.counterpartId), C = a(S), w = x.onboarding.allowedCurrencies?.[0] ?? "USD", T = u(() => {
-		let t = {}, n = v.activeDateField;
-		if (v.dateFrom && (t[`${n}__gte`] = f(v.dateFrom, { representation: "date" })), v.dateTo && (t[`${n}__lte`] = f(v.dateTo, { representation: "date" })), t.status__in = v.status.length ? v.status.flatMap((e) => m[e] ?? [e]) : h, v.vendorName && (t.counterpart_name__icontains = v.vendorName), v.counterpartId && (t.counterpart_id = v.counterpartId), v.hasFile !== void 0 && (t.has_file = v.hasFile), v.search && (t.search_text = v.search), v.amountMode !== "any") {
-			let n = parseFloat(v.amountMin), r = parseFloat(v.amountMax), i = (t) => b(t, w) ?? e(t, 2);
-			if (v.amountMode === "exact") {
-				if (!isNaN(n)) {
-					let e = i(n);
-					t.total_amount__gte = e, t.total_amount__lte = e;
-				}
-			} else isNaN(n) || (t.total_amount__gte = i(n)), isNaN(r) || (t.total_amount__lte = i(r));
-		}
-		return t;
-	}, [
-		v,
-		w,
-		b
-	]), E = u(() => {
-		let e = 0;
-		return v.status.length && e++, v.vendorName && e++, v.counterpartId && e++, v.hasFile !== void 0 && e++, v.amountMode !== "any" && e++, v.search && e++, e;
-	}, [v]), D = u(() => {
-		let e = [];
-		if (v.dateFrom || v.dateTo) {
-			let n = (v.datePreset ? s.find((e) => e.value === v.datePreset)?.label : void 0) ?? t(v.dateFrom, v.dateTo), r = v.activeDateField === "due_date" ? "Due date" : v.activeDateField === "created_at" ? "Created on" : "Issue date";
-			e.push({
-				key: "date",
-				label: `${r}: ${n}`
-			});
-		}
-		if (v.status.length) {
-			let t = v.status.map((e) => p.find((t) => t.value === e)?.label ?? e);
-			e.push({
-				key: "status",
-				label: `Status: ${n(t)}`
-			});
-		}
-		return v.vendorName && e.push({
-			key: "vendor",
-			label: `Vendor: ${v.vendorName}`
-		}), v.counterpartId && e.push({
-			key: "counterpart",
-			label: `Vendor: ${C || v.counterpartId}`
-		}), v.hasFile === !0 && e.push({
-			key: "attachment",
-			label: "Has attachment"
-		}), v.hasFile === !1 && e.push({
-			key: "attachment",
-			label: "No attachment"
-		}), v.amountMode !== "any" && e.push({
-			key: "amount",
-			label: "Amount"
-		}), v.search && e.push({
-			key: "search",
-			label: `Search: ${v.search}`
-		}), e;
-	}, [v, C]), O = l((e) => {
-		let { from: t, to: n } = c(e);
-		y((r) => ({
-			...r,
-			datePreset: e,
-			dateFrom: t,
-			dateTo: n
-		}));
-	}, []), k = l((e, t) => {
-		y((n) => ({
-			...n,
-			datePreset: void 0,
-			dateFrom: e,
-			dateTo: t
-		}));
-	}, []), A = l((e) => {
-		y((t) => ({
-			...t,
-			activeDateField: e
-		}));
-	}, []), j = l((e) => {
-		switch (e) {
-			case "date":
-				y((e) => ({
-					...e,
-					datePreset: void 0,
-					dateFrom: void 0,
-					dateTo: void 0,
-					activeDateField: "due_date"
-				}));
-				break;
-			case "status":
-				y((e) => ({
-					...e,
-					status: []
-				}));
-				break;
-			case "vendor":
-				y((e) => ({
-					...e,
-					vendorName: ""
-				}));
-				break;
-			case "counterpart":
-				y((e) => ({
-					...e,
-					counterpartId: void 0
-				}));
-				break;
-			case "attachment":
-				y((e) => ({
-					...e,
-					hasFile: void 0
-				}));
-				break;
-			case "amount":
-				y((e) => ({
-					...e,
-					amountMode: "any",
-					amountMin: "",
-					amountMax: ""
-				}));
-				break;
-			case "search": y((e) => ({
-				...e,
-				search: ""
-			}));
-		}
-	}, []), M = l(() => y(g()), []);
-	return {
-		state: v,
-		setState: y,
-		queryParams: T,
-		activeFilterCount: E,
-		activeChips: D,
-		datePresets: s,
-		statusOptions: p,
-		setDatePreset: O,
-		setDateRange: k,
-		setActiveDateField: A,
-		clearFilter: j,
-		clearAll: M
-	};
-}
+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 { h as AP_DEFAULT_STATUSES, p as AP_STATUS_OPTIONS, _ as usePayablesFilter };
+export { t as getPayablesAnalyticsSnapshot };

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

@@ -1,13 +1,105 @@
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index425.js
-var e = {
-	due_date: "due_date",
-	status: "status",
-	document_id: "document_id",
-	issued_at: "issued_at",
-	amount: "amount"
-}, t = [{
-	id: "due_date",
-	desc: !0
-}];
+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 { t as DEFAULT_SORTING, e as SORT_FIELD_BY_COLUMN_ID };
+export { f as SummaryCardsFilters };