@tesouro/embedded-components-react 0.10.14 → 0.10.15

package/dist/experimental/QuickViewWidget.d.ts

@@ -669,10 +669,64 @@ interface InvoicesQuickViewWidgetLabels extends InvoicesQuickViewTileLabels {
     }) => string;
 }
 
+interface BillsQuickViewTileLabels {
+    /** Tile heading above the total. */
+    title: string;
+    /** Screen-reader only: names the wait while bills load. */
+    loadingLabel: string;
+    /** Shown when the bill summary request failed. */
+    loadErrorTitle: string;
+    /** Label for retry after a failed load. */
+    loadErrorRetry: string;
+}
+
+interface BillsQuickViewWidgetLabels extends BillsQuickViewTileLabels {
+    /**
+     * The tile heading as a screen reader hears it, at the start of the
+     * accessible name. Override it alongside `title`.
+     */
+    accessibleTitle: string;
+    /** Call to action that opens the bills list. */
+    viewBills: string;
+    /** Call to action when the org has no bills at all. */
+    addBill: string;
+    /** Line under the total when the org has no bills at all. */
+    noBillsYet: string;
+    /** Line under the total when no open bill is due in the window. */
+    nothingToPay: string;
+    /**
+     * Line under the total when bills are due in the window, but none in the
+     * currency the tile totals, e.g. "No USD bills due". `currency` is an ISO
+     * code.
+     */
+    noBillsDueInCurrency: (currency: string) => string;
+    /** Sub-line part: the open bills behind the total, e.g. "6 bills". */
+    billCount: (count: number) => string;
+    /** Sub-line part: bills past their due date, e.g. "1 overdue". */
+    overdueCount: (count: number) => string;
+    /** Sub-line part: bills waiting on an approver, e.g. "1 awaiting approval". */
+    awaitingApprovalCount: (count: number) => string;
+    /** Joins the sub-line parts, e.g. "1 overdue · 1 awaiting approval". */
+    joinSubtext: (parts: string[]) => string;
+    /** Joins the same parts as a screen reader hears them, without the dot. */
+    joinDescription: (parts: string[]) => string;
+    /**
+     * The tile's one-sentence accessible name, e.g. "Bills due in the next 30
+     * days, $9,615.00, 1 overdue, 1 awaiting approval. View bills."
+     */
+    accessibleName: (parts: {
+        title: string;
+        value: string;
+        detail: string;
+        action: string;
+    }) => string;
+}
+
 /** Every tile's copy, keyed by `QuickViewWidget` `type`. */
 interface QuickViewWidgetLabels {
     accounts: AccountsQuickViewWidgetLabels;
     invoices: InvoicesQuickViewWidgetLabels;
+    bills: BillsQuickViewWidgetLabels;
 }
 /**
  * Overrides for `QuickViewWidget`'s `labels` prop. Each group is merged with
@@ -681,12 +735,14 @@ interface QuickViewWidgetLabels {
 interface QuickViewWidgetLabelOverrides {
     accounts?: Partial<AccountsQuickViewWidgetLabels>;
     invoices?: Partial<InvoicesQuickViewWidgetLabels>;
+    bills?: Partial<BillsQuickViewWidgetLabels>;
 }
 declare const QUICK_VIEW_WIDGET_LABELS_EN: QuickViewWidgetLabels;
 
 declare const QuickViewType: {
     readonly Accounts: "accounts";
     readonly Invoices: "invoices";
+    readonly Bills: "bills";
 };
 type QuickViewType = (typeof QuickViewType)[keyof typeof QuickViewType];
 interface QuickViewWidgetClickHandlers {
@@ -706,6 +762,17 @@ interface QuickViewWidgetClickHandlers {
      * tile reads "Send your first invoice". Without it that tile is static.
      */
     onCreateInvoiceClick?: () => void;
+    /**
+     * `type="bills"`: called when the tile is clicked. Wire it to the host's
+     * Bill Pay page. Without it the tile is static.
+     */
+    onViewBillsClick?: () => void;
+    /**
+     * `type="bills"`: called instead of `onViewBillsClick` while the org has no
+     * bills and the token holds `payable:write:org`, when the tile reads "Add a
+     * bill". Without it that tile is static.
+     */
+    onAddBillClick?: () => void;
 }
 /**
  * Which click handlers each tile calls. Every other handler is ignored for that
@@ -714,6 +781,7 @@ interface QuickViewWidgetClickHandlers {
 declare const QUICK_VIEW_CLICK_HANDLERS: {
     readonly accounts: readonly ["onViewAccountsClick"];
     readonly invoices: readonly ["onViewInvoicesClick", "onCreateInvoiceClick"];
+    readonly bills: readonly ["onViewBillsClick", "onAddBillClick"];
 };
 interface QuickViewWidgetProps extends WidgetProviderProps, QuickViewWidgetClickHandlers {
     /** Which summary the tile shows. */
