@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,17 +1,134 @@
+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";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index423.js
-var e = [
-	"draft",
-	"new",
-	"waiting_to_be_paid",
-	"approve_in_progress"
-], t = 864e5, n = (n) => {
-	if (!n.due_date) return 0;
-	let r = /* @__PURE__ */ new Date();
-	r.setUTCHours(0, 0, 0, 0);
-	let i = new Date(n.due_date);
-	if (i.setUTCHours(0, 0, 0, 0), i.getTime() === r.getTime()) return 0;
-	let a = e.includes(n.status), o = i.getTime() < r.getTime();
-	return !a || !o ? 0 : Math.floor((r.getTime() - i.getTime()) / t);
-};
+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)
+			};
+		}
+	}
+}
 //#endregion
-export { n as getInvoiceOverdueDays };
+export { h as DATE_PRESETS, g as resolveDatePreset };

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

@@ -1,31 +1,211 @@
-import { dateStringToLocalDate as e } from "./index16.js";
-import { useMoniteContext as t } from "./index47.js";
-import { getInvoiceOverdueDays as n } from "./index423.js";
-import { jsx as r, jsxs as i } from "@emotion/react/jsx-runtime";
-import { useLingui as a } from "@lingui/react";
-import { twMerge as o } from "tailwind-merge";
+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 s = ({ data: s }) => {
-	let { i18n: c } = a(), { locale: l } = t();
-	if (!s.due_date) return /* @__PURE__ */ r("span", {
-		className: "ttw:opacity-40",
-		children: "-"
-	});
-	let u = c.date(e(s.due_date), l.dateFormat), d = n(s), f = d > 0;
-	return /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:flex-col ttw:h-full ttw:justify-center ttw:gap-1",
-		children: [/* @__PURE__ */ r("span", {
-			className: o("ttw:text-sm ttw:font-normal ttw:leading-5", f && "ttw:text-rose-700"),
-			children: u
-		}), f && /* @__PURE__ */ i("span", {
-			className: "ttw:text-xs ttw:font-normal ttw:leading-4.5 ttw:text-rose-700",
-			children: [
-				d,
-				" ",
-				d === 1 ? c._("day overdue") : c._("days overdue")
-			]
-		})]
-	});
-};
+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
+	};
+}
 //#endregion
-export { s as DueDateCell };
+export { h as AP_DEFAULT_STATUSES, p as AP_STATUS_OPTIONS, _ as usePayablesFilter };

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

@@ -1 +1,13 @@
-import "./index424.js";
+//#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
+}];
+//#endregion
+export { t as DEFAULT_SORTING, e as SORT_FIELD_BY_COLUMN_ID };

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

