@tesouro/embedded-components-react 0.5.212 → 0.5.214

package/dist/index.js

@@ -14,7 +14,7 @@ import { useWidgetToken as v } from "./libs/tesouro-embedded-components-react/sh
 import { RefreshingRootWidgetProvider as y } from "./libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RefreshingRootWidgetProvider.js";
 import { useDisclosuresAcceptanceSurface as b, useOwnWidgetConfig as x, useRefetchWidget as S, useWidgetConfig as C, useWidgetError as w, useWidgetInitStaleForToken as T, useWidgetLoading as E } from "./libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/hooks.js";
 import { BankAccountsWidget as D } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
-import { BillPayWidget as O } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index80.js";
+import { BillPayWidget as O } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js";
 import { CardDetailsWidget as k } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index13.js";
 import { CreditCardsWidget as A } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index11.js";
 import { DebitCardsWidget as j } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index12.js";

package/dist/lib/BillPayWidget.js

@@ -1,3 +1,3 @@
-import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index80.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js";
 import "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js";
 export { e as BillPayWidget };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/data-access/dist/index.js

@@ -0,0 +1,3 @@
+import { usePayableOcrQueries as e } from "./index2.js";
+import { useUploadPayableFromFileMutation as t } from "./index4.js";
+export { e as usePayableOcrQueries, t as useUploadPayableFromFileMutation };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{data-access/dist/index38.js → bill-upload/data-access/dist/index2.js}

@@ -2,13 +2,14 @@
 "use client";
 "use client";
 "use client";
-import { withAuthEpoch as e } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
-import { useEmbedApi as t } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../../shared/data-access/dist/index.js";
-import { suspectedPayableDuplicates as n } from "../../util/dist/lib/payableDuplicates.js";
-import { payableOcrQueryOptions as r } from "./index13.js";
+import { withAuthEpoch as e } from "../../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { useEmbedApi as t } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../../shared/data-access/dist/index.js";
+import { suspectedPayableDuplicates as n } from "../../../util/dist/lib/payableDuplicates.js";
+import { payableOcrQueryOptions as r } from "../../../data-access/dist/lib/payableOcrQueryOptions.js";
+import "../../../data-access/dist/invalidation.js";
 import { useQueries as i } from "@tanstack/react-query";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index38.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/data-access/dist/index2.js
 function a({ payableIds: a, enabled: o }) {
 	let { client: s, organizationId: c, widgetToken: l, authEpoch: u, organizationPending: d } = t(), f = !!(c && l) && (o === !0 || o === void 0);
 	return i({

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/data-access/dist/index3.js

@@ -0,0 +1,33 @@
+import { getPayablesId as e } from "../../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { organizationHeaders as t } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../../shared/data-access/dist/index.js";
+import { invalidatePayableQueries as n } from "../../../data-access/dist/lib/invalidatePayableQueries/invalidatePayableQueries.js";
+import { nextPollInterval as r } from "../../../data-access/dist/lib/invalidatePayableQueries/payableProjectionPolling.js";
+import { OCR_POLL_INTERVAL_MS as i } from "../../../data-access/dist/lib/payableOcrQueryOptions.js";
+import "../../../data-access/dist/invalidation.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/data-access/dist/index3.js
+var a = 9e4;
+async function o({ client: o, organizationId: s, payableId: c }) {
+	let l = Date.now() + a, u = i, d = !1;
+	for (; !d && Date.now() < l;) {
+		await new Promise((e) => {
+			setTimeout(e, u);
+		}), u = r(u);
+		try {
+			let { data: n } = await e({
+				client: o,
+				headers: t(s),
+				path: { payable_id: c }
+			});
+			d = n?.ocr_status !== "processing";
+		} catch {}
+	}
+	return await n({
+		client: o,
+		organizationId: s,
+		payableId: c,
+		includeLineItems: !0
+	}), d;
+}
+//#endregion
+export { o as reconcileUploadedPayableOcr };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/{data-access/dist/index35.js → bill-upload/data-access/dist/index4.js}

@@ -2,14 +2,13 @@
 "use client";
 "use client";
 "use client";
-import { patchPayablesId as e, postPayablesUploadFromFile as t } from "../../../shared/data-access/dist/lib/rest/sdk.gen.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 { reconcileUploadedPayableOcr as i } from "./index14.js";
-import "./index15.js";
+import { patchPayablesId as e, postPayablesUploadFromFile as t } from "../../../../shared/data-access/dist/lib/rest/sdk.gen.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 { reconcileUploadedPayableOcr as i } from "./index3.js";
 import { useMutation as a } from "@tanstack/react-query";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index35.js
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/data-access/dist/index4.js
 function o() {
 	let { client: o, organizationId: s } = n();
 	return a({

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index.js

@@ -0,0 +1,7 @@
+import "./index2.js";
+import "./index3.js";
+import "./index4.js";
+import "./index5.js";
+import { BillUploadWidget as e } from "./index8.js";
+import "./index9.js";
+export { e as BillUploadWidget };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index2.js

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index2.js
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
+//#endregion
+export { e as billPayUploadQueueKey };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index3.js

@@ -0,0 +1,13 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index3.js
+var e = {
+	uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
+	completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
+	readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
+	duplicateCaption: (e) => `${e} possible ${e === 1 ? "duplicate" : "duplicates"}`,
+	failedCaption: (e) => `${e} failed to upload`,
+	tooManyFilesError: (e) => `You can only upload up to ${e} files at a time`,
+	remainingCapacityError: (e) => e === 0 ? "Wait for the current uploads to finish before adding more files" : `You can upload ${e} more ${e === 1 ? "file" : "files"} right now`,
+	billDeletedError: "This bill was already deleted"
+};
+//#endregion
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index4.js

@@ -0,0 +1,133 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { getPayablesIdOptions as t } from "../../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as n } from "../../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { useEmbedApi as r } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as i } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { isApiNotFoundError as a } from "../../../../shared/data-access/dist/lib/isApiNotFoundError.js";
+import "../../../../shared/data-access/dist/index.js";
+import "../../../../shared/ui/dist/index.js";
+import "../../../data-access/dist/index.js";
+import { billPayUploadQueueKey as o } from "./index2.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as s } from "./index3.js";
+import { usePayableOcrQueries as c } from "../../data-access/dist/index2.js";
+import { useUploadPayableFromFileMutation as l } from "../../data-access/dist/index4.js";
+import "../../data-access/dist/index.js";
+import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { useQuery as m, useQueryClient as h } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index4.js
+function g({ onOpenBill: g, labels: _ } = {}) {
+	let v = {
+		...s,
+		..._
+	}, y = _?.tooManyFilesError ?? s.tooManyFilesError, b = _?.remainingCapacityError ?? s.remainingCapacityError, { client: x, organizationId: S, authEpoch: C, organizationPending: w } = r(), T = h(), E = f(() => o(S), [S]), D = l(), [O, k] = p(!1), { data: A = [] } = m({
+		queryKey: E,
+		queryFn: () => T.getQueryData(E) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), j = u((e, t) => {
+		T.setQueryData(E, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [T, E]), M = u((e) => {
+		T.setQueryData(E, (t) => (t ?? []).filter((t) => t.localId !== e));
+	}, [T, E]), N = u((t) => {
+		let n = (T.getQueryData(E) ?? []).filter((e) => e.status === "uploading").length;
+		if (t.length + n > 10) {
+			e.error(n > 0 ? b(10 - n) : y(10));
+			return;
+		}
+		k(!1);
+		for (let e of t) {
+			let t = crypto.randomUUID();
+			T.setQueryData(E, (n) => [...n ?? [], {
+				localId: t,
+				fileName: e.name,
+				status: "uploading"
+			}]), D.mutateAsync({ file: e }).then((e) => j(t, { payableId: e?.id })).catch(() => j(t, { status: "failed" }));
+		}
+	}, [
+		j,
+		T,
+		E,
+		b,
+		y,
+		D
+	]), P = c({ payableIds: A.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	d(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of P) if (t.suspectedDuplicateOf.length !== 0) {
+			e.add(t.payableId);
+			for (let n of t.suspectedDuplicateOf) e.add(n);
+		}
+		for (let { payableId: t, ocrStatus: n, isError: r } of P) {
+			let i = A.find((e) => e.payableId === t && e.status === "uploading");
+			i && (n === "success" ? j(i.localId, { status: e.has(t) ? "duplicate" : "ready" }) : (r || n === "error" || n === "canceled") && j(i.localId, { status: "failed" }));
+		}
+		for (let t of A) t.status === "ready" && t.payableId && e.has(t.payableId) && j(t.localId, { status: "duplicate" });
+	}, [
+		A,
+		P,
+		j
+	]);
+	let F = A.filter((e) => e.status === "uploading"), I = A.filter((e) => e.status === "ready"), L = A.filter((e) => e.status === "duplicate"), R = A.filter((e) => e.status === "failed"), z = (r) => ({
+		id: r.localId,
+		fileName: r.fileName,
+		status: r.status,
+		onOpen: (r.status === "ready" || r.status === "duplicate") && r.payableId && g ? () => {
+			let o = r.payableId;
+			T.fetchQuery({
+				...n(t({
+					client: x,
+					headers: i(S),
+					path: { payable_id: o }
+				}), {
+					authEpoch: C,
+					organizationPending: w
+				}),
+				retry: !1
+			}).catch((e) => {
+				if (a(e)) return "deleted";
+			}).then((t) => {
+				t === "deleted" ? e.error(v.billDeletedError) : g(o), M(r.localId);
+			});
+		} : void 0
+	}), B = F.length ? [{
+		id: "in-progress",
+		items: A.map(z)
+	}] : [
+		...I.length ? [{
+			id: "ready",
+			caption: v.readyCaption(I.length),
+			items: I.map(z)
+		}] : [],
+		...L.length ? [{
+			id: "duplicate",
+			caption: v.duplicateCaption(L.length),
+			items: L.map(z)
+		}] : [],
+		...R.length ? [{
+			id: "failed",
+			caption: v.failedCaption(R.length),
+			items: R.map(z)
+		}] : []
+	], V = I.length + L.length, H = F.length ? v.uploadingSummary(A.length) : V ? v.completeSummary(V) : v.failedCaption(R.length), U = u(() => {
+		T.setQueryData(E, []);
+	}, [T, E]);
+	return {
+		enqueue: N,
+		sections: B,
+		summaryLabel: H,
+		collapsed: O,
+		onToggleCollapsed: u(() => k((e) => !e), []),
+		onClose: U,
+		isVisible: A.length > 0
+	};
+}
+//#endregion
+export { g as useBillUploadQueue };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index5.js

@@ -0,0 +1,3 @@
+import "./index2.js";
+import "./index3.js";
+import "./index4.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index6.js

@@ -0,0 +1,5 @@
+import { BILL_PAY_WIDGET_NAME as e } from "../../../util/dist/lib/widgetName.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index6.js
+var t = `${e}.bill_upload`, n = { Mounted: `${t}.mounted` };
+//#endregion
+export { n as BillUploadWidgetAnalyticsEvent, t as WIDGET_NAME };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index7.js

@@ -0,0 +1,4 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index7.js
+var e = { tray: "bill-pay-upload-tray" };
+//#endregion
+export { e as billUploadWidgetTestIds };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index8.js

@@ -0,0 +1,56 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAnalyticsTrack as e } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as t } from "../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../../shared/feature/dist/index.js";
+import { useBillUploadQueue as n } from "./index4.js";
+import "./index5.js";
+import { BillUploadWidgetAnalyticsEvent as r, WIDGET_NAME as i } from "./index6.js";
+import { billUploadWidgetTestIds as a } from "./index7.js";
+import { BillUploadStatusTray as o } from "../../ui/dist/index4.js";
+import "../../ui/dist/index.js";
+import { useEffect as s, useImperativeHandle as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index8.js
+function u({ onOpenBill: t, labels: i, ref: u }) {
+	let d = e();
+	s(() => {
+		d(r.Mounted);
+	}, [d]);
+	let f = n({
+		onOpenBill: t,
+		labels: i?.queue
+	});
+	return c(u, () => ({ enqueue: f.enqueue }), [f.enqueue]), f.isVisible ? /* @__PURE__ */ l(o, {
+		sections: f.sections,
+		summaryLabel: f.summaryLabel,
+		collapsed: f.collapsed,
+		onToggleCollapsed: f.onToggleCollapsed,
+		onClose: f.onClose,
+		labels: i?.tray,
+		testId: a.tray
+	}) : null;
+}
+function d({ baseUrl: e, widgetToken: n, organizationId: r, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: d, errorFallback: f, onError: p, analytics: m, disclosuresAcceptance: h, providerLabels: g, ..._ }) {
+	return /* @__PURE__ */ l(t, {
+		widgetName: i,
+		baseUrl: e,
+		widgetToken: n,
+		organizationId: r,
+		configClient: a,
+		gatewayRouting: o,
+		linkComponent: s,
+		implementation: c,
+		uiFramework: d,
+		errorFallback: f,
+		onError: p,
+		analytics: m,
+		disclosuresAcceptance: h,
+		providerLabels: g,
+		children: /* @__PURE__ */ l(u, { ..._ })
+	});
+}
+//#endregion
+export { d as BillUploadWidget, d as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/feature/dist/index9.js

@@ -0,0 +1 @@
+import "./index8.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index.js

@@ -0,0 +1,4 @@
+import "./index2.js";
+import { BillUploadStatusTray as e } from "./index4.js";
+import "./index6.js";
+export { e as BillUploadStatusTray };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index2.js

@@ -0,0 +1,10 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index2.js
+var e = {
+	collapse: "Collapse upload status",
+	expand: "Expand upload status",
+	close: "Close upload status",
+	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : e === "duplicate" ? "Possible duplicate" : "Failed",
+	openItem: (e) => `Open ${e}`
+};
+//#endregion
+export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index3.js

@@ -0,0 +1,9 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index3.js
+var e = {
+	uploading: "ttw:text-muted-foreground",
+	ready: "ttw:text-emerald-600",
+	duplicate: "ttw:text-orange-600",
+	failed: "ttw:text-destructive"
+};
+//#endregion
+export { e as UPLOAD_ITEM_ICON_TONE };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index4.js

@@ -0,0 +1,93 @@
+import { cn as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index2.js";
+import { UPLOAD_ITEM_ICON_TONE as n } from "./index3.js";
+import { useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CheckCircle2 as s, ChevronDown as c, ChevronRight as l, ChevronUp as u, CopyX as d, Loader2 as f, X as p, XCircle as m } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index4.js
+function h({ status: t }) {
+	let r = e("ttw:size-4", n[t]);
+	return t === "uploading" ? /* @__PURE__ */ a(f, {
+		"aria-hidden": !0,
+		className: e(r, "ttw:animate-spin")
+	}) : a(t === "ready" ? s : t === "duplicate" ? d : m, {
+		"aria-hidden": !0,
+		className: r
+	});
+}
+function g({ item: t, labels: n }) {
+	let s = r(), c = /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(h, { status: t.status }),
+		/* @__PURE__ */ a("span", {
+			id: s,
+			className: "ttw:sr-only",
+			children: n.statusLabel(t.status)
+		}),
+		/* @__PURE__ */ a("span", {
+			className: "ttw:flex-1 ttw:truncate ttw:text-left ttw:text-sm ttw:text-foreground",
+			children: t.fileName
+		}),
+		t.onOpen ? /* @__PURE__ */ a(l, {
+			"aria-hidden": !0,
+			className: "ttw:size-4"
+		}) : null
+	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
+	return t.onOpen ? /* @__PURE__ */ a("button", {
+		type: "button",
+		onClick: t.onOpen,
+		"aria-describedby": s,
+		"aria-label": n.openItem(t.fileName),
+		className: e(u, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
+		children: c
+	}) : /* @__PURE__ */ a("div", {
+		"aria-describedby": s,
+		className: u,
+		children: c
+	});
+}
+function _({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
+	let f = {
+		...t,
+		...d
+	};
+	return /* @__PURE__ */ o("div", {
+		className: "ttw:fixed ttw:right-4 ttw:bottom-4 ttw:z-50 ttw:w-96 ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
+		"data-testid": l,
+		children: [/* @__PURE__ */ o("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-b ttw:border-border ttw:bg-muted/40 ttw:px-4 ttw:py-3",
+			children: [
+				/* @__PURE__ */ a("span", {
+					"aria-live": "polite",
+					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
+					children: n
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: i,
+					"aria-label": r ? f.expand : f.collapse,
+					"aria-expanded": !r,
+					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
+					children: a(r ? u : c, { className: "ttw:size-4" })
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: s,
+					"aria-label": f.close,
+					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
+					children: /* @__PURE__ */ a(p, { className: "ttw:size-4" })
+				})
+			]
+		}), r ? null : /* @__PURE__ */ a("div", {
+			className: "ttw:max-h-96 ttw:overflow-y-auto",
+			children: e.map((e) => /* @__PURE__ */ o("div", { children: [e.caption ? /* @__PURE__ */ a("p", {
+				className: "ttw:px-4 ttw:pt-3 ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
+				children: e.caption
+			}) : null, e.items.map((e) => /* @__PURE__ */ a(g, {
+				item: e,
+				labels: f
+			}, e.id))] }, e.id))
+		})]
+	});
+}
+//#endregion
+export { _ as BillUploadStatusTray, _ as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-upload/ui/dist/index6.js

@@ -0,0 +1,2 @@
+import "./index2.js";
+import "./index4.js";

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

@@ -1,35 +1,31 @@
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/index.js";
-import "./index2.js";
-import { useApprovePayableApprovalRequestMutation as t, usePayableApprovalRequestsQuery as n, useRejectPayableApprovalRequestMutation as r } from "./index16.js";
-import { usePayableHistoryQuery as i } from "./index17.js";
-import { useAllPayableLineItemsQuery as a, useReplacePayableLineItemsMutation as o } from "./index18.js";
-import { usePayablePaymentRecordsQuery as s } from "./index19.js";
-import { useSchedulePaymentMutation as c } from "./index20.js";
-import { DuplicateVerdict as l, useApplyDuplicateVerdictsMutation as u } from "./index21.js";
-import { useAttachPayableFileMutation as d } from "./index22.js";
-import { useCancelPayableMutation as f } from "./index23.js";
-import { useCancelScheduledPaymentMutation as p } from "./index24.js";
-import { useCreatePayableMutation as m } from "./index25.js";
-import { useDeletePayableFileMutation as h } from "./index26.js";
-import { useDeletePayableMutation as g } from "./index27.js";
-import { useForceApprovePayableMutation as _ } from "./index28.js";
-import { useForceRejectPayableMutation as v } from "./index29.js";
-import { useMarkPayableAsPaidMutation as y } from "./index30.js";
-import "./index31.js";
-import { useReopenPayableMutation as b } from "./index32.js";
-import { useSubmitPayableForApprovalMutation as x } from "./index33.js";
-import { useUpdatePayableMutation as S } from "./index34.js";
-import { useUploadPayableFromFileMutation as C } from "./index35.js";
-import { useValidatePayableMutation as w } from "./index36.js";
-import "./index37.js";
-import { usePayableOcrQueries as T } from "./index38.js";
-import { useFirstPayablesPagesQuery as E } from "./index39.js";
-import { usePayableQuery as D } from "./index41.js";
-import { usePayablesByIdsQueries as O } from "./index42.js";
-import { usePayablesCountQueries as k } from "./index43.js";
-import { usePayablesQuery as A } from "./index44.js";
-import { usePayablesTotalCountQuery as j } from "./index45.js";
-import "./index46.js";
-import { usePayableSuggestionsQuery as M } from "./index47.js";
-export { l as DuplicateVerdict, a as useAllPayableLineItemsQuery, u as useApplyDuplicateVerdictsMutation, t as useApprovePayableApprovalRequestMutation, d as useAttachPayableFileMutation, f as useCancelPayableMutation, p as useCancelScheduledPaymentMutation, m as useCreatePayableMutation, h as useDeletePayableFileMutation, g as useDeletePayableMutation, e as useEmbedApi, E as useFirstPayablesPagesQuery, _ as useForceApprovePayableMutation, v as useForceRejectPayableMutation, y as useMarkPayableAsPaidMutation, n as usePayableApprovalRequestsQuery, i as usePayableHistoryQuery, T as usePayableOcrQueries, s as usePayablePaymentRecordsQuery, D as usePayableQuery, M as usePayableSuggestionsQuery, O as usePayablesByIdsQueries, k as usePayablesCountQueries, A as usePayablesQuery, j as usePayablesTotalCountQuery, r as useRejectPayableApprovalRequestMutation, b as useReopenPayableMutation, o as useReplacePayableLineItemsMutation, c as useSchedulePaymentMutation, x as useSubmitPayableForApprovalMutation, S as useUpdatePayableMutation, C as useUploadPayableFromFileMutation, w as useValidatePayableMutation };
+import { DuplicateVerdict as t } from "../../util/dist/lib/duplicateVerdict.js";
+import "./lib/queryKeys.js";
+import { useApprovePayableApprovalRequestMutation as n, usePayableApprovalRequestsQuery as r, useRejectPayableApprovalRequestMutation as i } from "./lib/usePayableApprovalRequests.js";
+import { usePayableHistoryQuery as a } from "./lib/usePayableHistoryQuery.js";
+import { useAllPayableLineItemsQuery as o, useReplacePayableLineItemsMutation as s } from "./lib/usePayableLineItems.js";
+import { usePayablePaymentRecordsQuery as c } from "./lib/usePayablePaymentRecordsQuery.js";
+import { useApplyDuplicateVerdictsMutation as l } from "./lib/useApplyDuplicateVerdictsMutation.js";
+import { useAttachPayableFileMutation as u } from "./lib/usePayableMutations/useAttachPayableFileMutation.js";
+import { useCancelPayableMutation as d } from "./lib/usePayableMutations/useCancelPayableMutation.js";
+import { useCancelScheduledPaymentMutation as f } from "./lib/usePayableMutations/useCancelScheduledPaymentMutation.js";
+import { useCreatePayableMutation as p } from "./lib/usePayableMutations/useCreatePayableMutation.js";
+import { useDeletePayableFileMutation as m } from "./lib/usePayableMutations/useDeletePayableFileMutation.js";
+import { useDeletePayableMutation as h } from "./lib/usePayableMutations/useDeletePayableMutation.js";
+import { useForceApprovePayableMutation as g } from "./lib/usePayableMutations/useForceApprovePayableMutation.js";
+import { useForceRejectPayableMutation as _ } from "./lib/usePayableMutations/useForceRejectPayableMutation.js";
+import { useReopenPayableMutation as v } from "./lib/usePayableMutations/useReopenPayableMutation.js";
+import { useSubmitPayableForApprovalMutation as y } from "./lib/usePayableMutations/useSubmitPayableForApprovalMutation.js";
+import { useUpdatePayableMutation as b } from "./lib/usePayableMutations/useUpdatePayableMutation.js";
+import { useValidatePayableMutation as x } from "./lib/usePayableMutations/useValidatePayableMutation.js";
+import "./lib/usePayableMutations/index.js";
+import { useFirstPayablesPagesQuery as S } from "./lib/usePayablesQueries/useFirstPayablesPagesQuery.js";
+import { usePayableQuery as C } from "./lib/usePayablesQueries/usePayableQuery.js";
+import { usePayablesByIdsQueries as w } from "./lib/usePayablesQueries/usePayablesByIdsQueries.js";
+import { usePayablesCountQueries as T } from "./lib/usePayablesQueries/usePayablesCountQueries.js";
+import { usePayablesQuery as E } from "./lib/usePayablesQueries/usePayablesQuery.js";
+import { usePayablesTotalCountQuery as D } from "./lib/usePayablesQueries/usePayablesTotalCountQuery.js";
+import "./lib/usePayablesQueries/index.js";
+import { usePayableSuggestionsQuery as O } from "./lib/usePayableSuggestionsQuery.js";
+export { t as DuplicateVerdict, o as useAllPayableLineItemsQuery, l as useApplyDuplicateVerdictsMutation, n as useApprovePayableApprovalRequestMutation, u as useAttachPayableFileMutation, d as useCancelPayableMutation, f as useCancelScheduledPaymentMutation, p as useCreatePayableMutation, m as useDeletePayableFileMutation, h as useDeletePayableMutation, e as useEmbedApi, S as useFirstPayablesPagesQuery, g as useForceApprovePayableMutation, _ as useForceRejectPayableMutation, r as usePayableApprovalRequestsQuery, a as usePayableHistoryQuery, c as usePayablePaymentRecordsQuery, C as usePayableQuery, O as usePayableSuggestionsQuery, w as usePayablesByIdsQueries, T as usePayablesCountQueries, E as usePayablesQuery, D as usePayablesTotalCountQuery, i as useRejectPayableApprovalRequestMutation, v as useReopenPayableMutation, s as useReplacePayableLineItemsMutation, y as useSubmitPayableForApprovalMutation, b as useUpdatePayableMutation, x as useValidatePayableMutation };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/invalidation.js

@@ -0,0 +1,11 @@
+import { invalidatePayableQueries as e } from "./lib/invalidatePayableQueries/invalidatePayableQueries.js";
+import { PAYABLE_PROJECTION_POLL_INTERVAL_MS as t, PAYABLE_PROJECTION_POLL_TIMEOUT_MS as n, nextPollInterval as r } from "./lib/invalidatePayableQueries/payableProjectionPolling.js";
+import "./lib/invalidatePayableQueries/approvalDecisionQueries.js";
+import "./lib/invalidatePayableQueries/approvalRequestWatch.js";
+import "./lib/invalidatePayableQueries/invalidateDeletedPayableQueries.js";
+import { hasLiveScheduledRecord as i } from "./lib/invalidatePayableQueries/hasLiveScheduledRecord.js";
+import "./lib/invalidatePayableQueries/reconcileCancelledPaymentQueries.js";
+import "./lib/invalidatePayableQueries/reconcileSubmittedForApprovalQueries.js";
+import "./lib/invalidatePayableQueries/index.js";
+import { OCR_POLL_INTERVAL_MS as a, payableOcrQueryOptions as o } from "./lib/payableOcrQueryOptions.js";
+export { a as OCR_POLL_INTERVAL_MS, t as PAYABLE_PROJECTION_POLL_INTERVAL_MS, n as PAYABLE_PROJECTION_POLL_TIMEOUT_MS, i as hasLiveScheduledRecord, e as invalidatePayableQueries, r as nextPollInterval, o as payableOcrQueryOptions };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/{index6.js → lib/invalidatePayableQueries/approvalDecisionQueries.js}

@@ -1,11 +1,11 @@
-import { getPayablesId as e } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
-import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
-import { organizationHeaders as n } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import "../../../shared/data-access/dist/index.js";
-import { approvalRequestsInvalidationKey as r } from "./index2.js";
-import { invalidatePayableQueries as i } from "./index4.js";
-import { PAYABLE_PROJECTION_POLL_INTERVAL_MS as a, nextPollInterval as o } from "./index5.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index6.js
+import { getPayablesId as e } from "../../../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { invalidateAllClients as t } from "../../../../../shared/data-access/dist/lib/clientRegistry.js";
+import { organizationHeaders as n } from "../../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { approvalRequestsInvalidationKey as r } from "../queryKeys.js";
+import { invalidatePayableQueries as i } from "./invalidatePayableQueries.js";
+import { PAYABLE_PROJECTION_POLL_INTERVAL_MS as a, nextPollInterval as o } from "./payableProjectionPolling.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/lib/invalidatePayableQueries/approvalDecisionQueries.js
 var s = /* @__PURE__ */ new Set(["new", "approve_in_progress"]), c = 6e4;
 async function l({ client: e, organizationId: n, payableId: a }) {
 	await t(r({

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/{index7.js → lib/invalidatePayableQueries/approvalRequestWatch.js}

@@ -1,8 +1,8 @@
-import { getApprovalRequests as e, getPayablesIdHistory as t } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
-import { organizationHeaders as n } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import "../../../shared/data-access/dist/index.js";
-import { NEWEST_REQUEST_FIRST as r, PAYABLE_OBJECT_TYPE as i } from "./index2.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index7.js
+import { getApprovalRequests as e, getPayablesIdHistory as t } from "../../../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { organizationHeaders as n } from "../../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { NEWEST_REQUEST_FIRST as r, PAYABLE_OBJECT_TYPE as i } from "../queryKeys.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/lib/invalidatePayableQueries/approvalRequestWatch.js
 var a = 100;
 async function o({ client: t, organizationId: o, payableId: s }) {
 	try {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/{index3.js → lib/invalidatePayableQueries/cleanUpDeletedPayableQueries.js}

@@ -1,7 +1,7 @@
-import { cancelAllClients as e, removeInactiveFromAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
-import "../../../shared/data-access/dist/index.js";
-import { payableHistoryInvalidationKey as n, payableInvalidationKey as r, payableLineItemsInvalidationKey as i } from "./index2.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index3.js
+import { cancelAllClients as e, removeInactiveFromAllClients as t } from "../../../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { payableHistoryInvalidationKey as n, payableInvalidationKey as r, payableLineItemsInvalidationKey as i } from "../queryKeys.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/lib/invalidatePayableQueries/cleanUpDeletedPayableQueries.js
 async function a({ client: a, organizationId: o, payableId: s }) {
 	if (!s) return;
 	let c = {