@tesouro/embedded-components-react 0.2.333 → 0.2.336

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

@@ -1,5 +1,162 @@
+"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/index54.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index38.js";
+import "./index39.js";
+import { BillDetailsContainer as s } from "./index42.js";
+import "./index43.js";
+import "./index49.js";
 import "./index50.js";
-import "./index52.js";
-import "./index53.js";
-import "./index54.js";
-import "./index55.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index51.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index53.js";
+import { billsTabTestIds as d } from "./index54.js";
+import { useBillsTable as f } from "./index55.js";
+import { copyTextToClipboard as p } from "./index52.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/index56.js
+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
+		},
+		queueEmptyStates: c.reduce((e, t) => ({
+			...e,
+			[t]: {
+				...u.queueEmptyStates[t],
+				...l?.queueEmptyStates?.[t]
+			}
+		}), {})
+	}), [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;
+		}
+		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.nonEmptyHeading }
+	}), [w.createButton, w.nonEmptyHeading]), 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,
+				visibleColumns: G.visibleColumns,
+				isSearchActive: G.isSearchActive,
+				showAddPanelWhenEmpty: G.showAddPanelWhenEmpty,
+				emptyState: w.queueEmptyStates[G.selectedFilterTabId],
+				onCreateClick: U ? () => O(!0) : void 0,
+				onEnterManually: U ? Y : void 0,
+				onFilesSelected: U ? X : void 0,
+				maxFiles: 10,
+				emailAddress: T,
+				onCopyEmail: Z,
+				labels: J
+			}),
+			U ? /* @__PURE__ */ v(i, {
+				open: D,
+				onOpenChange: O,
+				onFilesSelected: X,
+				maxFiles: 10,
+				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 BillsTab, D as default };

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

@@ -1,8 +1,5 @@
-//#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 };
+import "./index51.js";
+import "./index53.js";
+import "./index54.js";
+import "./index55.js";
+import "./index56.js";

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

@@ -1,115 +1,8 @@
-"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/index57.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 "./index48.js";
-import "./index49.js";
-import { billsTabTestIds as u } from "./index53.js";
-import { BillsTab 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 = 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",
-			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: 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 e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
 //#endregion
-export { T as BillPayWidgetNative, T as default };
+export { e as DEFAULT_TABS_LABELS };

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

@@ -1 +1,115 @@
-import "./index58.js";
+"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/index57.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 "./index49.js";
+import "./index50.js";
+import { billsTabTestIds as u } from "./index54.js";
+import { BillsTab as d } from "./index56.js";
+import "./index57.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index44.js";
+import { DEFAULT_TABS_LABELS as m } from "./index58.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/index59.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",
+			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: 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/index60.js

@@ -1,25 +1 @@
-"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/index61.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 "./index45.js";
+import "./index46.js";
+import { BillPayWidgetNative as r } from "./index59.js";
+import "./index60.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.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/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.2.333", n = "d1bfe509303829c1a994024a248c37427654d726", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.336", n = "b339a6da1637305cf4138018098d46f29e199096", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -9,7 +9,7 @@ import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProg
 import "../../../shared/feature/dist/index.js";
 import { BankAccountsWidget as r } from "../../../bank-accounts-widget/feature/dist/index8.js";
 import "../../../bank-accounts-widget/feature/dist/index.js";
-import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index60.js";
+import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index61.js";
 import "../../../bill-pay-widget/feature/dist/index.js";
 import { CardsWidget as a } from "../../../cards-widget/feature/dist/index8.js";
 import "../../../cards-widget/feature/dist/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.2.333",
+  "version": "0.2.336",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {