@tesouro/embedded-components-react 0.3.57 → 0.3.60

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

@@ -1,10 +1,26 @@
-import { CounterpartNameCellById as e } from "./index243.js";
-import "./index340.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js
-var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
-	style: { opacity: .4 },
-	children: "-"
-});
-//#endregion
-export { n as InvoicesCounterpartCell };
+import "./index120.js";
+import "./index360.js";
+import "./index361.js";
+import "./index362.js";
+import "./index363.js";
+import "./index364.js";
+import "./index365.js";
+import "./index366.js";
+import "./index367.js";
+import "./index368.js";
+import "./index369.js";
+import "./index370.js";
+import "./index371.js";
+import "./index372.js";
+import "./index373.js";
+import "./index374.js";
+import "./index375.js";
+import "./index376.js";
+import "./index377.js";
+import "./index378.js";
+import "./index379.js";
+import "./index426.js";
+import "./index439.js";
+import "./index427.js";
+import "./index440.js";
+import "./index444.js";

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

@@ -1,40 +1,10 @@
-import { cn as e } from "./index49.js";
-import { RECURRENCE_STATUS_ICON as t } from "./index93.js";
-import { getCommonRecurrenceStatusLabel as n } from "./index177.js";
-import "./index202.js";
-import { Badge as r } from "./index223.js";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
-import { cva as s } from "class-variance-authority";
+import { CounterpartNameCellById as e } from "./index244.js";
+import "./index341.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index446.js
-var c = s("", { variants: {
-	variant: {
-		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-		canceled: "ttw:bg-red-100 ttw:text-red-700",
-		completed: "ttw:bg-green-100 ttw:text-green-700"
-	},
-	dotVariant: {
-		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-		canceled: "ttw:border-red-100 ttw:bg-red-700",
-		completed: "ttw:border-green-100 ttw:bg-green-700"
-	}
-} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
-	let { i18n: m } = o(), h = t[s];
-	return /* @__PURE__ */ a(r, {
-		ref: p,
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
-		dotClassName: c({ dotVariant: s }),
-		showBadgeBackground: u,
-		showDotBorder: !u,
-		dotSize: f,
-		showDot: !1,
-		children: [d && /* @__PURE__ */ i(h, {
-			className: "ttw:size-3",
-			"aria-hidden": !0
-		}), n(m, s)]
-	});
-};
+var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
+	style: { opacity: .4 },
+	children: "-"
+});
 //#endregion
-export { l as InvoiceRecurrenceStatusChip };
+export { n as InvoicesCounterpartCell };

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