@@ -1,256 +1,17 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { dateStringToLocalDate as t } from "./index16.js";
-import { useMoniteContext as n } from "./index47.js";
-import { useCurrencies as r } from "./index63.js";
-import { Button as i } from "./index56.js";
-import { usePayablePaymentIntentsAndRecords as ee } from "./index134.js";
-import { MoniteScopedProviders as a } from "./index209.js";
-import { useUserPermissions as o } from "./index112.js";
-import { PayableStatusChip as s } from "./index197.js";
-import { CounterpartNameCellById as c } from "./index232.js";
-import { GetNoRowsOverlay as te } from "./index235.js";
-import { AccessRestriction as l } from "./index236.js";
-import "./index238.js";
-import { DataTable as u } from "./index240.js";
-import { hasSelectedText as d } from "./index241.js";
-import "./index329.js";
-import { isPayableInOCRProcessing as f } from "./index387.js";
-import "./index391.js";
-import { SummaryCardsFilters as ne } from "./index419.js";
-import { PayablesFilterBar as p } from "./index420.js";
-import { usePayablesFilter as m } from "./index422.js";
-import { DueDateCell as h } from "./index424.js";
-import "./index425.js";
-import { useEffect as g, useMemo as _, useState as v } from "react";
-import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Loader2 as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useLingui as T } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index426.js
-var E = (e) => /* @__PURE__ */ C(a, { children: /* @__PURE__ */ C(D, { ...e }) }), D = ({ initialCounterpartId: a, onRowClick: E, onPay: D, openFileInput: re, setIsCreateInvoiceDialogOpen: O, openEditDialog: k, onSubmitted: A, onApproved: j, onCanceled: M }) => {
-	let { i18n: N } = T(), { api: P, locale: F, queryClient: I, componentSettings: L } = n(), [R, z] = v(null), [B, V] = v(L.payables.pageSizeOptions?.[0] ?? 10), [H, U] = v({
-		field: "due_date",
-		sort: "desc"
-	}), W = m({ initialCounterpartId: a }), [G, K] = v("");
-	g(() => {
-		let e = setTimeout(() => K(W.state.search), 300);
-		return () => clearTimeout(e);
-	}, [W.state.search]);
-	let { formatCurrencyToDisplay: q } = r(), J = o().has(e.PayableReadOrg), Y = P.finops.getPayables.getQueryKey({ query: {
-		sort: H?.field,
-		order: H?.sort,
-		limit: B,
-		pagination_token: R || void 0,
-		...W.queryParams,
-		search_text: G || W.queryParams.search_text || void 0
-	} }), { data: X, isLoading: ie, isError: ae, refetch: Z } = P.finops.getPayables.useQuery(Y, {
-		enabled: !!J,
-		refetchInterval: P.finops.getPayables.getQueryData(Y, I)?.data.filter(f).length ? 2e3 : 3e4
-	}), oe = _(() => X?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [X?.data]), { payablesPaymentIntentsRecord: se, refetch: Q } = ee(oe || []), $ = [{
-		id: H.field,
-		desc: H.sort === "desc"
-	}], ce = (e) => {
-		let t = typeof e == "function" ? e($) : e;
-		t.length > 0 ? U({
-			field: t[0].id,
-			sort: t[0].desc ? "desc" : "asc"
-		}) : U({
-			field: "due_date",
-			sort: "desc"
-		}), z(null);
-	}, le = _(() => [
-		{
-			accessorKey: "due_date",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [N._("Due date"), /* @__PURE__ */ C(i, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => /* @__PURE__ */ C(h, { data: e.original }),
-			enableSorting: !0
-		},
-		{
-			accessorKey: "status",
-			header: N._("Status"),
-			cell: ({ row: e }) => /* @__PURE__ */ C(s, {
-				status: e.original.status,
-				dueDate: e.original.due_date
-			})
-		},
-		{
-			accessorKey: "document_id",
-			header: N._("Number"),
-			cell: ({ row: e }) => {
-				let t = e.original;
-				return f(t) ? /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [/* @__PURE__ */ C(S, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }), /* @__PURE__ */ w("span", { children: [
-						N._("Processing file"),
-						" '",
-						t.file?.name,
-						"'"
-					] })]
-				}) : /* @__PURE__ */ C("span", { children: t.document_id });
-			}
-		},
-		{
-			accessorKey: "counterpart_id",
-			header: N._("Vendor"),
-			cell: ({ row: e }) => {
-				let t = e.original;
-				return t.counterpart?.name ? /* @__PURE__ */ C("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ C(c, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ C("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ C("span", {
-					style: { opacity: .4 },
-					children: "-"
-				});
-			}
-		},
-		{
-			accessorKey: "issued_at",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ w("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [N._("Issued on"), /* @__PURE__ */ C(i, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: C(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => {
-				let n = e.original.issued_at;
-				return n ? N.date(t(n), F.dateFormat) : "—";
-			},
-			enableSorting: !0
-		},
-		{
-			accessorKey: "amount",
-			header: () => /* @__PURE__ */ C("div", {
-				className: "ttw:text-right",
-				children: N._("Total")
-			}),
-			cell: ({ row: e }) => {
-				let t = e.original.total_amount;
-				return /* @__PURE__ */ C("div", {
-					className: "ttw:text-right",
-					children: t ? q(t, e.original.currency ?? "USD") : ""
-				});
-			}
-		}
-	], [
-		N,
-		F.dateFormat,
-		q,
-		se,
-		Q,
-		D,
-		A,
-		j,
-		M,
-		Z,
-		k
-	]);
-	if (g(() => {
-		z(null);
-	}, [W.queryParams]), !J) return /* @__PURE__ */ C(l, {});
-	let ue = W.activeFilterCount > 0, de = !!G;
-	return /* @__PURE__ */ w("div", {
-		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-		children: [/* @__PURE__ */ C(ne, {
-			selectedStatus: W.state.status.length === 0 ? "all" : W.state.status[0],
-			onChangeFilter: (e, t) => W.setState((e) => ({
-				...e,
-				status: t ? [t] : []
-			}))
-		}), /* @__PURE__ */ C(u, {
-			columns: le,
-			data: X?.data ?? [],
-			sorting: $,
-			onSortingChange: ce,
-			pageSize: B,
-			onPageSizeChange: (e) => {
-				V(e), z(null);
-			},
-			nextPaginationToken: X?.next_pagination_token ?? void 0,
-			prevPaginationToken: X?.prev_pagination_token ?? void 0,
-			onPaginationTokenChange: (e) => z(e ?? null),
-			onRowClick: (e) => {
-				!d() && e.ocr_status !== "processing" && E?.(e.id);
-			},
-			filterComponent: /* @__PURE__ */ C(p, {
-				searchValue: W.state.search,
-				onSearchChange: (e) => W.setState((t) => ({
-					...t,
-					search: e
-				})),
-				activeFilterCount: W.activeFilterCount,
-				activeChips: W.activeChips,
-				onDismissChip: W.clearFilter,
-				onClearAll: W.clearAll,
-				activeDateField: W.state.activeDateField,
-				onActiveDateFieldChange: W.setActiveDateField,
-				allPresets: W.datePresets,
-				selectedDatePreset: W.state.datePreset,
-				dateFrom: W.state.dateFrom,
-				dateTo: W.state.dateTo,
-				onDateRangeChange: ({ from: e, to: t }) => W.setDateRange(e, t),
-				onDatePresetChange: W.setDatePreset,
-				statusOptions: W.statusOptions,
-				selectedStatus: W.state.status,
-				onStatusChange: (e) => W.setState((t) => ({
-					...t,
-					status: e
-				})),
-				amountMode: W.state.amountMode,
-				onAmountModeChange: (e) => W.setState((t) => ({
-					...t,
-					amountMode: e
-				})),
-				amountMin: W.state.amountMin,
-				amountMax: W.state.amountMax,
-				onAmountMinChange: (e) => W.setState((t) => ({
-					...t,
-					amountMin: e
-				})),
-				onAmountMaxChange: (e) => W.setState((t) => ({
-					...t,
-					amountMax: e
-				})),
-				vendorName: W.state.vendorName,
-				onVendorNameChange: (e) => W.setState((t) => ({
-					...t,
-					vendorName: e
-				})),
-				hasFile: W.state.hasFile,
-				onHasFileChange: (e) => W.setState((t) => ({
-					...t,
-					hasFile: e
-				}))
-			}),
-			children: /* @__PURE__ */ C(te, {
-				noDataTitle: N._("No bills yet"),
-				noDataDescription1: N._("You don't have any bills yet"),
-				filterTitle: N._("No bills found"),
-				isLoading: ie,
-				isFiltering: ue,
-				isSearching: de,
-				isError: ae,
-				dataLength: X?.data.length || 0,
-				onCreate: (e) => {
-					e === "New Invoice" ? O?.(!0) : e === "Upload File" && re?.();
-				},
-				refetch: Z,
-				entityName: N._("Payable"),
-				type: "no-data=payables"
-			})
-		})]
-	});
+var e = [
+	"draft",
+	"new",
+	"waiting_to_be_paid",
+	"approve_in_progress"
+], t = 864e5, n = (n) => {
+	if (!n.due_date) return 0;
+	let r = /* @__PURE__ */ new Date();
+	r.setUTCHours(0, 0, 0, 0);
+	let i = new Date(n.due_date);
+	if (i.setUTCHours(0, 0, 0, 0), i.getTime() === r.getTime()) return 0;
+	let a = e.includes(n.status), o = i.getTime() < r.getTime();
+	return !a || !o ? 0 : Math.floor((r.getTime() - i.getTime()) / t);
 };
 //#endregion
-export { E as PayablesTable };
+export { n as getInvoiceOverdueDays };