@tesouro/embedded-components-react 0.2.326 → 0.2.328

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

@@ -2,84 +2,147 @@
 "use client";
 "use client";
 "use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index10.js";
-import { usePayableOcrQueries as n } from "../../data-access/dist/index12.js";
-import "../../data-access/dist/index.js";
-import { billPayUploadQueueKey as r } from "./index49.js";
-import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index50.js";
-import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+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/index53.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index37.js";
+import "./index38.js";
+import { BillDetailsContainer as s } from "./index41.js";
+import "./index42.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index46.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index48.js";
+import { billsTabTestIds as d } from "./index49.js";
+import { useBillsTable as f } from "./index50.js";
+import { copyTextToClipboard as p } from "./index47.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 { CalendarClockIcon as b, CheckIcon as x, FilePenIcon as S, ListIcon as C, LoaderCircleIcon as w } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js
-function d({ onOpenBill: d, labels: f } = {}) {
-	let p = {
-		...i,
-		...f
-	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
-		queryKey: g,
-		queryFn: () => h.getQueryData(g) ?? [],
-		staleTime: Infinity,
-		gcTime: Infinity,
-		initialData: []
-	}), x = a((e, t) => {
-		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
-			...n,
-			...t
-		} : n));
-	}, [h, g]), S = a((e) => {
-		y(!1);
-		for (let t of e) {
-			let e = crypto.randomUUID();
-			h.setQueryData(g, (n) => [...n ?? [], {
-				localId: e,
-				fileName: t.name,
-				status: "uploading"
-			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+var T = "bills@business-banking.app", E = {
+	[l.Drafts]: /* @__PURE__ */ v(S, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Pending]: /* @__PURE__ */ v(w, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Scheduled]: /* @__PURE__ */ v(b, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Paid]: /* @__PURE__ */ v(x, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.All]: /* @__PURE__ */ v(C, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	})
+};
+function D({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandled: S, poweredByBankName: C }) {
+	let w = g(() => ({
+		...u,
+		...l,
+		queues: {
+			...u.queues,
+			...l?.queues
 		}
-	}, [
-		x,
-		h,
-		g,
-		_
-	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
-	o(() => {
-		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
-			let r = b.find((t) => t.payableId === e && t.status === "uploading");
-			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+	}), [l]), [D, O] = _(!1), [k, A] = _(), [j, M] = _(!1), [N, P] = _(), [F, I] = _(!1), [L, R] = _(!1), { initResponse: z } = r(), B = t(z?.scopes, [n.PayableReadOrg]), V = t(z?.scopes, [n.PayableWriteOrg]), H = !z || B, U = !z || V, W = m((e, t) => {
+		if (t && U) {
+			A(e), M(!0);
+			return;
 		}
-	}, [
-		b,
-		C,
-		x
-	]);
-	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
-		id: e.localId,
-		fileName: e.fileName,
-		status: e.status,
-		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
-	}), O = w.length ? [{
-		id: "in-progress",
-		items: b.map(D)
-	}] : [...T.length ? [{
-		id: "ready",
-		caption: p.readyCaption(T.length),
-		items: T.map(D)
-	}] : [], ...E.length ? [{
-		id: "failed",
-		caption: p.failedCaption(E.length),
-		items: E.map(D)
-	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
-		h.setQueryData(g, []);
-	}, [h, g]);
-	return {
-		enqueue: S,
-		sections: O,
-		summaryLabel: k,
-		collapsed: v,
-		onToggleCollapsed: a(() => y((e) => !e), []),
-		onClose: A,
-		isVisible: b.length > 0
+		P(e), I(!0);
+	}, [U]), G = f({
+		enabled: H,
+		onOpenBill: W
+	}), K = g(() => c.map((e) => ({
+		id: e,
+		label: w.queues[e],
+		icon: E[e]
+	})), [w.queues]), q = () => {
+		I(!1), R(!0);
+	}, J = g(() => ({
+		createButton: w.createButton,
+		addBill: { heading: w.emptyHeading }
+	}), [w.createButton, w.emptyHeading]), Y = () => {
+		O(!1), A(void 0), M(!0);
+	}, X = (e) => {
+		O(!1), b?.(e);
+	}, Z = async () => {
+		await p(T) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
 	};
+	return h(() => {
+		x && (A(x), M(!0), S?.());
+	}, [S, x]), /* @__PURE__ */ y("div", {
+		"data-testid": d.root,
+		children: [
+			/* @__PURE__ */ v(a, {
+				rows: G.rows,
+				isLoading: G.isLoading || !z,
+				isError: G.isError,
+				onRetry: G.onRetry,
+				sorting: G.sorting,
+				onSortingChange: G.onSortingChange,
+				pageSize: G.pageSize,
+				onPageSizeChange: G.onPageSizeChange,
+				hasNextPage: G.hasNextPage,
+				hasPrevPage: G.hasPrevPage,
+				onNextPage: G.onNextPage,
+				onPrevPage: G.onPrevPage,
+				filterTabs: K,
+				selectedFilterTabId: G.selectedFilterTabId,
+				onFilterTabChange: G.onFilterTabChange,
+				searchValue: G.searchValue,
+				onSearchChange: G.onSearchChange,
+				isFiltering: G.hasAnyBills,
+				onCreateClick: U ? () => O(!0) : void 0,
+				onEnterManually: U ? Y : void 0,
+				onFilesSelected: U ? X : void 0,
+				emailAddress: T,
+				onCopyEmail: Z,
+				labels: J
+			}),
+			U ? /* @__PURE__ */ v(i, {
+				open: D,
+				onOpenChange: O,
+				onFilesSelected: X,
+				onEnterManually: Y,
+				emailAddress: T,
+				onCopyEmail: Z,
+				labels: { heading: G.hasAnyBills ? w.nonEmptyHeading : w.emptyHeading }
+			}) : null,
+			j ? /* @__PURE__ */ v(o, {
+				open: j,
+				onOpenChange: M,
+				payableId: k
+			}) : null,
+			F ? /* @__PURE__ */ v(s, {
+				open: F,
+				onOpenChange: I,
+				payableId: N,
+				onClose: () => I(!1),
+				onExpand: q,
+				testId: d.detailsSheet,
+				poweredByBankName: C
+			}) : null,
+			L ? /* @__PURE__ */ v(o, {
+				open: L,
+				onOpenChange: R,
+				payableId: N,
+				readOnly: !0,
+				poweredByBankName: C
+			}) : null
+		]
+	});
 }
 //#endregion
-export { d as useBillUploadQueue };
+export { D as BillsTab, D as default };

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

@@ -1,3 +1,5 @@
+import "./index46.js";
+import "./index48.js";
 import "./index49.js";
 import "./index50.js";
 import "./index51.js";

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

@@ -1,8 +1,8 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
-};
+var e = (e) => [
+	"bill-pay",
+	"upload-queue",
+	e ?? ""
+];
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { e as billPayUploadQueueKey };

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

@@ -1,115 +1,9 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetUi as o } from "../../ui/dist/index38.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index48.js";
-import "../../ui/dist/index.js";
-import { billsTabTestIds as c } from "./index45.js";
-import { BillsTab as l } from "./index47.js";
-import "./index48.js";
-import { useBillUploadQueue as u } from "./index51.js";
-import "./index52.js";
-import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index39.js";
-import { DEFAULT_TABS_LABELS as p } from "./index53.js";
-import { ApprovalPoliciesSettings as m } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
-import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useCallback as g, useEffect as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
-var S = {
-	Bills: "bills",
-	Vendors: "vendors",
-	Settings: "settings"
-}, C = [
-	S.Bills,
-	S.Vendors,
-	S.Settings
-];
-function w({ labels: i, tabsLabels: f, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
-	let O = r();
-	_(() => {
-		O(d.Mounted);
-	}, [O]);
-	let k = {
-		...p,
-		...f
-	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
-		P(S.Bills), I(e);
-	}, []), R = u({ onOpenBill: L }), z = [{
-		id: S.Bills,
-		label: k.bills,
-		content: /* @__PURE__ */ b(l, {
-			onEnqueueFiles: R.enqueue,
-			openPayableId: F,
-			onOpenPayableHandled: () => I(void 0),
-			poweredByBankName: D
-		})
-	}, {
-		id: S.Vendors,
-		label: k.vendors,
-		content: /* @__PURE__ */ b(h, {
-			...E,
-			counterpartType: "vendor",
-			showTitle: !1,
-			onViewAllDocuments: () => P(S.Bills)
-		})
-	}];
-	M && z.push({
-		id: S.Settings,
-		label: k.settings,
-		content: /* @__PURE__ */ b(m, {
-			labels: w,
-			componentLabels: T
-		})
-	});
-	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(n, {}),
-		/* @__PURE__ */ b(o, {
-			labels: i,
-			tabs: z,
-			selectedTabId: B,
-			onTabChange: P
-		}),
-		R.isVisible ? /* @__PURE__ */ b(s, {
-			sections: R.sections,
-			summaryLabel: R.summaryLabel,
-			collapsed: R.collapsed,
-			onToggleCollapsed: R.onToggleCollapsed,
-			onClose: R.onClose,
-			testId: c.uploadTray
-		}) : null
-	] });
-}
-function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: p, ...m }) {
-	return /* @__PURE__ */ b(i, {
-		widgetName: f,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		disclosuresAcceptance: p,
-		children: /* @__PURE__ */ b(w, { ...m })
-	});
-}
+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 { T as BillPayWidgetNative, T as default };
+export { e as BILL_UPLOAD_QUEUE_LABELS_EN };

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

