@tesouro/embedded-components-react 0.2.293 → 0.2.294

package/dist/index.css

@@ -1403,6 +1403,9 @@
   .ttw\:min-w-26 {
     min-width: calc(var(--ttw-spacing) * 26);
   }
+  .ttw\:min-w-28 {
+    min-width: calc(var(--ttw-spacing) * 28);
+  }
   .ttw\:min-w-29 {
     min-width: calc(var(--ttw-spacing) * 29);
   }

package/dist/index.js

@@ -16,7 +16,7 @@ import "./lib/AcceptDisclosuresWidget.js";
 import { BankAccountsWidget as C } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import "./lib/BankAccountsWidget.js";
 import { CounterpartsWidget as w } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
-import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js";
+import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js";
 import "./lib/BillPayWidget.js";
 import { CardDetailsWidget as E } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js";
 import { CardFormatValue as D } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.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/index34.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.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/data-access/dist/index.js

@@ -5,6 +5,6 @@ import "./index5.js";
 import { useAllPayableLineItemsQuery as t, useReplacePayableLineItemsMutation as n } from "./index6.js";
 import { useAttachPayableFileMutation as r, useCreatePayableMutation as i, useDeletePayableFileMutation as a, useSubmitPayableForApprovalMutation as o, useUpdatePayableMutation as s, useUploadPayableFromFileMutation as c, useValidatePayableMutation as l } from "./index7.js";
 import { usePayableOcrQueries as u } from "./index9.js";
-import { usePayableQuery as d, usePayablesQuery as f } from "./index10.js";
-import { usePayableSuggestionsQuery as p } from "./index11.js";
-export { t as useAllPayableLineItemsQuery, r as useAttachPayableFileMutation, i as useCreatePayableMutation, a as useDeletePayableFileMutation, e as useEmbedApi, u as usePayableOcrQueries, d as usePayableQuery, p as usePayableSuggestionsQuery, f as usePayablesQuery, n as useReplacePayableLineItemsMutation, o as useSubmitPayableForApprovalMutation, s as useUpdatePayableMutation, c as useUploadPayableFromFileMutation, l as useValidatePayableMutation };
+import { usePayableQuery as d, usePayablesQuery as f, usePayablesTotalCountQuery as p } from "./index10.js";
+import { usePayableSuggestionsQuery as m } from "./index11.js";
+export { t as useAllPayableLineItemsQuery, r as useAttachPayableFileMutation, i as useCreatePayableMutation, a as useDeletePayableFileMutation, e as useEmbedApi, u as usePayableOcrQueries, d as usePayableQuery, m as usePayableSuggestionsQuery, f as usePayablesQuery, p as usePayablesTotalCountQuery, n as useReplacePayableLineItemsMutation, o as useSubmitPayableForApprovalMutation, s as useUpdatePayableMutation, c as useUploadPayableFromFileMutation, l as useValidatePayableMutation };

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

@@ -4,37 +4,47 @@
 "use client";
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { getPayablesIdOptions as n, getPayablesOptions as r } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
-import { withAuthEpoch as i } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { getPayablesAnalyticsOptions as n, getPayablesIdOptions as r, getPayablesOptions as i } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as a } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
 import "../../../shared/data-access/dist/index.js";
-import { payableOcrQueryOptions as a } from "./index8.js";
-import { useQuery as o } from "@tanstack/react-query";
+import { payableOcrQueryOptions as o } from "./index8.js";
+import { useQuery as s } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index10.js
-function s({ enabled: n, ...a } = {}) {
-	let { client: s, organizationId: c, widgetToken: l, authEpoch: u } = e(), d = !!(c && l) && (n === !0 || n === void 0), f = r({
-		client: s,
+function c({ enabled: n, ...r } = {}) {
+	let { client: o, organizationId: c, widgetToken: l, authEpoch: u } = e(), d = !!(c && l) && (n === !0 || n === void 0), f = i({
+		client: o,
 		headers: t(c),
-		query: a
+		query: r
 	});
-	return o({
-		...i(f, u),
+	return s({
+		...a(f, u),
 		enabled: d
 	});
 }
-function c(r, { enabled: s = !0, pollWhileOcrProcessing: c = !1 } = {}) {
-	let { client: l, organizationId: u, widgetToken: d, authEpoch: f } = e(), p = !!(u && d && r) && s, m = c ? a({
+function l({ enabled: r } = {}) {
+	let { client: i, organizationId: o, widgetToken: c, authEpoch: l } = e(), u = !!(o && c) && (r === !0 || r === void 0), d = n({
+		client: i,
+		headers: t(o)
+	});
+	return s({
+		...a(d, l),
+		enabled: u
+	});
+}
+function u(n, { enabled: i = !0, pollWhileOcrProcessing: c = !1 } = {}) {
+	let { client: l, organizationId: u, widgetToken: d, authEpoch: f } = e(), p = !!(u && d && n) && i, m = c ? o({
 		client: l,
 		organizationId: u,
-		payableId: r ?? ""
-	}) : n({
+		payableId: n ?? ""
+	}) : r({
 		client: l,
 		headers: t(u),
-		path: { payable_id: r ?? "" }
+		path: { payable_id: n ?? "" }
 	});
-	return o({
-		...i(m, f),
+	return s({
+		...a(m, f),
 		enabled: p
 	});
 }
 //#endregion
-export { c as usePayableQuery, s as usePayablesQuery };
+export { u as usePayableQuery, c as usePayablesQuery, l as usePayablesTotalCountQuery };

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

@@ -8,7 +8,7 @@ import "./index15.js";
 import "./index16.js";
 import "./index17.js";
 import "./index18.js";
-import "./index23.js";
+import "./index22.js";
 import "./index24.js";
 import "./index25.js";
 import "./index26.js";
@@ -16,5 +16,7 @@ import "./index27.js";
 import "./index28.js";
 import "./index29.js";
 import "./index30.js";
-import { BillPayWidget as e } from "./index34.js";
+import "./index31.js";
+import "./index32.js";
+import { BillPayWidget as e } from "./index36.js";
 export { e as BillPayWidget };

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

@@ -1,11 +1,36 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
-async function e(e) {
-	if (!e.trim()) return !1;
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
+var e = {
+	Drafts: "drafts",
+	Pending: "pending",
+	Paid: "paid",
+	All: "all"
+}, t = {
+	[e.Drafts]: ["draft"],
+	[e.Pending]: [
+		"new",
+		"approve_in_progress",
+		"waiting_to_be_paid",
+		"partially_paid"
+	],
+	[e.Paid]: ["paid"],
+	[e.All]: void 0
+}, n = e.Drafts, r = [
+	e.Drafts,
+	e.Pending,
+	e.Paid,
+	e.All
+];
+function i(e) {
+	let n = t[e];
+	return n ? [...n] : void 0;
+}
+var a = {
+	vendorLabel: "counterpart_name",
+	dueDateLabel: "due_date",
+	addedOnLabel: "created_at"
+};
+function o(e) {
+	if (e) return a[e];
 }
 //#endregion
-export { e as copyTextToClipboard };
+export { r as BILL_QUEUE_ORDER, t as BILL_QUEUE_STATUSES, a as BILL_SORT_FIELDS, e as BillQueue, n as DEFAULT_BILL_QUEUE, i as billQueueStatuses, o as billSortField };

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

@@ -1,11 +1,11 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
-var e = {
-	emptyHeading: "Add your first bill",
-	nonEmptyHeading: "Add a bill",
-	createButton: "Add bill",
-	viewBillTitle: "Bill details",
-	emailCopiedToast: "Email address copied to clipboard",
-	emailCopyFailedToast: "Could not copy the email address"
-};
+async function e(e) {
+	if (!e.trim()) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
 //#endregion
-export { e as BILLS_TAB_LABELS_EN };
+export { e as copyTextToClipboard };

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

@@ -1,8 +1,18 @@
+import { BillQueue as e } from "./index22.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js
-var e = {
-	root: "bill-pay-bills-tab",
-	uploadTray: "bill-pay-upload-tray",
-	detailsSheet: "bill-pay-details-sheet"
+var t = {
+	[e.Drafts]: "Drafts",
+	[e.Pending]: "Pending",
+	[e.Paid]: "Paid",
+	[e.All]: "All bills"
+}, n = {
+	emptyHeading: "Add your first bill",
+	nonEmptyHeading: "Add a bill",
+	createButton: "Add bill",
+	viewBillTitle: "Bill details",
+	emailCopiedToast: "Email address copied to clipboard",
+	emailCopyFailedToast: "Could not copy the email address",
+	queues: t
 };
 //#endregion
-export { e as billsTabTestIds };
+export { n as BILLS_TAB_LABELS_EN, t as BILL_QUEUE_LABELS_EN };

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

@@ -1,136 +1,8 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { formatCalendarDate as r } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as ee } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { usePayablesQuery as a } from "../../data-access/dist/index10.js";
-import "../../data-access/dist/index.js";
-import { AddBillDialog as te } from "../../ui/dist/index10.js";
-import { BillsScreen as ne } from "../../ui/dist/index38.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as o } from "./index12.js";
-import "./index13.js";
-import { derivePayableStatus as s } from "./index15.js";
-import { BillDetailsContainer as c } from "./index17.js";
-import "./index18.js";
-import { BILLS_TAB_LABELS_EN as l } from "./index23.js";
-import { billsTabTestIds as u } from "./index24.js";
-import { copyTextToClipboard as d } from "./index22.js";
-import { useEffect as re, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-var ie = 10, h = "bills@business-banking.app", g = {
-	vendorLabel: "counterpart_name",
-	dueDateLabel: "due_date",
-	amountLabel: "amount",
-	status: "status"
-}, _ = "created_at", v = "desc";
-function y({ labels: y, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S }) {
-	let C = {
-		...l,
-		...y
-	}, [w, T] = f(!1), [ae, E] = f(), [D, O] = f(!1), [k, A] = f(), [j, M] = f(!1), [N, P] = f(!1), [F, I] = f([]), [L, R] = f(ie), [z, B] = f(), { initResponse: V } = i(), H = t(V?.scopes, [n.PayableReadOrg]), U = t(V?.scopes, [n.PayableWriteOrg]), W = !V || H, G = !V || U, [K] = F, q = K ? g[K.id] : void 0, J = a({
-		limit: L,
-		pagination_token: z,
-		sort: q ?? _,
-		order: q ? K.desc ? "desc" : "asc" : v,
-		enabled: W
-	}), Y = () => B(void 0), oe = (e) => {
-		I(e), Y();
-	}, se = (e) => {
-		R(e), Y();
-	}, X = (J.data?.data ?? []).map((e) => {
-		let t = s(e.status, e.due_date);
-		return {
-			vendorLabel: e.counterpart_raw_data?.name ?? "",
-			dueDateLabel: r(e.due_date),
-			amountLabel: ee((e.total_amount ?? 0) / 100, { currencyCode: e.currency ?? "USD" }),
-			status: t.status,
-			statusTone: t.tone,
-			onOpen: () => {
-				if (e.status === "draft" && G) {
-					E(e.id), O(!0);
-					return;
-				}
-				A(e.id), M(!0);
-			}
-		};
-	}), ce = () => {
-		M(!1), P(!0);
-	}, Z = () => {
-		T(!1), E(void 0), O(!0);
-	}, Q = (e) => {
-		T(!1), b?.(e);
-	}, $ = async () => {
-		await d(h) ? e.success(C.emailCopiedToast) : e.error(C.emailCopyFailedToast);
-	};
-	return re(() => {
-		x && (E(x), O(!0), S?.());
-	}, [S, x]), /* @__PURE__ */ m("div", {
-		"data-testid": u.root,
-		children: [
-			/* @__PURE__ */ p(ne, {
-				rows: X,
-				isLoading: J.isLoading || !V,
-				isError: J.isError,
-				onRetry: () => J.refetch(),
-				sorting: F,
-				onSortingChange: oe,
-				pageSize: L,
-				onPageSizeChange: se,
-				hasNextPage: !!J.data?.next_pagination_token,
-				hasPrevPage: !!J.data?.prev_pagination_token,
-				onNextPage: () => B(J.data?.next_pagination_token),
-				onPrevPage: () => B(J.data?.prev_pagination_token),
-				onCreateClick: G ? () => T(!0) : void 0,
-				onEnterManually: G ? Z : void 0,
-				onFilesSelected: G ? Q : void 0,
-				emailAddress: h,
-				onCopyEmail: $,
-				labels: {
-					createButton: C.createButton,
-					addBill: { heading: C.emptyHeading }
-				}
-			}),
-			G ? /* @__PURE__ */ p(te, {
-				open: w,
-				onOpenChange: T,
-				onFilesSelected: Q,
-				onEnterManually: Z,
-				emailAddress: h,
-				onCopyEmail: $,
-				labels: { heading: X.length ? C.nonEmptyHeading : C.emptyHeading }
-			}) : null,
-			D ? /* @__PURE__ */ p(o, {
-				open: D,
-				onOpenChange: O,
-				payableId: ae
-			}) : null,
-			j ? /* @__PURE__ */ p(c, {
-				open: j,
-				onOpenChange: M,
-				payableId: k,
-				onClose: () => M(!1),
-				onExpand: ce,
-				testId: u.detailsSheet
-			}) : null,
-			N ? /* @__PURE__ */ p(o, {
-				open: N,
-				onOpenChange: P,
-				payableId: k,
-				readOnly: !0,
-				copy: { readOnlyTitle: C.viewBillTitle }
-			}) : null
-		]
-	});
-}
+var e = {
+	root: "bill-pay-bills-tab",
+	uploadTray: "bill-pay-upload-tray",
+	detailsSheet: "bill-pay-details-sheet"
+};
 //#endregion
-export { y as BillsTab, y as default };
+export { e as billsTabTestIds };

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

@@ -1,3 +1,74 @@
-import "./index23.js";
-import "./index24.js";
-import "./index25.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { usePayablesQuery as n, usePayablesTotalCountQuery as r } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { derivePayableStatus as i } from "./index15.js";
+import { DEFAULT_BILL_QUEUE as a, billQueueStatuses as o, billSortField as s } from "./index22.js";
+import { useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js
+var f = 10, p = [{
+	id: "addedOnLabel",
+	desc: !0
+}];
+function m({ enabled: m = !0, onOpenBill: h }) {
+	let [g, _] = d(a), [v, y] = d(p), [b, x] = d(f), [S, C] = d(), [w, T] = d(""), [E, D] = d(""), O = c(() => C(void 0), []);
+	l(() => {
+		let e = setTimeout(() => {
+			D(w), O();
+		}, 300);
+		return () => clearTimeout(e);
+	}, [w, O]);
+	let k = v[0], A = s(k?.id), j = n({
+		limit: b,
+		pagination_token: S,
+		status__in: o(g),
+		counterpart_name__icontains: E || void 0,
+		sort: A,
+		order: A ? k?.desc ? "desc" : "asc" : void 0,
+		enabled: m
+	}), M = j.data?.data.length === 0, N = r({ enabled: m && M }), P = !M || (N.data?.count ?? 1) > 0, F = u(() => (j.data?.data ?? []).map((n) => {
+		let r = i(n.status, n.due_date);
+		return {
+			vendorLabel: n.counterpart_raw_data?.name ?? "",
+			dueDateLabel: e(n.due_date),
+			amountDueLabel: t((n.amount_due ?? n.total_amount ?? 0) / 100, { currencyCode: n.currency ?? "USD" }),
+			status: r.status,
+			statusTone: r.tone,
+			addedOnLabel: e(n.created_at?.slice(0, 10)),
+			onOpen: () => h(n.id, r.status === "draft")
+		};
+	}), [j.data?.data, h]), I = c((e) => {
+		_(e), O();
+	}, [O]), L = c((e) => {
+		y((t) => typeof e == "function" ? e(t) : e), O();
+	}, [O]), R = c((e) => {
+		x(e), O();
+	}, [O]), z = c(() => C(j.data?.next_pagination_token), [j.data?.next_pagination_token]), B = c(() => C(j.data?.prev_pagination_token), [j.data?.prev_pagination_token]), V = c(() => {
+		j.refetch();
+	}, [j.refetch]);
+	return {
+		rows: F,
+		isLoading: j.isLoading || M && N.isLoading,
+		isError: j.isError,
+		onRetry: V,
+		selectedFilterTabId: g,
+		onFilterTabChange: I,
+		searchValue: w,
+		onSearchChange: T,
+		hasAnyBills: P,
+		sorting: v,
+		onSortingChange: L,
+		pageSize: b,
+		onPageSizeChange: R,
+		hasNextPage: !!j.data?.next_pagination_token,
+		hasPrevPage: !!j.data?.prev_pagination_token,
+		onNextPage: z,
+		onPrevPage: B
+	};
+}
+//#endregion
+export { m as useBillsTable };

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

@@ -1,8 +1,143 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { AddBillDialog as i } from "../../ui/dist/index10.js";
+import { BillsScreen as a } from "../../ui/dist/index38.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index12.js";
+import "./index13.js";
+import { BillDetailsContainer as s } from "./index17.js";
+import "./index18.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index22.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index24.js";
+import { billsTabTestIds as d } from "./index25.js";
+import { useBillsTable as f } from "./index26.js";
+import { copyTextToClipboard as p } from "./index23.js";
+import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CheckIcon as b, FilePenIcon as x, ListIcon as S, LoaderCircleIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js
-var e = (e) => [
-	"bill-pay",
-	"upload-queue",
-	e ?? ""
-];
+var w = "bills@business-banking.app", T = {
+	[l.Drafts]: /* @__PURE__ */ v(x, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Pending]: /* @__PURE__ */ v(C, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Paid]: /* @__PURE__ */ v(b, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.All]: /* @__PURE__ */ v(S, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	})
+};
+function E({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S }) {
+	let C = g(() => ({
+		...u,
+		...l,
+		queues: {
+			...u.queues,
+			...l?.queues
+		}
+	}), [l]), [E, D] = _(!1), [O, k] = _(), [A, j] = _(!1), [M, N] = _(), [P, F] = _(!1), [I, L] = _(!1), { initResponse: R } = r(), z = t(R?.scopes, [n.PayableReadOrg]), B = t(R?.scopes, [n.PayableWriteOrg]), V = !R || z, H = !R || B, U = m((e, t) => {
+		if (t && H) {
+			k(e), j(!0);
+			return;
+		}
+		N(e), F(!0);
+	}, [H]), W = f({
+		enabled: V,
+		onOpenBill: U
+	}), G = g(() => c.map((e) => ({
+		id: e,
+		label: C.queues[e],
+		icon: T[e]
+	})), [C.queues]), K = () => {
+		F(!1), L(!0);
+	}, q = g(() => ({
+		createButton: C.createButton,
+		addBill: { heading: C.emptyHeading }
+	}), [C.createButton, C.emptyHeading]), J = () => {
+		D(!1), k(void 0), j(!0);
+	}, Y = (e) => {
+		D(!1), b?.(e);
+	}, X = async () => {
+		await p(w) ? e.success(C.emailCopiedToast) : e.error(C.emailCopyFailedToast);
+	};
+	return h(() => {
+		x && (k(x), j(!0), S?.());
+	}, [S, x]), /* @__PURE__ */ y("div", {
+		"data-testid": d.root,
+		children: [
+			/* @__PURE__ */ v(a, {
+				rows: W.rows,
+				isLoading: W.isLoading || !R,
+				isError: W.isError,
+				onRetry: W.onRetry,
+				sorting: W.sorting,
+				onSortingChange: W.onSortingChange,
+				pageSize: W.pageSize,
+				onPageSizeChange: W.onPageSizeChange,
+				hasNextPage: W.hasNextPage,
+				hasPrevPage: W.hasPrevPage,
+				onNextPage: W.onNextPage,
+				onPrevPage: W.onPrevPage,
+				filterTabs: G,
+				selectedFilterTabId: W.selectedFilterTabId,
+				onFilterTabChange: W.onFilterTabChange,
+				searchValue: W.searchValue,
+				onSearchChange: W.onSearchChange,
+				isFiltering: W.hasAnyBills,
+				onCreateClick: H ? () => D(!0) : void 0,
+				onEnterManually: H ? J : void 0,
+				onFilesSelected: H ? Y : void 0,
+				emailAddress: w,
+				onCopyEmail: X,
+				labels: q
+			}),
+			H ? /* @__PURE__ */ v(i, {
+				open: E,
+				onOpenChange: D,
+				onFilesSelected: Y,
+				onEnterManually: J,
+				emailAddress: w,
+				onCopyEmail: X,
+				labels: { heading: W.hasAnyBills ? C.nonEmptyHeading : C.emptyHeading }
+			}) : null,
+			A ? /* @__PURE__ */ v(o, {
+				open: A,
+				onOpenChange: j,
+				payableId: O
+			}) : null,
+			P ? /* @__PURE__ */ v(s, {
+				open: P,
+				onOpenChange: F,
+				payableId: M,
+				onClose: () => F(!1),
+				onExpand: K,
+				testId: d.detailsSheet
+			}) : null,
+			I ? /* @__PURE__ */ v(o, {
+				open: I,
+				onOpenChange: L,
+				payableId: M,
+				readOnly: !0,
+				copy: { readOnlyTitle: C.viewBillTitle }
+			}) : null
+		]
+	});
+}
 //#endregion
-export { e as billPayUploadQueueKey };
+export { E as BillsTab, E as default };

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

@@ -1,9 +1,5 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.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`,
-	failedCaption: (e) => `${e} failed to upload`
-};
-//#endregion
-export { e as BILL_UPLOAD_QUEUE_LABELS_EN };
+import "./index22.js";
+import "./index24.js";
+import "./index25.js";
+import "./index26.js";
+import "./index27.js";