@tesouro/embedded-components-react 0.5.176 → 0.5.179

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

@@ -1,134 +1,189 @@
-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 { 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/index424.js
-var h = [
+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 = [
 	{
-		value: "today",
-		label: "Today",
-		group: "Current"
+		id: "date",
+		label: "Due date",
+		activeDateField: "due_date"
 	},
 	{
-		value: "this_week",
-		label: "This week",
-		group: "Current"
+		id: "date",
+		label: "Created on",
+		activeDateField: "created_at"
 	},
 	{
-		value: "this_month",
-		label: "This month",
-		group: "Current"
+		id: "date",
+		label: "Issue date",
+		activeDateField: "issued_at"
 	},
 	{
-		value: "this_quarter",
-		label: "This quarter",
-		group: "Current"
+		id: "status",
+		label: "Status",
+		activeDateField: void 0
 	},
 	{
-		value: "this_year",
-		label: "This year",
-		group: "Current"
+		id: "amount",
+		label: "Amount",
+		activeDateField: void 0
 	},
 	{
-		value: "yesterday",
-		label: "Yesterday",
-		group: "Past"
+		id: "vendor",
+		label: "Vendor",
+		activeDateField: void 0
 	},
 	{
-		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"
+		id: "attachment",
+		label: "Attachment",
+		activeDateField: void 0
 	}
 ];
-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)
-			};
-		}
-	}
+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 { h as DATE_PRESETS, g as resolveDatePreset };
+export { S as PayablesFilterBar };

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

@@ -1,211 +1,134 @@
-import { toMinorUnits as e } from "./index13.js";
-import { formatDateRangeFilterChip as t, formatFilterChipMultiSelectValueSegment as n } from "./index17.js";
-import { useMoniteContext as r } from "./index46.js";
-import { useCounterpartById as i } from "./index47.js";
-import { getCounterpartName as a } from "./index52.js";
-import { useCurrencies as o } from "./index62.js";
-import "./index144.js";
-import { DATE_PRESETS as s, resolveDatePreset as c } from "./index424.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { formatISO as f } from "date-fns";
+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/index425.js
-var p = [
+var h = [
 	{
-		value: "draft",
-		label: "New"
+		value: "today",
+		label: "Today",
+		group: "Current"
 	},
 	{
-		value: "pending_approval",
-		label: "Pending approval"
+		value: "this_week",
+		label: "This week",
+		group: "Current"
 	},
 	{
-		value: "ready_to_pay",
-		label: "Ready to pay"
+		value: "this_month",
+		label: "This month",
+		group: "Current"
 	},
 	{
-		value: "paid",
-		label: "Paid"
+		value: "this_quarter",
+		label: "This quarter",
+		group: "Current"
 	},
 	{
-		value: "cancelled",
-		label: "Cancelled"
+		value: "this_year",
+		label: "This year",
+		group: "Current"
 	},
 	{
-		value: "rejected",
-		label: "Rejected"
+		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"
 	}
-], 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));
+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)
+			};
 		}
-		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}`
-			});
+		case "last_month": {
+			let e = o(d(g, 1));
+			return {
+				from: e,
+				to: t(e)
+			};
 		}
-		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)}`
-			});
+		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)
+			};
 		}
-		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: ""
-			}));
+		case "last_year": {
+			let e = l(m(g, 1));
+			return {
+				from: e,
+				to: i(e)
+			};
 		}
-	}, []), 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 { h as AP_DEFAULT_STATUSES, p as AP_STATUS_OPTIONS, _ as usePayablesFilter };
+export { h as DATE_PRESETS, g as resolveDatePreset };