@tesouro/embedded-components-react 0.2.240 → 0.2.242

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

@@ -1,187 +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 "./index47.js";
+import { useCurrencies as t } from "./index63.js";
+import { Skeleton as n } from "./index54.js";
+import { PayableStatusChip as r } from "./index197.js";
+import "./index391.js";
+import { useDragScroll as i } from "./index416.js";
+import { StatusCard as a } from "./index417.js";
+import { getPayablesAnalyticsSnapshot as o } from "./index418.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/index419.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,
-						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,
-						minLabel: "No less than",
-						maxLabel: "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 };

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

@@ -1,134 +1,187 @@
-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/index420.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,
+						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,
+						minLabel: "No less than",
+						maxLabel: "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 };