@tesouro/embedded-components-react 0.10.14 → 0.11.0

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/data-access/dist/index.js

@@ -0,0 +1 @@
+export { useOpenBillsAnalytics } from "./index2.js";

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/data-access/dist/index2.js

@@ -0,0 +1,84 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { getAnalyticsPayablesOptions 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 { useQueries as i } from "@tanstack/react-query";
+import { addDays as a, format as o, parseISO as s } from "date-fns";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/data-access/dist/index2.js
+var c = [
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+], l = (e, t) => o(a(s(e), t), "yyyy-MM-dd");
+function u(e) {
+	let t = {
+		status__in: [...c],
+		due_date__lte: e && l(e, 30)
+	}, n = {
+		...t,
+		currency: "USD"
+	}, r = {
+		metric: "id",
+		aggregation_function: "count"
+	};
+	return {
+		allBillsCount: r,
+		openAmountDue: {
+			...n,
+			metric: "amount_due",
+			aggregation_function: "summary"
+		},
+		openCountByStatus: {
+			...n,
+			...r,
+			dimension: "status"
+		},
+		overdueCount: {
+			...n,
+			...r,
+			due_date__lt: e
+		},
+		dueCountAnyCurrency: {
+			...t,
+			...r
+		}
+	};
+}
+var d = {
+	staleTime: 6e4,
+	refetchOnWindowFocus: !0
+}, f = Object.keys(u(""));
+function p(e) {
+	return {
+		data: e.every((e) => e.data !== void 0) ? Object.fromEntries(f.map((t, n) => [t, e[n].data])) : void 0,
+		isLoading: e.some((e) => e.isLoading),
+		isFetching: e.some((e) => e.isFetching),
+		isError: e.some((e) => e.isError),
+		refetch: () => Promise.all(e.map((e) => e.refetch()))
+	};
+}
+function m({ today: a, enabled: o = !0 }) {
+	let { client: s, organizationId: c, widgetToken: l, authEpoch: m, organizationStatus: h } = n(), g = u(a ?? "");
+	return i({
+		queries: f.map((n) => ({
+			...t(e({
+				client: s,
+				headers: r(c),
+				query: g[n]
+			}), {
+				authEpoch: m,
+				organizationStatus: h
+			}),
+			...d,
+			enabled: !!(c && l && a) && o
+		})),
+		combine: p
+	});
+}
+export { c as OPEN_BILL_STATUSES, u as openBillsAnalyticsQueries, m as useOpenBillsAnalytics };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/index.js

@@ -0,0 +1,3 @@
+import { BILLS_QUICK_VIEW_WIDGET_LABELS_EN as e } from "./lib/BillsQuickViewWidget/labels.js";
+import { BillsQuickViewWidget as t } from "./lib/BillsQuickViewWidget/BillsQuickViewWidgetFeature.js";
+export { e as BILLS_QUICK_VIEW_WIDGET_LABELS_EN, t as BillsQuickViewWidget };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/BillsQuickViewWidgetFeature.js

@@ -0,0 +1,101 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { amountOutputToMajorUnits as e } from "../../../../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
+import { formatMoneyExact as t } from "../../../../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../../../../../shared/util/dist/index.js";
+import { OrganizationStatus as n, isOrganizationOnItsWay as r } from "../../../../../../shared/data-access/dist/lib/organizationStatus.js";
+import { useEmbedApi as i } from "../../../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { Scope as a } from "../../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as o } from "../../../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as s } from "../../../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useRefetchWidget as c, useWidgetConfig as l, useWidgetError as u, useWidgetLoading as d } from "../../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../../../shared/feature/dist/index.js";
+import { BillsQuickViewTile as f } from "../../../../ui/dist/index3.js";
+import "../../../../ui/dist/index.js";
+import { BILLS_QUICK_VIEW_WIDGET_LABELS_EN as p } from "./labels.js";
+import { BillsQuickViewWidgetAnalyticsEvent as m, WIDGET_NAME as h } from "../analytics/events.js";
+import { billsQuickViewWidgetTestIds as g } from "./testIds.js";
+import { useOpenBillsSummary as _ } from "./useOpenBillsSummary.js";
+import { useCallback as v, useEffect as y } from "react";
+import { jsx as b } from "react/jsx-runtime";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/BillsQuickViewWidgetFeature.js
+var x = (n) => t(e({
+	value: n,
+	currencyCode: "USD"
+}), {
+	currencyCode: "USD",
+	includeSpaceAfterCurrencySymbol: !1
+});
+function S(e, t, n) {
+	let r = (e, t = "viewBills") => ({
+		subtext: e,
+		description: e,
+		subtextTone: "muted",
+		callToAction: t
+	});
+	if (!e.hasBills) return r(t.noBillsYet, n ? "addBill" : "viewBills");
+	if (e.openCount === 0) return r(e.hasDueBills ? t.noBillsDueInCurrency("USD") : t.nothingToPay);
+	let i = e.awaitingApprovalCount > 0 ? [t.awaitingApprovalCount(e.awaitingApprovalCount)] : [], a = e.overdueCount > 0 ? [t.overdueCount(e.overdueCount), ...i] : [t.billCount(e.openCount), ...i];
+	return {
+		subtext: t.joinSubtext(a),
+		description: t.joinDescription(a),
+		subtextTone: e.overdueCount > 0 ? "warning" : "muted",
+		callToAction: "viewBills"
+	};
+}
+function C({ labels: e, onViewBillsClick: t, onAddBillClick: s, className: h, style: C }) {
+	let w = {
+		...p,
+		...e
+	}, T = o();
+	y(() => {
+		T(m.Mounted);
+	}, [T]);
+	let { initResponse: E } = l(), D = d(), O = u(), k = c(), { organizationId: A, organizationStatus: j } = i(), M = r(j), N = E?.scopes?.includes(a.PayableReadOrg) ?? !1, P = E?.scopes?.includes(a.PayableWriteOrg) ?? !1, { data: F, isLoading: I, isError: L, refetch: R } = _({ enabled: N }), z = D && !E || M && F === void 0 || I, B = (!!O || L) && F === void 0, V = v(() => {
+		k(), N && A && R();
+	}, [
+		k,
+		R,
+		N,
+		A
+	]);
+	if (E && (!N || j === n.None)) return null;
+	let H = F ? x(F.openAmountDue) : "", U = F ? S(F, w, P) : void 0, W = U?.callToAction === "addBill" ? s : t;
+	return /* @__PURE__ */ b(f, {
+		value: H,
+		subtext: U?.subtext,
+		subtextTone: U?.subtextTone,
+		linkText: w[U?.callToAction ?? "viewBills"],
+		onClick: W,
+		ariaLabel: U ? w.accessibleName({
+			title: w.accessibleTitle,
+			value: H,
+			detail: U.description,
+			action: w[U.callToAction]
+		}) : void 0,
+		isLoading: z,
+		isError: B,
+		onRetry: B ? V : void 0,
+		labels: w,
+		testIds: g,
+		className: h,
+		style: C
+	});
+}
+function w({ labels: e, onViewBillsClick: t, onAddBillClick: n, className: r, style: i, ...a }) {
+	return /* @__PURE__ */ b(s, {
+		...a,
+		widgetName: h,
+		children: /* @__PURE__ */ b(C, {
+			labels: e,
+			onViewBillsClick: t,
+			onAddBillClick: n,
+			className: r,
+			style: i
+		})
+	});
+}
+export { w as BillsQuickViewWidget, C as BillsQuickViewWidgetWithContext };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/labels.js

@@ -0,0 +1,19 @@
+import { BILLS_QUICK_VIEW_TILE_LABELS_EN as e } from "../../../../ui/dist/index2.js";
+import "../../../../ui/dist/index.js";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/labels.js
+var t = (e) => e.toLocaleString("en-US"), n = {
+	...e,
+	accessibleTitle: "Bills due in the next 30 days",
+	viewBills: "View bills",
+	addBill: "Add a bill",
+	noBillsYet: "No bills yet",
+	nothingToPay: "Nothing to pay",
+	noBillsDueInCurrency: (e) => `No ${e} bills due`,
+	billCount: (e) => `${t(e)} ${e === 1 ? "bill" : "bills"}`,
+	overdueCount: (e) => `${t(e)} overdue`,
+	awaitingApprovalCount: (e) => `${t(e)} awaiting approval`,
+	joinSubtext: (e) => e.join(" · "),
+	joinDescription: (e) => e.join(", "),
+	accessibleName: ({ title: e, value: t, detail: n, action: r }) => `${e}, ${t}, ${n}. ${r}.`
+};
+export { n as BILLS_QUICK_VIEW_WIDGET_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/summarizeOpenBills.js

@@ -0,0 +1,13 @@
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/summarizeOpenBills.js
+var e = (e, t = () => !0) => e.data.filter((e) => t(e.dimension_value ?? "")).reduce((e, t) => e + t.metric_value, 0);
+function t(t) {
+	return {
+		hasBills: e(t.allBillsCount) > 0,
+		hasDueBills: e(t.dueCountAnyCurrency) > 0,
+		openCount: e(t.openCountByStatus),
+		openAmountDue: e(t.openAmountDue),
+		overdueCount: e(t.overdueCount),
+		awaitingApprovalCount: e(t.openCountByStatus, (e) => e === "approve_in_progress")
+	};
+}
+export { t as summarizeOpenBills };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/testIds.js

@@ -0,0 +1,7 @@
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/testIds.js
+var e = {
+	tile: "bills-quick-view-widget-tile",
+	skeleton: "bills-quick-view-widget-skeleton",
+	error: "bills-quick-view-widget-error"
+};
+export { e as billsQuickViewWidgetTestIds };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/useOpenBillsSummary.js

@@ -0,0 +1,30 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../../../../shared/data-access/dist/index.js";
+import { useLocalCalendarDay as t } from "../../../../../../shared/feature/dist/lib/calendar/useLocalCalendarDay.js";
+import "../../../../../../shared/feature/dist/index.js";
+import { summarizeOpenBills as n } from "./summarizeOpenBills.js";
+import { useOpenBillsAnalytics as r } from "../../../../data-access/dist/index2.js";
+import "../../../../data-access/dist/index.js";
+import { useMemo as i, useState as a } from "react";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/BillsQuickViewWidget/useOpenBillsSummary.js
+var o = (e, t) => Object.keys(e).every((n) => e[n] === t[n]);
+function s({ enabled: s } = {}) {
+	let c = t(), l = r({
+		today: c,
+		enabled: s
+	}), { organizationId: u, authEpoch: d } = e(), f = i(() => l.data && n(l.data), [l.data]), [p, m] = a(), h = p !== void 0 && p.organizationId === u && p.authEpoch === d, g = f !== void 0 && (!l.isFetching && !l.isError || !h), _ = h ? p.summary : f;
+	return g && !(h && o(p.summary, f)) && (m({
+		organizationId: u,
+		authEpoch: d,
+		summary: f
+	}), _ = f), {
+		...l,
+		data: _,
+		isLoading: (l.isLoading || c === void 0) && !_
+	};
+}
+export { s as useOpenBillsSummary };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/analytics/events.js

@@ -0,0 +1,4 @@
+import { QUICK_VIEW_WIDGET_NAME as e } from "../../../../../shared/util/dist/lib/widgetName.js";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/feature/dist/lib/analytics/events.js
+var t = `${e}.bills_quick_view_widget`, n = { Mounted: `${t}.mounted` };
+export { n as BillsQuickViewWidgetAnalyticsEvent, t as WIDGET_NAME };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/ui/dist/index.js

@@ -0,0 +1,3 @@
+import { BILLS_QUICK_VIEW_TILE_LABELS_EN as e } from "./index2.js";
+import { BillsQuickViewTile as t } from "./index3.js";
+export { e as BILLS_QUICK_VIEW_TILE_LABELS_EN, t as BillsQuickViewTile };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/ui/dist/index2.js

@@ -0,0 +1,8 @@
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/ui/dist/index2.js
+var e = {
+	title: "Bills due · next 30 days",
+	loadingLabel: "Loading bills",
+	loadErrorTitle: "Couldn't load bills",
+	loadErrorRetry: "Retry"
+};
+export { e as BILLS_QUICK_VIEW_TILE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/bills/ui/dist/index3.js

@@ -0,0 +1,32 @@
+import { QuickViewTile as e } from "../../../../shared/quick-view/ui/dist/index3.js";
+import "../../../../shared/quick-view/ui/dist/index.js";
+import { BILLS_QUICK_VIEW_TILE_LABELS_EN as t } from "./index2.js";
+import { jsx as n } from "react/jsx-runtime";
+// ../../libs/tesouro-embedded-components-react/quick-view-widget/bills/ui/dist/index3.js
+function r({ value: r, subtext: i, subtextTone: a, linkText: o, onClick: s, ariaLabel: c, isLoading: l, isError: u, onRetry: d, labels: f, testIds: p, className: m, style: h }) {
+	let g = {
+		...t,
+		...f
+	};
+	return /* @__PURE__ */ n(e, {
+		title: g.title,
+		value: r,
+		subtext: i,
+		subtextTone: a,
+		linkText: o,
+		onClick: s,
+		ariaLabel: c,
+		isLoading: l,
+		isError: u,
+		onRetry: d,
+		labels: {
+			loadingLabel: g.loadingLabel,
+			loadErrorTitle: g.loadErrorTitle,
+			loadErrorRetry: g.loadErrorRetry
+		},
+		testIds: p,
+		className: m,
+		style: h
+	});
+}
+export { r as BillsQuickViewTile };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/QuickViewWidget.js

@@ -6,51 +6,67 @@ import { AccountsQuickViewWidget as e } from "../../../../accounts/feature/dist/
 import "../../../../accounts/feature/dist/index.js";
 import { InvoicesQuickViewWidget as t } from "../../../../invoices/feature/dist/lib/InvoicesQuickViewWidget/InvoicesQuickViewWidgetFeature.js";
 import "../../../../invoices/feature/dist/index.js";
-import { useEffect as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { BillsQuickViewWidget as n } from "../../../../bills/feature/dist/lib/BillsQuickViewWidget/BillsQuickViewWidgetFeature.js";
+import "../../../../bills/feature/dist/index.js";
+import { useEffect as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/QuickViewWidget.js
-var i = {
+var a = {
 	Accounts: "accounts",
-	Invoices: "invoices"
-}, a = {
+	Invoices: "invoices",
+	Bills: "bills"
+}, o = {
 	accounts: ["onViewAccountsClick"],
-	invoices: ["onViewInvoicesClick", "onCreateInvoiceClick"]
-}, o = [
+	invoices: ["onViewInvoicesClick", "onCreateInvoiceClick"],
+	bills: ["onViewBillsClick", "onAddBillClick"]
+}, s = [
 	"onViewAccountsClick",
 	"onViewInvoicesClick",
-	"onCreateInvoiceClick"
+	"onCreateInvoiceClick",
+	"onViewBillsClick",
+	"onAddBillClick"
 ];
-function s(e) {
-	return Object.values(i).includes(e);
+function c(e) {
+	return Object.values(a).includes(e);
 }
-function c(e, t) {
-	let r = s(e) ? a[e] : [], c = o.filter((e) => t[e] !== void 0 && !r.includes(e)).join(", ");
-	n(() => {
-		s(e) ? c && console.warn(`[tesouro-embedded] QuickViewWidget: ${c} ${c.includes(",") ? "do" : "does"} not apply to type="${e}" and will never be called. type="${e}" uses: ${a[e].join(", ")}.`) : console.warn(`[tesouro-embedded] QuickViewWidget: unknown type "${String(e)}". Expected one of: ${Object.values(i).join(", ")}. Rendering nothing.`);
-	}, [e, c]);
+function l(e, t) {
+	let n = c(e) ? o[e] : [], i = s.filter((e) => t[e] !== void 0 && !n.includes(e)).join(", ");
+	r(() => {
+		c(e) ? i && console.warn(`[tesouro-embedded] QuickViewWidget: ${i} ${i.includes(",") ? "do" : "does"} not apply to type="${e}" and will never be called. type="${e}" uses: ${o[e].join(", ")}.`) : console.warn(`[tesouro-embedded] QuickViewWidget: unknown type "${String(e)}". Expected one of: ${Object.values(a).join(", ")}. Rendering nothing.`);
+	}, [e, i]);
 }
-function l({ type: n, labels: a, onViewAccountsClick: o, onViewInvoicesClick: s, onCreateInvoiceClick: l, className: u, style: d, ...f }) {
-	switch (c(n, {
-		onViewAccountsClick: o,
-		onViewInvoicesClick: s,
-		onCreateInvoiceClick: l
-	}), n) {
-		case i.Accounts: return /* @__PURE__ */ r(e, {
-			...f,
-			labels: a?.accounts,
-			onViewAccountsClick: o,
-			className: u,
-			style: d
+function u({ type: r, labels: o, onViewAccountsClick: s, onViewInvoicesClick: c, onCreateInvoiceClick: u, onViewBillsClick: d, onAddBillClick: f, className: p, style: m, ...h }) {
+	switch (l(r, {
+		onViewAccountsClick: s,
+		onViewInvoicesClick: c,
+		onCreateInvoiceClick: u,
+		onViewBillsClick: d,
+		onAddBillClick: f
+	}), r) {
+		case a.Accounts: return /* @__PURE__ */ i(e, {
+			...h,
+			labels: o?.accounts,
+			onViewAccountsClick: s,
+			className: p,
+			style: m
 		});
-		case i.Invoices: return /* @__PURE__ */ r(t, {
-			...f,
-			labels: a?.invoices,
-			onViewInvoicesClick: s,
-			onCreateInvoiceClick: l,
-			className: u,
-			style: d
+		case a.Invoices: return /* @__PURE__ */ i(t, {
+			...h,
+			labels: o?.invoices,
+			onViewInvoicesClick: c,
+			onCreateInvoiceClick: u,
+			className: p,
+			style: m
+		});
+		case a.Bills: return /* @__PURE__ */ i(n, {
+			...h,
+			labels: o?.bills,
+			onViewBillsClick: d,
+			onAddBillClick: f,
+			className: p,
+			style: m
 		});
 		default: return null;
 	}
 }
-export { a as QUICK_VIEW_CLICK_HANDLERS, i as QuickViewType, l as QuickViewWidget };
+export { o as QUICK_VIEW_CLICK_HANDLERS, a as QuickViewType, u as QuickViewWidget };

package/dist/libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/labels.js

@@ -2,9 +2,12 @@ import { ACCOUNTS_QUICK_VIEW_WIDGET_LABELS_EN as e } from "../../../../accounts/
 import "../../../../accounts/feature/dist/index.js";
 import { INVOICES_QUICK_VIEW_WIDGET_LABELS_EN as t } from "../../../../invoices/feature/dist/lib/InvoicesQuickViewWidget/labels.js";
 import "../../../../invoices/feature/dist/index.js";
+import { BILLS_QUICK_VIEW_WIDGET_LABELS_EN as n } from "../../../../bills/feature/dist/lib/BillsQuickViewWidget/labels.js";
+import "../../../../bills/feature/dist/index.js";
 // ../../libs/tesouro-embedded-components-react/quick-view-widget/feature/dist/lib/QuickViewWidget/labels.js
-var n = {
+var r = {
 	accounts: e,
-	invoices: t
+	invoices: t,
+	bills: n
 };
-export { n as QUICK_VIEW_WIDGET_LABELS_EN };
+export { r as QUICK_VIEW_WIDGET_LABELS_EN };