@tesouro/embedded-components-react 0.5.217 → 0.5.221

package/dist/index.css

@@ -2327,6 +2327,9 @@
   .ttw\:border-border {
     border-color: var(--ttw-border);
   }
+  .ttw\:border-card {
+    border-color: var(--ttw-card);
+  }
   .ttw\:border-cyan-100 {
     border-color: var(--ttw-color-cyan-100);
   }

package/dist/index.d.ts

@@ -4937,6 +4937,7 @@ interface ReceivablesScreenLabels {
     templateSettingsButton: string;
     searchPlaceholder: string;
     statusFilterAll: string;
+    statusCardsAll: string;
     tabInvoices: string;
     tabQuotes: string;
     tabCreditNotes: string;

package/dist/index.js

@@ -27,7 +27,7 @@ import { InsightsWidget as L } from "./libs/tesouro-embedded-components-react/in
 import { UploadReceiptWidget as R } from "./libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index2.js";
 import { ExpenseManagementWidget as z } from "./libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index21.js";
 import { InvoicingWidget as B } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index3.js";
-import { ReceivablesWidget as V } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index26.js";
+import { ReceivablesWidget as V } from "./libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index28.js";
 import { SettingsSection as H } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js";
 import { HELP_FAQ_EN as U } from "./libs/tesouro-embedded-components-react/settings-widget/help/ui/contract/dist/index3.js";
 import { SettingsWidget as W } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js";

package/dist/lib/ReceivablesWidget.d.ts

@@ -927,6 +927,7 @@ interface ReceivablesScreenLabels {
     templateSettingsButton: string;
     searchPlaceholder: string;
     statusFilterAll: string;
+    statusCardsAll: string;
     tabInvoices: string;
     tabQuotes: string;
     tabCreditNotes: string;

package/dist/lib/ReceivablesWidget.js

@@ -1,3 +1,3 @@
-import { ReceivablesWidget as e } from "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index26.js";
+import { ReceivablesWidget as e } from "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index28.js";
 import "../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index.js";
 export { e as ReceivablesWidget };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index.js

@@ -9,5 +9,5 @@ import "./index8.js";
 import { useMarkReceivablePaidMutation as m, useMarkReceivablePartiallyPaidMutation as h, useMarkReceivableUncollectibleMutation as g } from "./index9.js";
 import { useReceivableHistoryQuery as _, useReceivableMailsQuery as v, useReceivablePdfLinkQuery as y, useReceivableQuery as b, useReceivablesQuery as x } from "./index10.js";
 import { useCreateOverdueReminderMutation as S, useCreatePaymentReminderMutation as C, useCreateRecurrenceMutation as w, useOverdueRemindersQuery as T, usePaymentRemindersQuery as E, useRecurrenceQuery as D, useUpdateRecurrenceMutation as O } from "./index11.js";
-import "./index12.js";
-export { o as useAcceptReceivableMutation, s as useCancelReceivableMutation, c as useCloneReceivableMutation, t as useCreateEntityBankAccountMutation, S as useCreateOverdueReminderMutation, C as useCreatePaymentReminderMutation, l as useCreateReceivableMutation, w as useCreateRecurrenceMutation, u as useDeclineReceivableMutation, r as useDeleteReceivableAttachmentMutation, d as useDeleteReceivableMutation, f as useIssueReceivableMutation, m as useMarkReceivablePaidMutation, h as useMarkReceivablePartiallyPaidMutation, g as useMarkReceivableUncollectibleMutation, T as useOverdueRemindersQuery, n as usePaymentAccountsQuery, E as usePaymentRemindersQuery, e as usePaymentTermsQuery, _ as useReceivableHistoryQuery, v as useReceivableMailsQuery, y as useReceivablePdfLinkQuery, b as useReceivableQuery, x as useReceivablesQuery, D as useRecurrenceQuery, a as useSendReceivableEmailMutation, p as useUpdateReceivableMutation, O as useUpdateRecurrenceMutation, i as useUploadReceivableAttachmentMutation };
+import { useReceivablesAnalyticsQuery as k } from "./index12.js";
+export { o as useAcceptReceivableMutation, s as useCancelReceivableMutation, c as useCloneReceivableMutation, t as useCreateEntityBankAccountMutation, S as useCreateOverdueReminderMutation, C as useCreatePaymentReminderMutation, l as useCreateReceivableMutation, w as useCreateRecurrenceMutation, u as useDeclineReceivableMutation, r as useDeleteReceivableAttachmentMutation, d as useDeleteReceivableMutation, f as useIssueReceivableMutation, m as useMarkReceivablePaidMutation, h as useMarkReceivablePartiallyPaidMutation, g as useMarkReceivableUncollectibleMutation, T as useOverdueRemindersQuery, n as usePaymentAccountsQuery, E as usePaymentRemindersQuery, e as usePaymentTermsQuery, _ as useReceivableHistoryQuery, v as useReceivableMailsQuery, y as useReceivablePdfLinkQuery, b as useReceivableQuery, k as useReceivablesAnalyticsQuery, x as useReceivablesQuery, D as useRecurrenceQuery, a as useSendReceivableEmailMutation, p as useUpdateReceivableMutation, O as useUpdateRecurrenceMutation, i as useUploadReceivableAttachmentMutation };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index12.js

@@ -2,5 +2,26 @@
 "use client";
 "use client";
 "use client";
+import { getAnalyticsReceivablesOptions as e } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as t } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { useEmbedApi as n } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
-import "@tanstack/react-query";
+import { useQuery as i } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index12.js
+function a({ enabled: a = !0, ...o }) {
+	let { client: s, organizationId: c, widgetToken: l, authEpoch: u, organizationPending: d } = n(), f = !!(c && l) && a, p = e({
+		client: s,
+		headers: r(c),
+		query: o
+	});
+	return i({
+		...t(p, {
+			authEpoch: u,
+			organizationPending: d
+		}),
+		enabled: f
+	});
+}
+//#endregion
+export { a as useReceivablesAnalyticsQuery };

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

@@ -1,3 +1,3 @@
 import { InvoicingWidget as e } from "./index3.js";
-import { ReceivablesWidget as t } from "./index26.js";
+import { ReceivablesWidget as t } from "./index28.js";
 export { e as InvoicingWidget, t as ReceivablesWidget };

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

@@ -1,75 +1,44 @@
-"use client";
-"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 "../../data-access/dist/index.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { formatMoney as e, getStatusTone as t } from "./index12.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index24.js
-var c = [];
-function l({ activeTab: l, messages: d }) {
-	let [f, p] = s([]), [m, h] = s(10), [g, _] = s(), [v, y] = s(""), [b, x] = s(""), [S, C] = s("all");
-	a(() => {
-		_(void 0), C("all");
-	}, [l]), a(() => {
-		let e = setTimeout(() => {
-			x(v), _(void 0);
-		}, 300);
-		return () => clearTimeout(e);
-	}, [v]);
-	let w = f[0]?.id, T = w ? u[w] : void 0, E = f[0] ? f[0].desc ? "desc" : "asc" : void 0, D = r({
-		type: n(l),
-		limit: m,
-		pagination_token: g,
-		search_text: b || void 0,
-		status: S === "all" ? void 0 : S,
-		...T ? {
-			sort: T,
-			order: E
-		} : {}
-	}), O = D.data?.data ?? c, k = o(() => new Map(O.map((e) => [e.id, e])), [O]), A = i((e) => k.get(e), [k]), j = o(() => e({
-		receivables: O,
-		messages: d
-	}), [d, O]), M = !!b || S !== "all", N = i((e) => {
-		let t = typeof e == "function" ? e(f) : e;
-		p(t), _(void 0);
-	}, [f]), P = i((e) => {
-		h(e), _(void 0);
-	}, []), F = i((e) => {
-		C(e), _(void 0);
-	}, []), I = i(() => _(D.data?.next_pagination_token ?? void 0), [D.data?.next_pagination_token]), L = i(() => _(D.data?.prev_pagination_token ?? void 0), [D.data?.prev_pagination_token]), R = i(() => {
-		D.refetch();
-	}, [D]);
+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 {
-		rows: j,
-		isLoading: D.isLoading,
-		isError: D.isError,
-		sorting: f,
-		onSortingChange: N,
-		pageSize: m,
-		onPageSizeChange: P,
-		hasNextPage: !!D.data?.next_pagination_token,
-		hasPrevPage: !!D.data?.prev_pagination_token,
-		onNextPage: I,
-		onPrevPage: L,
-		searchValue: v,
-		onSearchChange: y,
-		statusFilter: S,
-		statusOptions: t(),
-		onStatusFilterChange: F,
-		isFiltering: M,
-		onRetry: R,
-		getReceivableById: A
+		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
+		}))
 	};
 }
-var u = {
-	documentLabel: "document_id",
-	customerLabel: "counterpart_name",
-	status: "status",
-	issueDateLabel: "issue_date",
-	dueDateLabel: "due_date",
-	totalLabel: "total_amount"
-};
 //#endregion
-export { l as useReceivablesTable };
+export { i as buildReceivableStatusCardsView };

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

@@ -2,114 +2,42 @@
 "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 { coerceEnabledTabs as n, resolveInitialTab as r, tabForType as i, typeForTab as a } from "./index12.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as o } from "./index13.js";
-import { useReceivableActions as s } from "./index15.js";
-import { useReceivableDetails as c } from "./index16.js";
-import { hasSelectedText as l } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivableForm as u } from "./index23.js";
-import { useReceivablesTable as d } from "./index24.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { useReceivablesAnalyticsQuery as e } from "../../data-access/dist/index12.js";
+import "../../data-access/dist/index.js";
+import { buildReceivableStatusCardsView as t } from "./index24.js";
+import { useMemo as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index25.js
-function g({ counterpartMessageLabels: g, defaultTab: _, embeddedBankName: v, enabledTabs: y, messageLabels: b, onReceivableCreated: x, onReceivableOpened: S }) {
-	let C = e();
-	p(() => {
-		C(t.Mounted);
-	}, [C]);
-	let w = m(() => ({
-		...o,
-		...b
-	}), [b]), T = m(() => n(y), [y]), [E, D] = h(() => r({
-		defaultTab: _,
-		enabledTabs: T
-	})), [O, k] = h(), [A, j] = h(!1);
-	p(() => {
-		T.includes(E) || D(r({
-			defaultTab: _,
-			enabledTabs: T
-		}));
+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
+		});
 	}, [
-		E,
-		_,
-		T
+		u,
+		l,
+		r,
+		d,
+		a.notAvailable,
+		i,
+		o
 	]);
-	let M = f((e, t) => {
-		D(i(t)), k(e), j(!0), x?.(e, t);
-	}, [x]), N = d({
-		activeTab: E,
-		messages: w
-	}), P = c({
-		selectedReceivableId: O,
-		enabled: A,
-		messages: w
-	}), F = u({
-		messages: w,
-		counterpartMessageLabels: g,
-		embeddedBankName: v,
-		onCreated: M
-	}), I = f(() => {
-		let e = a(E);
-		F.openCreate(e === "quote" ? "quote" : "invoice");
-	}, [E, F.openCreate]), L = s({
-		selectedReceivable: P.receivable,
-		messages: w,
-		onCreated: M,
-		onDeleted: (e) => {
-			e === O && (k(void 0), j(!1));
-		}
-	}), R = f((e) => {
-		l() || (k(e.id), j(!0), S?.(e.id, e.type));
-	}, [S]);
-	return {
-		activeTab: E,
-		enabledTabs: T,
-		setActiveTab: D,
-		table: N,
-		details: P,
-		detailsOpen: A,
-		closeDetails: f(() => {
-			j(!1), k(void 0);
-		}, []),
-		form: F,
-		openCreate: I,
-		actions: L,
-		handleRowClick: R,
-		handleActionClick: f((e, t) => {
-			let n = N.getReceivableById(t.id);
-			if (e === "edit") {
-				if (n) {
-					F.openEdit(n);
-					return;
-				}
-				k(t.id), j(!0);
-				return;
-			}
-			k(t.id), L.openAction(e, t, n ?? null);
-		}, [
-			L,
-			F.openEdit,
-			N.getReceivableById
-		]),
-		handleDetailsActionClick: f((e, t) => {
-			if (e === "edit") {
-				P.receivable && (F.openEdit(P.receivable), j(!1));
-				return;
-			}
-			L.openAction(e, {
-				id: t.id,
-				title: t.title,
-				type: t.type
-			}, P.receivable ?? null);
-		}, [
-			L,
-			P.receivable,
-			F.openEdit
-		])
-	};
 }
 //#endregion
-export { g as useReceivablesWidget };
+export { r as useReceivableStatusCards };