@@ -1,156 +1,40 @@
-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, SearchInput as u, useFilterPanel as d } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ListFilter as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useLingui as g } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { RECURRENCE_STATUS_ICON as t } from "./index93.js";
+import { getCommonRecurrenceStatusLabel as n } from "./index180.js";
+import "./index203.js";
+import { Badge as r } from "./index224.js";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import { useLingui as o } from "@lingui/react";
+import { cva as s } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index447.js
-var _ = {
-	due_date: "Due date",
-	created_at: "Created on",
-	issue_date: "Issue date"
-}, v = [
-	{
-		id: "date_due_date",
-		label: "Due date",
-		field: "due_date"
+var c = s("", { variants: {
+	variant: {
+		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
+		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
+		canceled: "ttw:bg-red-100 ttw:text-red-700",
+		completed: "ttw:bg-green-100 ttw:text-green-700"
 	},
-	{
-		id: "date_created_at",
-		label: "Created on",
-		field: "created_at"
-	},
-	{
-		id: "date_issue_date",
-		label: "Issue date",
-		field: "issue_date"
-	},
-	{
-		id: "status",
-		label: "Status",
-		field: void 0
-	},
-	{
-		id: "amount",
-		label: "Amount",
-		field: void 0
-	},
-	{
-		id: "customer",
-		label: "Customer",
-		field: void 0
+	dotVariant: {
+		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
+		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
+		canceled: "ttw:border-red-100 ttw:bg-red-700",
+		completed: "ttw:border-green-100 ttw:bg-green-700"
 	}
-], y = {
-	date_due_date: "ttw:w-auto",
-	date_created_at: "ttw:w-auto",
-	date_issue_date: "ttw:w-auto",
-	status: "ttw:w-56",
-	amount: "ttw:w-64",
-	customer: "ttw:w-64"
-};
-function b(b) {
-	let { i18n: x } = g(), S = d(), C = S.isMenuOpen || !!S.activePanelId, w = S.activePanelId && y[S.activePanelId] || "ttw:w-52", T = b.allPresets.map((e) => ({
-		value: e.value,
-		label: e.label,
-		group: e.group
-	})), E = (e) => {
-		e || (S.closeMenu(), S.closePanel());
-	}, D = (e) => {
-		S.openPanel(e);
-	};
-	return /* @__PURE__ */ m(n, {
-		className: "ttw:pl-4",
-		searchSlot: /* @__PURE__ */ m(u, {
-			value: b.searchValue,
-			onChange: (e) => b.onSearchChange(e.target.value),
-			placeholder: "Search by number or customer...",
-			className: "ttw:min-w-64"
-		}),
-		menuSlot: /* @__PURE__ */ h(s, {
-			open: C,
-			onOpenChange: E,
-			children: [/* @__PURE__ */ m(l, {
-				asChild: !0,
-				children: /* @__PURE__ */ m(r, {
-					activeCount: b.activeFilterCount,
-					onClick: S.toggleMenu
-				})
-			}), /* @__PURE__ */ h(c, {
-				align: "start",
-				className: `ttw:p-0 ${w}`,
-				children: [
-					S.isMenuOpen && /* @__PURE__ */ m("div", {
-						className: "ttw:p-1",
-						children: v.map((e) => /* @__PURE__ */ h("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: () => D(e.id),
-							children: [/* @__PURE__ */ m(f, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }), e.label]
-						}, e.id))
-					}),
-					v.filter((e) => e.field !== void 0).map((e) => S.activePanelId === e.id && e.field && /* @__PURE__ */ m(t, {
-						from: b.activeDateFields[e.field]?.from,
-						to: b.activeDateFields[e.field]?.to,
-						onRangeChange: (t) => b.onDateFieldRangeChange(e.field, t),
-						selectedPreset: b.activeDateFields[e.field]?.preset,
-						onPresetChange: (t) => b.onDateFieldPresetChange(e.field, t),
-						presets: T,
-						labels: { fieldLabel: _[e.field] }
-					}, e.id)),
-					S.activePanelId === "status" && /* @__PURE__ */ m(o, {
-						options: b.statusOptions,
-						selectedValues: b.selectedStatus,
-						onSelectionChange: b.onStatusChange
-					}),
-					S.activePanelId === "amount" && /* @__PURE__ */ m(e, {
-						mode: b.amountMode,
-						onModeChange: b.onAmountModeChange,
-						min: b.amountMin,
-						max: b.amountMax,
-						onMinChange: b.onAmountMinChange,
-						onMaxChange: b.onAmountMaxChange,
-						showFlowDirection: !1,
-						labels: {
-							min: "No less than",
-							max: "No more than"
-						}
-					}),
-					S.activePanelId === "customer" && /* @__PURE__ */ h("div", {
-						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-								children: "Customer name"
-							}),
-							/* @__PURE__ */ m(a, {
-								type: "text",
-								value: b.customerName,
-								onChange: (e) => b.onCustomerNameChange(e.target.value),
-								placeholder: "Search customers...",
-								className: "ttw:h-8 ttw:text-xs"
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: x._("Matches names containing your search")
-							})
-						]
-					})
-				]
-			})]
-		}),
-		activeChipsSlot: /* @__PURE__ */ h(p, { children: [b.activeChips.map((e) => /* @__PURE__ */ m(i, {
-			label: e.label,
-			count: e.count,
-			variant: "default",
-			onLabelClick: e.key === "date" ? () => {
-				S.openPanel("date");
-			} : void 0,
-			onDismiss: () => b.onDismissChip(e.key)
-		}, e.key)), b.activeFilterCount > 0 && /* @__PURE__ */ m("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: b.onClearAll,
-			children: "Clear all"
-		})] })
+} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
+	let { i18n: m } = o(), h = t[s];
+	return /* @__PURE__ */ a(r, {
+		ref: p,
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
+		dotClassName: c({ dotVariant: s }),
+		showBadgeBackground: u,
+		showDotBorder: !u,
+		dotSize: f,
+		showDot: !1,
+		children: [d && /* @__PURE__ */ i(h, {
+			className: "ttw:size-3",
+			"aria-hidden": !0
+		}), n(m, s)]
 	});
-}
+};
 //#endregion
-export { b as InvoicesFilterBar };
+export { l as InvoiceRecurrenceStatusChip };

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

@@ -1,71 +1,156 @@
-import { useCurrencies as e } from "./index63.js";
-import { Skeleton as t } from "./index54.js";
-import { useGetReceivablesAnalytics as n } from "./index174.js";
-import { InvoiceStatusChip as r } from "./index238.js";
-import { StatusCard as i } from "./index428.js";
-import { useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+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, SearchInput as u, useFilterPanel as d } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ListFilter as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+import { useLingui as g } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index448.js
-var l = [
-	"draft",
-	"issued",
-	"overdue",
-	"partially_paid",
-	"paid",
-	"recurring",
-	"canceled",
-	"uncollectible"
-], u = ({ selectedStatus: u, onChangeFilter: d }) => {
-	let { i18n: f } = c(), { formatCurrencyToDisplay: p } = e(), { data: m, isLoading: h } = n({
-		dimension: "status",
-		metric: "id",
-		aggregation_function: "count",
-		type: "invoice"
-	}), { data: g, isLoading: _ } = n({
-		dimension: "status",
-		metric: "total_amount",
-		aggregation_function: "summary",
-		type: "invoice"
-	}), v = a(() => m?.data?.reduce((e, t) => {
-		let n = t.dimension_value, r = t.metric_value;
-		return n && (e.statuses.push({
-			status: n,
-			count: r
-		}), n !== "recurring" && (e.totalCount += r)), e;
-	}, {
-		statuses: [],
-		totalCount: 0
-	}), [m]) ?? {
-		statuses: [],
-		totalCount: 0
-	}, y = a(() => new Map(g?.data?.map((e) => [e.dimension_value, e.metric_value]) ?? []), [g]);
-	if (h || _) return /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:gap-2",
-		children: Array.from({ length: 6 }).map((e, n) => /* @__PURE__ */ o(t, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, n))
-	});
-	let b = (e) => {
-		d(e === "all" ? void 0 : e);
-	}, x = (e) => p(e, "USD") ?? "—";
-	return /* @__PURE__ */ s("div", {
-		className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
-		children: [/* @__PURE__ */ o(i, {
-			isAllStatus: !0,
-			data: v.totalCount,
-			selected: u === null,
-			onClick: () => b("all"),
-			formatAmount: x,
-			allItemsText: f._("All invoices")
-		}), [...v.statuses].sort((e, t) => (l.indexOf(e.status) + 1 || Infinity) - (l.indexOf(t.status) + 1 || Infinity)).map((e) => /* @__PURE__ */ o(i, {
-			isAllStatus: !1,
-			data: y.get(e.status) ?? 0,
-			amountOfItems: e.count,
-			selected: u === e.status,
-			onClick: () => b(e.status),
-			formatAmount: x,
-			statusChip: /* @__PURE__ */ o(r, { status: e.status })
-		}, e.status))]
-	});
+var _ = {
+	due_date: "Due date",
+	created_at: "Created on",
+	issue_date: "Issue date"
+}, v = [
+	{
+		id: "date_due_date",
+		label: "Due date",
+		field: "due_date"
+	},
+	{
+		id: "date_created_at",
+		label: "Created on",
+		field: "created_at"
+	},
+	{
+		id: "date_issue_date",
+		label: "Issue date",
+		field: "issue_date"
+	},
+	{
+		id: "status",
+		label: "Status",
+		field: void 0
+	},
+	{
+		id: "amount",
+		label: "Amount",
+		field: void 0
+	},
+	{
+		id: "customer",
+		label: "Customer",
+		field: void 0
+	}
+], y = {
+	date_due_date: "ttw:w-auto",
+	date_created_at: "ttw:w-auto",
+	date_issue_date: "ttw:w-auto",
+	status: "ttw:w-56",
+	amount: "ttw:w-64",
+	customer: "ttw:w-64"
 };
+function b(b) {
+	let { i18n: x } = g(), S = d(), C = S.isMenuOpen || !!S.activePanelId, w = S.activePanelId && y[S.activePanelId] || "ttw:w-52", T = b.allPresets.map((e) => ({
+		value: e.value,
+		label: e.label,
+		group: e.group
+	})), E = (e) => {
+		e || (S.closeMenu(), S.closePanel());
+	}, D = (e) => {
+		S.openPanel(e);
+	};
+	return /* @__PURE__ */ m(n, {
+		className: "ttw:pl-4",
+		searchSlot: /* @__PURE__ */ m(u, {
+			value: b.searchValue,
+			onChange: (e) => b.onSearchChange(e.target.value),
+			placeholder: "Search by number or customer...",
+			className: "ttw:min-w-64"
+		}),
+		menuSlot: /* @__PURE__ */ h(s, {
+			open: C,
+			onOpenChange: E,
+			children: [/* @__PURE__ */ m(l, {
+				asChild: !0,
+				children: /* @__PURE__ */ m(r, {
+					activeCount: b.activeFilterCount,
+					onClick: S.toggleMenu
+				})
+			}), /* @__PURE__ */ h(c, {
+				align: "start",
+				className: `ttw:p-0 ${w}`,
+				children: [
+					S.isMenuOpen && /* @__PURE__ */ m("div", {
+						className: "ttw:p-1",
+						children: v.map((e) => /* @__PURE__ */ h("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: () => D(e.id),
+							children: [/* @__PURE__ */ m(f, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }), e.label]
+						}, e.id))
+					}),
+					v.filter((e) => e.field !== void 0).map((e) => S.activePanelId === e.id && e.field && /* @__PURE__ */ m(t, {
+						from: b.activeDateFields[e.field]?.from,
+						to: b.activeDateFields[e.field]?.to,
+						onRangeChange: (t) => b.onDateFieldRangeChange(e.field, t),
+						selectedPreset: b.activeDateFields[e.field]?.preset,
+						onPresetChange: (t) => b.onDateFieldPresetChange(e.field, t),
+						presets: T,
+						labels: { fieldLabel: _[e.field] }
+					}, e.id)),
+					S.activePanelId === "status" && /* @__PURE__ */ m(o, {
+						options: b.statusOptions,
+						selectedValues: b.selectedStatus,
+						onSelectionChange: b.onStatusChange
+					}),
+					S.activePanelId === "amount" && /* @__PURE__ */ m(e, {
+						mode: b.amountMode,
+						onModeChange: b.onAmountModeChange,
+						min: b.amountMin,
+						max: b.amountMax,
+						onMinChange: b.onAmountMinChange,
+						onMaxChange: b.onAmountMaxChange,
+						showFlowDirection: !1,
+						labels: {
+							min: "No less than",
+							max: "No more than"
+						}
+					}),
+					S.activePanelId === "customer" && /* @__PURE__ */ h("div", {
+						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",
+						children: [
+							/* @__PURE__ */ m("p", {
+								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+								children: "Customer name"
+							}),
+							/* @__PURE__ */ m(a, {
+								type: "text",
+								value: b.customerName,
+								onChange: (e) => b.onCustomerNameChange(e.target.value),
+								placeholder: "Search customers...",
+								className: "ttw:h-8 ttw:text-xs"
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: x._("Matches names containing your search")
+							})
+						]
+					})
+				]
+			})]
+		}),
+		activeChipsSlot: /* @__PURE__ */ h(p, { children: [b.activeChips.map((e) => /* @__PURE__ */ m(i, {
+			label: e.label,
+			count: e.count,
+			variant: "default",
+			onLabelClick: e.key === "date" ? () => {
+				S.openPanel("date");
+			} : void 0,
+			onDismiss: () => b.onDismissChip(e.key)
+		}, e.key)), b.activeFilterCount > 0 && /* @__PURE__ */ m("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: b.onClearAll,
+			children: "Clear all"
+		})] })
+	});
+}
 //#endregion
-export { u as InvoiceStatusCardsFilter };
+export { b as InvoicesFilterBar };