@@ -738,10 +806,13 @@ interface QuickViewWidgetProps extends WidgetProviderProps, QuickViewWidgetClick
  *   nothing without `bank_account:read:org` or for an org with no accounts.
  * - `invoices`: the total due on open invoices and how much is overdue.
  *   Renders nothing without `invoice:read:org`.
+ * - `bills`: the total due on open bills due in the next 30 days, and how
+ *   many are overdue or awaiting approval. Renders nothing without
+ *   `payable:read:org`.
  *
  * Each type calls only its own click handlers; see `QUICK_VIEW_CLICK_HANDLERS`.
  */
-declare function QuickViewWidget({ type, labels, onViewAccountsClick, onViewInvoicesClick, onCreateInvoiceClick, className, style, ...widgetProviderProps }: QuickViewWidgetProps): React.JSX.Element | null;
+declare function QuickViewWidget({ type, labels, onViewAccountsClick, onViewInvoicesClick, onCreateInvoiceClick, onViewBillsClick, onAddBillClick, className, style, ...widgetProviderProps }: QuickViewWidgetProps): React.JSX.Element | null;
 
 export { QUICK_VIEW_CLICK_HANDLERS, QUICK_VIEW_WIDGET_LABELS_EN, QuickViewType, QuickViewWidget };
-export type { AccountsQuickViewWidgetLabels, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps };
+export type { AccountsQuickViewWidgetLabels, BillsQuickViewWidgetLabels, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps };

package/dist/experimental/index.d.ts

@@ -669,10 +669,64 @@ interface InvoicesQuickViewWidgetLabels extends InvoicesQuickViewTileLabels {
     }) => string;
 }
 
+interface BillsQuickViewTileLabels {
+    /** Tile heading above the total. */
+    title: string;
+    /** Screen-reader only: names the wait while bills load. */
+    loadingLabel: string;
+    /** Shown when the bill summary request failed. */
+    loadErrorTitle: string;
+    /** Label for retry after a failed load. */
+    loadErrorRetry: string;
+}
+
+interface BillsQuickViewWidgetLabels extends BillsQuickViewTileLabels {
+    /**
+     * The tile heading as a screen reader hears it, at the start of the
+     * accessible name. Override it alongside `title`.
+     */
+    accessibleTitle: string;
+    /** Call to action that opens the bills list. */
+    viewBills: string;
+    /** Call to action when the org has no bills at all. */
+    addBill: string;
+    /** Line under the total when the org has no bills at all. */
+    noBillsYet: string;
+    /** Line under the total when no open bill is due in the window. */
+    nothingToPay: string;
+    /**
+     * Line under the total when bills are due in the window, but none in the
+     * currency the tile totals, e.g. "No USD bills due". `currency` is an ISO
+     * code.
+     */
+    noBillsDueInCurrency: (currency: string) => string;
+    /** Sub-line part: the open bills behind the total, e.g. "6 bills". */
+    billCount: (count: number) => string;
+    /** Sub-line part: bills past their due date, e.g. "1 overdue". */
+    overdueCount: (count: number) => string;
+    /** Sub-line part: bills waiting on an approver, e.g. "1 awaiting approval". */
+    awaitingApprovalCount: (count: number) => string;
+    /** Joins the sub-line parts, e.g. "1 overdue · 1 awaiting approval". */
+    joinSubtext: (parts: string[]) => string;
+    /** Joins the same parts as a screen reader hears them, without the dot. */
+    joinDescription: (parts: string[]) => string;
+    /**
+     * The tile's one-sentence accessible name, e.g. "Bills due in the next 30
+     * days, $9,615.00, 1 overdue, 1 awaiting approval. View bills."
+     */
+    accessibleName: (parts: {
+        title: string;
+        value: string;
+        detail: string;
+        action: string;
+    }) => string;
+}
+
 /** Every tile's copy, keyed by `QuickViewWidget` `type`. */
 interface QuickViewWidgetLabels {
     accounts: AccountsQuickViewWidgetLabels;
     invoices: InvoicesQuickViewWidgetLabels;
+    bills: BillsQuickViewWidgetLabels;
 }
 /**
  * Overrides for `QuickViewWidget`'s `labels` prop. Each group is merged with
@@ -681,12 +735,14 @@ interface QuickViewWidgetLabels {
 interface QuickViewWidgetLabelOverrides {
     accounts?: Partial<AccountsQuickViewWidgetLabels>;
     invoices?: Partial<InvoicesQuickViewWidgetLabels>;
+    bills?: Partial<BillsQuickViewWidgetLabels>;
 }
 declare const QUICK_VIEW_WIDGET_LABELS_EN: QuickViewWidgetLabels;
 
 declare const QuickViewType: {
     readonly Accounts: "accounts";
     readonly Invoices: "invoices";
+    readonly Bills: "bills";
 };
 type QuickViewType = (typeof QuickViewType)[keyof typeof QuickViewType];
 interface QuickViewWidgetClickHandlers {
@@ -706,6 +762,17 @@ interface QuickViewWidgetClickHandlers {
      * tile reads "Send your first invoice". Without it that tile is static.
      */
     onCreateInvoiceClick?: () => void;
+    /**
+     * `type="bills"`: called when the tile is clicked. Wire it to the host's
+     * Bill Pay page. Without it the tile is static.
+     */
+    onViewBillsClick?: () => void;
+    /**
+     * `type="bills"`: called instead of `onViewBillsClick` while the org has no
+     * bills and the token holds `payable:write:org`, when the tile reads "Add a
+     * bill". Without it that tile is static.
+     */
+    onAddBillClick?: () => void;
 }
 /**
  * Which click handlers each tile calls. Every other handler is ignored for that
@@ -714,6 +781,7 @@ interface QuickViewWidgetClickHandlers {
 declare const QUICK_VIEW_CLICK_HANDLERS: {
     readonly accounts: readonly ["onViewAccountsClick"];
     readonly invoices: readonly ["onViewInvoicesClick", "onCreateInvoiceClick"];
+    readonly bills: readonly ["onViewBillsClick", "onAddBillClick"];
 };
 interface QuickViewWidgetProps extends WidgetProviderProps, QuickViewWidgetClickHandlers {
     /** Which summary the tile shows. */
@@ -738,10 +806,13 @@ interface QuickViewWidgetProps extends WidgetProviderProps, QuickViewWidgetClick
  *   nothing without `bank_account:read:org` or for an org with no accounts.
  * - `invoices`: the total due on open invoices and how much is overdue.
  *   Renders nothing without `invoice:read:org`.
+ * - `bills`: the total due on open bills due in the next 30 days, and how
+ *   many are overdue or awaiting approval. Renders nothing without
+ *   `payable:read:org`.
  *
  * Each type calls only its own click handlers; see `QUICK_VIEW_CLICK_HANDLERS`.
  */
-declare function QuickViewWidget({ type, labels, onViewAccountsClick, onViewInvoicesClick, onCreateInvoiceClick, className, style, ...widgetProviderProps }: QuickViewWidgetProps): React.JSX.Element | null;
+declare function QuickViewWidget({ type, labels, onViewAccountsClick, onViewInvoicesClick, onCreateInvoiceClick, onViewBillsClick, onAddBillClick, className, style, ...widgetProviderProps }: QuickViewWidgetProps): React.JSX.Element | null;
 
 interface CheckAmountAndDetailScreenLabels {
     title: string;
@@ -854,4 +925,4 @@ interface RemoteCheckCaptureWidgetProps extends WidgetProviderProps {
 declare function RemoteCheckCaptureWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, providerLabels, labels, onDepositComplete, }: RemoteCheckCaptureWidgetProps): React.JSX.Element;
 
 export { QUICK_VIEW_CLICK_HANDLERS, QUICK_VIEW_WIDGET_LABELS_EN, QuickViewType, QuickViewWidget, RemoteCheckCaptureWidget };
-export type { AccountsQuickViewWidgetLabels, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps, RemoteCheckCaptureWidgetProps };
+export type { AccountsQuickViewWidgetLabels, BillsQuickViewWidgetLabels, InvoicesQuickViewWidgetLabels, QuickViewWidgetClickHandlers, QuickViewWidgetLabelOverrides, QuickViewWidgetLabels, QuickViewWidgetProps, RemoteCheckCaptureWidgetProps };

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 };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.10.14", n = "40711da1c0671bc9bb72598372cf9cacc19424b2", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.10.15", n = "a19816aae6c67c1ae01c867042643c02e0546f04", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -74,7 +74,7 @@ function u({ title: u, value: d, subtext: f, subtextTone: p = "muted", linkText:
 			component: "span",
 			variant: "body2",
 			color: p,
-			className: n("ttw:block", p === "destructive" && "ttw:font-medium"),
+			className: n("ttw:block", p !== "muted" && "ttw:font-medium"),
 			children: f
 		}) : null,
 		T && m ? /* @__PURE__ */ o("span", {

package/dist/packages/shared-ui-shadcn/dist/index.js

@@ -12538,7 +12538,8 @@ var Kw = Gw({
 			default: "ttw:text-foreground",
 			muted: "ttw:text-muted-foreground",
 			primary: "ttw:text-primary",
-			destructive: "ttw:text-destructive"
+			destructive: "ttw:text-destructive",
+			warning: "ttw:text-warning-foreground"
 		}
 	},
 	defaultVariants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.10.14",
+  "version": "0.10.15",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [