@tesouro/embedded-components-react 0.5.227 → 0.5.228

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index29.js

@@ -1,43 +1,44 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useReceivablesAnalyticsQuery as e } from "../../data-access/dist/index12.js";
-import "../../data-access/dist/index.js";
-import { buildReceivableStatusCardsView as t } from "./index28.js";
-import { useMemo as n } from "react";
+import { formatMoney as e, getStatusTone as t } from "./index12.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index29.js
-function r({ enabled: r, statusFilter: i, messages: a, statusLabels: o }) {
-	let s = e({
-		enabled: r,
-		dimension: "status",
-		metric: "id",
-		aggregation_function: "count",
-		type: "invoice"
-	}), c = e({
-		enabled: r,
-		dimension: "status",
-		metric: "total_amount",
-		aggregation_function: "summary",
-		type: "invoice"
-	}), l = s.data?.data, u = c.data?.data, d = s.isPending || c.isPending;
-	return n(() => {
-		if (r) return d ? { kind: "loading" } : t({
-			counts: l ?? [],
-			amounts: u ?? [],
-			statusFilter: i,
-			statusLabels: o,
-			fallback: a.notAvailable
-		});
-	}, [
-		u,
-		l,
-		r,
-		d,
-		a.notAvailable,
-		i,
-		o
-	]);
+var n = [
+	"draft",
+	"issued",
+	"overdue",
+	"partially_paid",
+	"paid",
+	"recurring",
+	"canceled",
+	"uncollectible"
+];
+function r(e) {
+	let t = n.indexOf(e);
+	return t === -1 ? n.length : t;
+}
+function i({ counts: n, amounts: i, statusFilter: a, statusLabels: o, fallback: s }) {
+	let c = new Map(Object.entries(o)), l = new Map(i.map((e) => [e.dimension_value, e.metric_value])), u = n.flatMap((e) => e.dimension_value ? [{
+		status: e.dimension_value,
+		count: e.metric_value
+	}] : []), d = u.filter(({ status: e }) => e !== "recurring").reduce((e, { count: t }) => e + t, 0);
+	return {
+		kind: "ready",
+		all: {
+			value: "all",
+			countLabel: String(d),
+			selected: a === "all"
+		},
+		statuses: [...u].sort((e, t) => r(e.status) - r(t.status)).map(({ status: n, count: r }) => ({
+			value: n,
+			statusLabel: c.get(n) ?? o.unknown,
+			statusTone: t(n),
+			countLabel: String(r),
+			amountLabel: e({
+				amount: l.get(n) ?? 0,
+				currency: "USD",
+				fallback: s
+			}),
+			selected: a === n
+		}))
+	};
 }
 //#endregion
-export { r as useReceivableStatusCards };
+export { i as buildReceivableStatusCardsView };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index30.js

@@ -2,81 +2,42 @@
 "use client";
 "use client";
 "use client";
-import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index12.js";
-import { useReceivablesQuery as r } from "../../data-access/dist/index10.js";
+import { useReceivablesAnalyticsQuery as e } from "../../data-access/dist/index12.js";
 import "../../data-access/dist/index.js";
-import { useReceivableStatusCards as i } from "./index29.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { buildReceivableStatusCardsView as t } from "./index29.js";
+import { useMemo as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index30.js
-var l = [];
-function u({ activeTab: u, messages: f, statusLabels: p }) {
-	let [m, h] = c([]), [g, _] = c(10), [v, y] = c(), [b, x] = c(""), [S, C] = c(""), [w, T] = c("all");
-	o(() => {
-		y(void 0), T("all");
-	}, [u]), o(() => {
-		let e = setTimeout(() => {
-			C(b), y(void 0);
-		}, 300);
-		return () => clearTimeout(e);
-	}, [b]);
-	let E = m[0]?.id, D = E ? d[E] : void 0, O = m[0] ? m[0].desc ? "desc" : "asc" : void 0, k = r({
-		type: n(u),
-		limit: g,
-		pagination_token: v,
-		search_text: S || void 0,
-		status: w === "all" ? void 0 : w,
-		...D ? {
-			sort: D,
-			order: O
-		} : {}
-	}), A = i({
-		enabled: u === "invoices",
-		statusFilter: w,
-		messages: f,
-		statusLabels: p
-	}), j = k.data?.data ?? l, M = s(() => new Map(j.map((e) => [e.id, e])), [j]), N = a((e) => M.get(e), [M]), P = s(() => e({
-		receivables: j,
-		messages: f
-	}), [f, j]), F = !!S || w !== "all", I = a((e) => {
-		let t = typeof e == "function" ? e(m) : e;
-		h(t), y(void 0);
-	}, [m]), L = a((e) => {
-		_(e), y(void 0);
-	}, []), R = a((e) => {
-		T(e), y(void 0);
-	}, []), z = a(() => y(k.data?.next_pagination_token ?? void 0), [k.data?.next_pagination_token]), B = a(() => y(k.data?.prev_pagination_token ?? void 0), [k.data?.prev_pagination_token]), V = a(() => {
-		k.refetch();
-	}, [k]);
-	return {
-		rows: P,
-		isLoading: k.isLoading,
-		isError: k.isError,
-		sorting: m,
-		onSortingChange: I,
-		pageSize: g,
-		onPageSizeChange: L,
-		hasNextPage: !!k.data?.next_pagination_token,
-		hasPrevPage: !!k.data?.prev_pagination_token,
-		onNextPage: z,
-		onPrevPage: B,
-		searchValue: b,
-		onSearchChange: x,
-		statusFilter: w,
-		statusOptions: t(w),
-		onStatusFilterChange: R,
-		statusCards: A,
-		isFiltering: F,
-		onRetry: V,
-		getReceivableById: N
-	};
+function r({ enabled: r, statusFilter: i, messages: a, statusLabels: o }) {
+	let s = e({
+		enabled: r,
+		dimension: "status",
+		metric: "id",
+		aggregation_function: "count",
+		type: "invoice"
+	}), c = e({
+		enabled: r,
+		dimension: "status",
+		metric: "total_amount",
+		aggregation_function: "summary",
+		type: "invoice"
+	}), l = s.data?.data, u = c.data?.data, d = s.isPending || c.isPending;
+	return n(() => {
+		if (r) return d ? { kind: "loading" } : t({
+			counts: l ?? [],
+			amounts: u ?? [],
+			statusFilter: i,
+			statusLabels: o,
+			fallback: a.notAvailable
+		});
+	}, [
+		u,
+		l,
+		r,
+		d,
+		a.notAvailable,
+		i,
+		o
+	]);
 }
-var d = {
-	documentLabel: "document_id",
-	customerLabel: "counterpart_name",
-	status: "status",
-	issueDateLabel: "issue_date",
-	dueDateLabel: "due_date",
-	totalLabel: "total_amount"
-};
 //#endregion
-export { u as useReceivablesTable };
+export { r as useReceivableStatusCards };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index31.js

@@ -2,123 +2,81 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as t } from "./index2.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "../../ui/dist/index4.js";
-import "../../ui/dist/index.js";
-import { coerceEnabledTabs as r, resolveInitialTab as i, tabForType as a, typeForTab as o } from "./index12.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as s } from "./index13.js";
-import { useReceivableActions as c } from "./index16.js";
-import { useReceivableDetails as l } from "./index17.js";
-import { hasSelectedText as u } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivableForm as d } from "./index27.js";
-import { useReceivablesTable as f } from "./index30.js";
-import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index12.js";
+import { useReceivablesQuery as r } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { useReceivableStatusCards as i } from "./index30.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index31.js
-function _({ counterpartMessageLabels: _, defaultTab: v, embeddedBankName: y, enabledTabs: b, messageLabels: x, onReceivableCreated: S, onReceivableOpened: C, screenLabels: w }) {
-	let T = e();
-	m(() => {
-		T(t.Mounted);
-	}, [T]);
-	let E = h(() => ({
-		...s,
-		...x
-	}), [x]), D = w?.statusBadge, O = h(() => ({
-		...n,
-		...D
-	}), [D]), k = h(() => r(b), [b]), [A, j] = g(() => i({
-		defaultTab: v,
-		enabledTabs: k
-	})), [M, N] = g(), [P, F] = g(!1);
-	m(() => {
-		k.includes(A) || j(i({
-			defaultTab: v,
-			enabledTabs: k
-		}));
-	}, [
-		A,
-		v,
-		k
-	]);
-	let I = p((e, t) => {
-		j(a(t)), N(e), F(!0), S?.(e, t);
-	}, [S]), L = f({
-		activeTab: A,
-		messages: E,
-		statusLabels: O
-	}), R = l({
-		selectedReceivableId: M,
-		enabled: P,
-		messages: E
-	}), z = d({
-		messages: E,
-		counterpartMessageLabels: _,
-		embeddedBankName: y,
-		onCreated: I
-	}), B = p(() => {
-		let e = o(A);
-		z.openCreate(e === "quote" ? "quote" : "invoice");
-	}, [A, z.openCreate]), V = c({
-		selectedReceivable: R.receivable,
-		messages: E,
-		onCreated: I,
-		onDeleted: (e) => {
-			e === M && (N(void 0), F(!1));
-		},
-		onCompleteBeforeIssue: (e) => {
-			z.openEdit(e, { highlightForIssue: !0 }), F(!1);
-		}
-	}), H = p((e) => {
-		u() || (N(e.id), F(!0), C?.(e.id, e.type));
-	}, [C]);
+var l = [];
+function u({ activeTab: u, messages: f, statusLabels: p }) {
+	let [m, h] = c([]), [g, _] = c(10), [v, y] = c(), [b, x] = c(""), [S, C] = c(""), [w, T] = c("all");
+	o(() => {
+		y(void 0), T("all");
+	}, [u]), o(() => {
+		let e = setTimeout(() => {
+			C(b), y(void 0);
+		}, 300);
+		return () => clearTimeout(e);
+	}, [b]);
+	let E = m[0]?.id, D = E ? d[E] : void 0, O = m[0] ? m[0].desc ? "desc" : "asc" : void 0, k = r({
+		type: n(u),
+		limit: g,
+		pagination_token: v,
+		search_text: S || void 0,
+		status: w === "all" ? void 0 : w,
+		...D ? {
+			sort: D,
+			order: O
+		} : {}
+	}), A = i({
+		enabled: u === "invoices",
+		statusFilter: w,
+		messages: f,
+		statusLabels: p
+	}), j = k.data?.data ?? l, M = s(() => new Map(j.map((e) => [e.id, e])), [j]), N = a((e) => M.get(e), [M]), P = s(() => e({
+		receivables: j,
+		messages: f
+	}), [f, j]), F = !!S || w !== "all", I = a((e) => {
+		let t = typeof e == "function" ? e(m) : e;
+		h(t), y(void 0);
+	}, [m]), L = a((e) => {
+		_(e), y(void 0);
+	}, []), R = a((e) => {
+		T(e), y(void 0);
+	}, []), z = a(() => y(k.data?.next_pagination_token ?? void 0), [k.data?.next_pagination_token]), B = a(() => y(k.data?.prev_pagination_token ?? void 0), [k.data?.prev_pagination_token]), V = a(() => {
+		k.refetch();
+	}, [k]);
 	return {
-		activeTab: A,
-		enabledTabs: k,
-		setActiveTab: j,
-		table: L,
-		details: R,
-		detailsOpen: P,
-		closeDetails: p(() => {
-			F(!1), N(void 0);
-		}, []),
-		form: z,
-		openCreate: B,
-		actions: V,
-		handleRowClick: H,
-		handleActionClick: p((e, t) => {
-			let n = L.getReceivableById(t.id);
-			if (e === "edit") {
-				if (n) {
-					z.openEdit(n);
-					return;
-				}
-				N(t.id), F(!0);
-				return;
-			}
-			N(t.id), V.openAction(e, t, n ?? null);
-		}, [
-			V,
-			z.openEdit,
-			L.getReceivableById
-		]),
-		handleDetailsActionClick: p((e, t) => {
-			if (e === "edit") {
-				R.receivable && (z.openEdit(R.receivable), F(!1));
-				return;
-			}
-			V.openAction(e, {
-				id: t.id,
-				title: t.title,
-				type: t.type
-			}, R.receivable ?? null);
-		}, [
-			V,
-			R.receivable,
-			z.openEdit
-		])
+		rows: P,
+		isLoading: k.isLoading,
+		isError: k.isError,
+		sorting: m,
+		onSortingChange: I,
+		pageSize: g,
+		onPageSizeChange: L,
+		hasNextPage: !!k.data?.next_pagination_token,
+		hasPrevPage: !!k.data?.prev_pagination_token,
+		onNextPage: z,
+		onPrevPage: B,
+		searchValue: b,
+		onSearchChange: x,
+		statusFilter: w,
+		statusOptions: t(w),
+		onStatusFilterChange: R,
+		statusCards: A,
+		isFiltering: F,
+		onRetry: V,
+		getReceivableById: N
 	};
 }
+var d = {
+	documentLabel: "document_id",
+	customerLabel: "counterpart_name",
+	status: "status",
+	issueDateLabel: "issue_date",
+	dueDateLabel: "due_date",
+	totalLabel: "total_amount"
+};
 //#endregion
-export { _ as useReceivablesWidget };
+export { u as useReceivablesTable };