@tesouro/embedded-components-react 0.5.178 → 0.5.180

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

@@ -1,105 +1,6 @@
-import { useMoniteContext as e } from "./index46.js";
-import { useCurrencies as t } from "./index62.js";
-import { Skeleton as n } from "./index53.js";
-import { PayableStatusChip as r } from "./index231.js";
-import "./index396.js";
-import { useDragScroll as i } from "./index419.js";
-import { StatusCard as a } from "./index420.js";
-import { getPayablesAnalyticsSnapshot as o } from "./index421.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/index422.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 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 { f as SummaryCardsFilters };
+export { t as getPayablesAnalyticsSnapshot };

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

@@ -1,189 +1,105 @@
-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 { useMoniteContext as e } from "./index46.js";
+import { useCurrencies as t } from "./index62.js";
+import { Skeleton as n } from "./index53.js";
+import { PayableStatusChip as r } from "./index232.js";
+import "./index397.js";
+import { useDragScroll as i } from "./index420.js";
+import { StatusCard as a } from "./index421.js";
+import { getPayablesAnalyticsSnapshot as o } from "./index422.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/index423.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 = [
+var d = [
 	{
-		id: "date",
-		label: "Due date",
-		activeDateField: "due_date"
+		groupStatus: "all",
+		apiStatuses: [],
+		representativeStatus: null
 	},
 	{
-		id: "date",
-		label: "Created on",
-		activeDateField: "created_at"
+		groupStatus: "draft",
+		apiStatuses: ["draft", "new"],
+		representativeStatus: "draft"
 	},
 	{
-		id: "date",
-		label: "Issue date",
-		activeDateField: "issued_at"
+		groupStatus: "pending_approval",
+		apiStatuses: ["approve_in_progress"],
+		representativeStatus: "approve_in_progress"
 	},
 	{
-		id: "status",
-		label: "Status",
-		activeDateField: void 0
+		groupStatus: "rejected",
+		apiStatuses: ["rejected"],
+		representativeStatus: "rejected"
 	},
 	{
-		id: "amount",
-		label: "Amount",
-		activeDateField: void 0
+		groupStatus: "ready_to_pay",
+		apiStatuses: ["waiting_to_be_paid", "partially_paid"],
+		representativeStatus: "waiting_to_be_paid"
 	},
 	{
-		id: "vendor",
-		label: "Vendor",
-		activeDateField: void 0
+		groupStatus: "paid",
+		apiStatuses: ["paid"],
+		representativeStatus: "paid"
 	},
 	{
-		id: "attachment",
-		label: "Attachment",
-		activeDateField: void 0
+		groupStatus: "cancelled",
+		apiStatuses: ["canceled"],
+		representativeStatus: "canceled"
 	}
-];
-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"
-		})] })
+], 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 { S as PayablesFilterBar };
+export { f as SummaryCardsFilters };