@@ -1 +1,85 @@
-import "./index54.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index10.js";
+import { usePayableOcrQueries as n } from "../../data-access/dist/index12.js";
+import "../../data-access/dist/index.js";
+import { billPayUploadQueueKey as r } from "./index53.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index54.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js
+function d({ onOpenBill: d, labels: f } = {}) {
+	let p = {
+		...i,
+		...f
+	}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
+		queryKey: g,
+		queryFn: () => h.getQueryData(g) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), x = a((e, t) => {
+		h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [h, g]), S = a((e) => {
+		y(!1);
+		for (let t of e) {
+			let e = crypto.randomUUID();
+			h.setQueryData(g, (n) => [...n ?? [], {
+				localId: e,
+				fileName: t.name,
+				status: "uploading"
+			}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
+		}
+	}, [
+		x,
+		h,
+		g,
+		_
+	]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	o(() => {
+		for (let { payableId: e, ocrStatus: t, isError: n } of C) {
+			let r = b.find((t) => t.payableId === e && t.status === "uploading");
+			r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
+		}
+	}, [
+		b,
+		C,
+		x
+	]);
+	let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
+		id: e.localId,
+		fileName: e.fileName,
+		status: e.status,
+		onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
+	}), O = w.length ? [{
+		id: "in-progress",
+		items: b.map(D)
+	}] : [...T.length ? [{
+		id: "ready",
+		caption: p.readyCaption(T.length),
+		items: T.map(D)
+	}] : [], ...E.length ? [{
+		id: "failed",
+		caption: p.failedCaption(E.length),
+		items: E.map(D)
+	}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
+		h.setQueryData(g, []);
+	}, [h, g]);
+	return {
+		enqueue: S,
+		sections: O,
+		summaryLabel: k,
+		collapsed: v,
+		onToggleCollapsed: a(() => y((e) => !e), []),
+		onClose: A,
+		isVisible: b.length > 0
+	};
+}
+//#endregion
+export { d as useBillUploadQueue };

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

@@ -1,25 +1,3 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetMonite as n } from "./index40.js";
-import "./index41.js";
-import { BillPayWidgetNative as r } from "./index54.js";
+import "./index53.js";
+import "./index54.js";
 import "./index55.js";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js
-function a({ implementation: a, ...o }) {
-	let s = t().implementation, c = a ?? s ?? e.Monite;
-	return c === e.Native ? /* @__PURE__ */ i(r, {
-		implementation: c,
-		...o
-	}) : /* @__PURE__ */ i(n, {
-		implementation: c,
-		...o
-	});
-}
-//#endregion
-export { a as BillPayWidget, a as default };

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

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js
+var e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
+//#endregion
+export { e as DEFAULT_TABS_LABELS };

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

@@ -0,0 +1,115 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetUi as o } from "../../ui/dist/index43.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index56.js";
+import "../../ui/dist/index.js";
+import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import "../../../shared/approval-policy/feature/dist/index.js";
+import { billsTabTestIds as l } from "./index49.js";
+import { BillsTab as u } from "./index51.js";
+import "./index52.js";
+import { useBillUploadQueue as d } from "./index55.js";
+import "./index56.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index43.js";
+import { DEFAULT_TABS_LABELS as m } from "./index57.js";
+import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
+import "../../../counterparts-widget/feature/dist/index.js";
+import { useCallback as g, useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js
+var S = {
+	Bills: "bills",
+	Vendors: "vendors",
+	Settings: "settings"
+}, C = [
+	S.Bills,
+	S.Vendors,
+	S.Settings
+];
+function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
+	let O = r();
+	_(() => {
+		O(f.Mounted);
+	}, [O]);
+	let k = {
+		...m,
+		...p
+	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
+		P(S.Bills), I(e);
+	}, []), R = d({ onOpenBill: L }), z = [{
+		id: S.Bills,
+		label: k.bills,
+		content: /* @__PURE__ */ b(u, {
+			onEnqueueFiles: R.enqueue,
+			openPayableId: F,
+			onOpenPayableHandled: () => I(void 0),
+			poweredByBankName: D
+		})
+	}, {
+		id: S.Vendors,
+		label: k.vendors,
+		content: /* @__PURE__ */ b(h, {
+			...E,
+			counterpartType: "vendor",
+			showTitle: !1,
+			onViewAllDocuments: () => P(S.Bills)
+		})
+	}];
+	M && z.push({
+		id: S.Settings,
+		label: k.settings,
+		content: /* @__PURE__ */ b(c, {
+			labels: w,
+			componentLabels: T
+		})
+	});
+	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
+	return /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b(n, {}),
+		/* @__PURE__ */ b(o, {
+			labels: i,
+			tabs: z,
+			selectedTabId: B,
+			onTabChange: P
+		}),
+		R.isVisible ? /* @__PURE__ */ b(s, {
+			sections: R.sections,
+			summaryLabel: R.summaryLabel,
+			collapsed: R.collapsed,
+			onToggleCollapsed: R.onToggleCollapsed,
+			onClose: R.onClose,
+			testId: l.uploadTray
+		}) : null
+	] });
+}
+function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, ...m }) {
+	return /* @__PURE__ */ b(i, {
+		widgetName: p,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: d,
+		disclosuresAcceptance: f,
+		children: /* @__PURE__ */ b(w, { ...m })
+	});
+}
+//#endregion
+export { T as BillPayWidgetNative, T as default };

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

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

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

@@ -0,0 +1,25 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetMonite as n } from "./index44.js";
+import "./index45.js";
+import { BillPayWidgetNative as r } from "./index58.js";
+import "./index59.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.js
+function a({ implementation: a, ...o }) {
+	let s = t().implementation, c = a ?? s ?? e.Monite;
+	return c === e.Native ? /* @__PURE__ */ i(r, {
+		implementation: c,
+		...o
+	}) : /* @__PURE__ */ i(n, {
+		implementation: c,
+		...o
+	});
+}
+//#endregion
+export { a as BillPayWidget, a as default };

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

@@ -1,6 +1,6 @@
 import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index6.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index57.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index60.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index65.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index68.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js
 var r = {