@tesouro/embedded-components-react 0.3.19 → 0.3.22

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

@@ -2,113 +2,112 @@
 "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/index44.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index63.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 { useBillUploadQueue as l } from "./index52.js";
-import "./index53.js";
-import { billsTabTestIds as u } from "./index61.js";
-import { BillsTab as d } from "./index63.js";
-import "./index64.js";
-import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index47.js";
-import { DEFAULT_TABS_LABELS as m } from "./index65.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";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { resolveVendorName as n } from "./index3.js";
+import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { derivePayableStatus as a } from "./index22.js";
+import { BillQueue as o, DEFAULT_BILL_QUEUE as s, billQueueColumns as c, billQueueHasScheduledPayment as l, billQueueOffersAddPanel as u, billQueueStatuses as d, billSortColumnId as f, billSortField as p } from "./index58.js";
+import { useBillsFilters as m } from "./index65.js";
+import { useCallback as h, useEffect as g, useMemo as _, useState as v } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.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 = l({ onOpenBill: L }), z = [{
-		id: S.Bills,
-		label: k.bills,
-		content: /* @__PURE__ */ b(d, {
-			onEnqueueFiles: R.enqueue,
-			openPayableId: F,
-			onOpenPayableHandled: () => I(void 0),
-			poweredByBankName: D
-		})
-	}, {
-		id: S.Vendors,
-		label: k.vendors,
-		content: /* @__PURE__ */ b(h, {
-			...E,
-			counterpartType: "vendor",
-			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: u.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 })
-	});
+var y = 10, b = [{
+	id: "addedOnLabel",
+	desc: !0
+}];
+function x({ enabled: x = !0, canReadVendors: S = !0, isVendorFilterPaused: C = !1, filterLabels: w, onOpenBill: T, duplicateBillIds: E, duplicateBadgeLabel: D, attachmentLabel: O }) {
+	let [k, A] = v(s), [j, M] = v(b), [N, P] = v(y), [F, I] = v(), [L, R] = v(""), [z, B] = v(""), V = h(() => I(void 0), []);
+	g(() => {
+		let e = setTimeout(() => {
+			B(L), V();
+		}, 300);
+		return () => clearTimeout(e);
+	}, [L, V]);
+	let H = m({
+		offersStatusFilter: k === o.All,
+		offersVendorFilter: S,
+		isVendorFilterPaused: C,
+		labels: w,
+		onFiltersChange: V
+	}), U = j[0], W = p(U?.id), G = r({
+		...H.query,
+		limit: N,
+		pagination_token: F,
+		status__in: d(k) ?? H.query.status__in,
+		has_scheduled_payment: l(k),
+		counterpart_name__icontains: z || void 0,
+		sort: W,
+		order: W ? U?.desc ? "desc" : "asc" : void 0,
+		enabled: x
+	}), K = G.data?.data.length === 0, q = i({ enabled: x && K }), J = !K || (q.data?.count ?? 1) > 0, Y = _(() => new Set(E), [E]), X = _(() => (G.data?.data ?? []).map((r) => {
+		let i = a({
+			apiStatus: r.status,
+			dueDate: r.due_date,
+			scheduledPaymentDate: r.scheduled_payment_date
+		}), o = r.amount_due ?? r.total_amount, s = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
+		return {
+			vendorLabel: n(r),
+			issueDateLabel: e(r.issued_at),
+			dueDateLabel: e(r.due_date),
+			scheduledDateLabel: e(r.scheduled_payment_date),
+			paidDateLabel: e(r.paid_at?.slice(0, 10)),
+			amountDueLabel: s(o),
+			amountPaidLabel: s(r.amount_paid),
+			amountScheduledLabel: s(r.amount_to_pay ?? o),
+			totalAmountLabel: s(r.total_amount),
+			attachment: r.file_id ? { label: O } : void 0,
+			status: i.status,
+			statusTone: i.tone,
+			addedOnLabel: e(r.created_at?.slice(0, 10)),
+			duplicateBadge: Y.has(r.id) ? {
+				label: D,
+				tone: "warning"
+			} : void 0,
+			onOpen: () => T(r.id, i.status === "draft")
+		};
+	}), [
+		G.data?.data,
+		Y,
+		D,
+		O,
+		T
+	]), Z = h((e) => {
+		let t = e;
+		A(t), M((e) => {
+			let n = e[0]?.id;
+			return n ? c(t).some((e) => f(e) === n) ? e : b : e;
+		}), V();
+	}, [V]), Q = h((e) => {
+		M((t) => typeof e == "function" ? e(t) : e), V();
+	}, [V]), $ = h((e) => {
+		P(e), V();
+	}, [V]), ee = h(() => I(G.data?.next_pagination_token ?? void 0), [G.data?.next_pagination_token]), te = h(() => I(G.data?.prev_pagination_token ?? void 0), [G.data?.prev_pagination_token]), ne = h(() => {
+		G.refetch();
+	}, [G.refetch]);
+	return {
+		rows: X,
+		isLoading: G.isFetching || K && q.isLoading,
+		isError: G.isError,
+		onRetry: ne,
+		selectedFilterTabId: k,
+		onFilterTabChange: Z,
+		searchValue: L,
+		onSearchChange: R,
+		hasAnyBills: J,
+		isSearchActive: z.length > 0 || H.isFilterActive,
+		filterBarProps: H.filterBarProps,
+		visibleColumns: c(k),
+		showAddPanelWhenEmpty: u(k),
+		sorting: j,
+		onSortingChange: Q,
+		pageSize: N,
+		onPageSizeChange: $,
+		hasNextPage: !!G.data?.next_pagination_token,
+		hasPrevPage: !!G.data?.prev_pagination_token,
+		onNextPage: ee,
+		onPrevPage: te
+	};
 }
 //#endregion
-export { T as BillPayWidgetNative, T as default };
+export { x as useBillsTable };

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

@@ -1 +1,209 @@
-import "./index66.js";
+"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 ee, useWidgetInitStaleForToken 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/index64.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index41.js";
+import "./index42.js";
+import { BillDetailsContainer as s } from "./index45.js";
+import "./index46.js";
+import "./index52.js";
+import "./index53.js";
+import { DuplicateBillsContainer as te } from "./index56.js";
+import "./index57.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index58.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index60.js";
+import { useBillsTable as ne } from "./index66.js";
+import { copyTextToClipboard as re } from "./index59.js";
+import { billsTabTestIds as d, billsTableCellTestIds as f } from "./index61.js";
+import { useCallback as p, useEffect as ie, useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CalendarClockIcon as v, CheckIcon as y, FilePenIcon as b, ListIcon as x, LoaderCircleIcon as S } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js
+var C = "bills@business-banking.app", ae = {
+	[l.Drafts]: /* @__PURE__ */ g(b, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Pending]: /* @__PURE__ */ g(S, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Scheduled]: /* @__PURE__ */ g(v, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Paid]: /* @__PURE__ */ g(y, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.All]: /* @__PURE__ */ g(x, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	})
+};
+function w({ labels: l, onEnqueueFiles: v, openPayableId: y, onOpenPayableHandled: b, poweredByBankName: x, duplicateBills: S }) {
+	let w = m(() => ({
+		...u,
+		...l,
+		queues: {
+			...u.queues,
+			...l?.queues
+		},
+		filters: {
+			...u.filters,
+			...l?.filters,
+			presets: {
+				...u.filters.presets,
+				...l?.filters?.presets
+			},
+			statuses: {
+				...u.filters.statuses,
+				...l?.filters?.statuses
+			},
+			dateFieldNames: {
+				...u.filters.dateFieldNames,
+				...l?.filters?.dateFieldNames
+			}
+		},
+		filterBar: {
+			...u.filterBar,
+			...l?.filterBar
+		},
+		queueEmptyStates: c.reduce((e, t) => ({
+			...e,
+			[t]: {
+				...u.queueEmptyStates[t],
+				...l?.queueEmptyStates?.[t]
+			}
+		}), {})
+	}), [l]), [T, E] = h(!1), [D, O] = h(), [k, A] = h(!1), [j, M] = h(), [N, P] = h(!1), [F, I] = h(!1), [L, R] = h(!1), { initResponse: z } = ee(), B = r(), V = t(z?.scopes, [n.PayableReadOrg]), H = t(z?.scopes, [n.PayableWriteOrg]), U = !z || V, W = !z || H, G = p((e, t) => {
+		if (t && W) {
+			O(e), A(!0);
+			return;
+		}
+		M(e), P(!0);
+	}, [W]), K = m(() => (S ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [S]), q = t(z?.scopes, [n.CounterpartReadOrg]), J = ne({
+		enabled: U,
+		canReadVendors: q,
+		isVendorFilterPaused: B,
+		filterLabels: w.filters,
+		onOpenBill: G,
+		duplicateBillIds: K,
+		duplicateBadgeLabel: w.duplicateBadge,
+		attachmentLabel: w.attachmentIndicator
+	}), Y = (e) => !!(e && K.includes(e)), X = K.length, oe = X === 0 ? void 0 : X === 1 ? w.duplicateWarningOne : w.duplicateWarningMany(X), se = m(() => c.map((e) => ({
+		id: e,
+		label: w.queues[e],
+		icon: ae[e]
+	})), [w.queues]), ce = (e) => {
+		R(!1), M(e), P(!0);
+	}, le = () => {
+		P(!1), I(!0);
+	}, ue = m(() => ({
+		createButton: w.createButton,
+		addBill: { heading: w.nonEmptyHeading }
+	}), [w.createButton, w.nonEmptyHeading]), de = m(() => ({
+		...J.filterBarProps,
+		labels: w.filterBar
+	}), [J.filterBarProps, w.filterBar]), Z = () => {
+		E(!1), O(void 0), A(!0);
+	}, Q = (e) => {
+		E(!1), v?.(e);
+	}, $ = async () => {
+		await re(C) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
+	};
+	return ie(() => {
+		y && (O(y), A(!0), b?.());
+	}, [b, y]), /* @__PURE__ */ _("div", {
+		"data-testid": d.root,
+		children: [
+			/* @__PURE__ */ g(a, {
+				rows: J.rows,
+				isLoading: J.isLoading || !z,
+				isError: J.isError,
+				onRetry: J.onRetry,
+				sorting: J.sorting,
+				onSortingChange: J.onSortingChange,
+				pageSize: J.pageSize,
+				onPageSizeChange: J.onPageSizeChange,
+				hasNextPage: J.hasNextPage,
+				hasPrevPage: J.hasPrevPage,
+				onNextPage: J.onNextPage,
+				onPrevPage: J.onPrevPage,
+				filterTabs: se,
+				selectedFilterTabId: J.selectedFilterTabId,
+				onFilterTabChange: J.onFilterTabChange,
+				searchValue: J.searchValue,
+				onSearchChange: J.onSearchChange,
+				filters: de,
+				visibleColumns: J.visibleColumns,
+				cellTestIds: f,
+				isSearchActive: J.isSearchActive,
+				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
+				emptyState: w.queueEmptyStates[J.selectedFilterTabId],
+				onCreateClick: W ? () => E(!0) : void 0,
+				onEnterManually: W ? Z : void 0,
+				onFilesSelected: W ? Q : void 0,
+				maxFiles: 10,
+				emailAddress: C,
+				onCopyEmail: $,
+				duplicateWarning: oe,
+				onReviewDuplicates: () => R(!0),
+				labels: ue
+			}),
+			L ? /* @__PURE__ */ g(te, {
+				open: L,
+				onOpenChange: R,
+				bills: S,
+				canManageDuplicates: W,
+				onOpenBill: ce
+			}) : null,
+			W ? /* @__PURE__ */ g(i, {
+				open: T,
+				onOpenChange: E,
+				onFilesSelected: Q,
+				maxFiles: 10,
+				onEnterManually: Z,
+				emailAddress: C,
+				onCopyEmail: $,
+				labels: { heading: J.hasAnyBills ? w.nonEmptyHeading : w.emptyHeading }
+			}) : null,
+			k ? /* @__PURE__ */ g(o, {
+				open: k,
+				onOpenChange: A,
+				payableId: D,
+				isPossibleDuplicate: Y(D)
+			}) : null,
+			N ? /* @__PURE__ */ g(s, {
+				open: N,
+				onOpenChange: P,
+				payableId: j,
+				onClose: () => P(!1),
+				onExpand: le,
+				isPossibleDuplicate: Y(j),
+				testId: d.detailsSheet,
+				poweredByBankName: x
+			}) : null,
+			F ? /* @__PURE__ */ g(o, {
+				open: F,
+				onOpenChange: I,
+				payableId: j,
+				readOnly: !0,
+				poweredByBankName: x,
+				isPossibleDuplicate: Y(j)
+			}) : null
+		]
+	});
+}
+//#endregion
+export { w as BillsTab, w as default };

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

@@ -1,25 +1,4 @@
-"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 "./index48.js";
-import "./index49.js";
-import { BillPayWidgetNative as r } from "./index66.js";
+import "./index58.js";
+import "./index60.js";
+import "./index66.js";
 import "./index67.js";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.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/index69.js

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index69.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/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/index75.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index78.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index79.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index82.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js
 var r = {

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

@@ -0,0 +1,114 @@
+"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/index44.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index67.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 { useBillUploadQueue as l } from "./index52.js";
+import "./index53.js";
+import { billsTabTestIds as u } from "./index61.js";
+import { BillsTab as d } from "./index67.js";
+import "./index68.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index47.js";
+import { DEFAULT_TABS_LABELS as m } from "./index69.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/index70.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 = l({ onOpenBill: L }), z = [{
+		id: S.Bills,
+		label: k.bills,
+		content: /* @__PURE__ */ b(d, {
+			onEnqueueFiles: R.enqueue,
+			openPayableId: F,
+			onOpenPayableHandled: () => I(void 0),
+			poweredByBankName: D
+		})
+	}, {
+		id: S.Vendors,
+		label: k.vendors,
+		content: /* @__PURE__ */ b(h, {
+			...E,
+			counterpartType: "vendor",
+			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: u.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/index71.js

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

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.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 "./index48.js";
+import "./index49.js";
+import { BillPayWidgetNative as r } from "./index70.js";
+import "./index71.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.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 };