@tesouro/embedded-components-react 0.3.22 → 0.3.24

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

@@ -2,113 +2,208 @@
 "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 { 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 { 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 { useWidgetConfig as ee, useWidgetInitStaleForToken as r } 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 { AddBillDialog as i } from "../../ui/dist/index10.js";
+import { BillsScreen as a } from "../../ui/dist/index64.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";
+import { BillCreateDialog as o } from "./index44.js";
+import "./index45.js";
+import { BillDetailsContainer as s } from "./index48.js";
+import "./index49.js";
+import "./index55.js";
+import "./index56.js";
+import { DuplicateBillsContainer as te } from "./index59.js";
+import "./index60.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index61.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index63.js";
+import { useBillsTable as ne } from "./index69.js";
+import { copyTextToClipboard as re } from "./index62.js";
+import { billsTabTestIds as d, billsTableCellTestIds as f } from "./index64.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/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 })
+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 { T as BillPayWidgetNative, T as default };
+export { w as BillsTab, w as default };

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

@@ -1 +1,4 @@
+import "./index61.js";
+import "./index63.js";
+import "./index69.js";
 import "./index70.js";

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

@@ -1,25 +1,8 @@
-"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
-	});
-}
+var e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
 //#endregion
-export { a as BillPayWidget, a as default };
+export { e as DEFAULT_TABS_LABELS };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index73.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 "./index55.js";
+import "./index56.js";
+import { billsTabTestIds as u } from "./index64.js";
+import { BillsTab as d } from "./index70.js";
+import "./index71.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index50.js";
+import { DEFAULT_TABS_LABELS as m } from "./index72.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/index73.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/index74.js

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

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index75.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 "./index51.js";
+import "./index52.js";
+import { BillPayWidgetNative as r } from "./index73.js";
+import "./index74.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index75.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/index8.js

@@ -1,26 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js
-var e = new Intl.DateTimeFormat("en-CA", {
-	timeZone: "America/New_York",
-	year: "numeric",
-	month: "2-digit",
-	day: "2-digit"
-});
-function t(t = /* @__PURE__ */ new Date()) {
-	let n = e.formatToParts(t), r = Object.fromEntries(n.map((e) => [e.type, e.value]));
-	return `${r.year}-${r.month}-${r.day}`;
-}
-function n(e) {
-	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
-}
-function r(e, r = /* @__PURE__ */ new Date()) {
-	return n(e) === t(r);
-}
-function i(e = /* @__PURE__ */ new Date()) {
-	let [n, r, i] = t(e).split("-").map(Number);
-	return new Date(n, r - 1, i);
-}
-function a(e, r = /* @__PURE__ */ new Date()) {
-	return n(e) < t(r);
-}
+var e = {
+	scheduleDialog: "pay-bill-schedule-dialog",
+	reviewDialog: "pay-bill-review-dialog"
+};
 //#endregion
-export { n as dateToCalendarKey, i as getDefaultPaymentDate, t as getEasternDateKey, a as isPastEasternDate, r as isTodayInEastern };
+export { e as payBillFlowTestIds };