@tesouro/embedded-components-react 0.3.20 → 0.3.23

package/dist/index.css

@@ -1528,6 +1528,9 @@
   .ttw\:shrink-0 {
     flex-shrink: 0;
   }
+  .ttw\:shrink-\[9999\] {
+    flex-shrink: 9999;
+  }
   .ttw\:grow {
     flex-grow: 1;
   }
@@ -3321,6 +3324,9 @@
   .ttw\:whitespace-pre-line {
     white-space: pre-line;
   }
+  .ttw\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   .ttw\:\!text-gray-700 {
     color: var(--ttw-color-gray-700) !important;
   }
@@ -6086,6 +6092,9 @@
       margin-top: 1px;
     }
   }
+  .ttw\:\[\&\>\[role\=status\]\]\:min-w-0 > [role=status] {
+    min-width: 0px;
+  }
   .ttw\:\[\&\>a\]\:underline > a {
     text-decoration-line: underline;
   }

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/index72.js";
+import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index75.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/index72.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index75.js";
 import "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js";
 export { e as BillPayWidget };

package/dist/lib/monite-sdk.js

@@ -73,23 +73,23 @@ import { Payables as ht } from "../libs/tesouro-embedded-components-react/monite
 import { InvoicesTable as gt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index449.js";
 import { QuotesTable as _t } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js";
 import { CreditNotesTable as vt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index455.js";
-import { CreateReceivables as yt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index512.js";
-import { ReceivablesTable as bt, ReceivablesTableTabEnum as xt, useReceivablesTableProps as St } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index542.js";
-import { Receivables as Ct } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.js";
-import { ProductsTable as wt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index550.js";
-import { ProductDetails as Tt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index554.js";
-import { CreateProduct as Et } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index555.js";
-import { Products as Dt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index556.js";
-import { TagsTable as Ot } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index561.js";
-import { Tags as kt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index563.js";
-import { FinanceBanner as At } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index576.js";
-import { FinanceIntegrationCard as jt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index582.js";
-import { FinanceInvoice as Mt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index584.js";
-import { FinanceTab as Nt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index589.js";
-import { Integrations as Pt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index592.js";
-import { TemplateSettings as Ft } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index612.js";
-import { MoniteAPIProvider as It } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index619.js";
-import { MoniteProvider as Lt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index620.js";
-import { toast as Rt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index621.js";
+import { CreateReceivables as yt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index513.js";
+import { ReceivablesTable as bt, ReceivablesTableTabEnum as xt, useReceivablesTableProps as St } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.js";
+import { Receivables as Ct } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index544.js";
+import { ProductsTable as wt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index551.js";
+import { ProductDetails as Tt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index555.js";
+import { CreateProduct as Et } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index556.js";
+import { Products as Dt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index557.js";
+import { TagsTable as Ot } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index562.js";
+import { Tags as kt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index564.js";
+import { FinanceBanner as At } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index577.js";
+import { FinanceIntegrationCard as jt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index583.js";
+import { FinanceInvoice as Mt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index585.js";
+import { FinanceTab as Nt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index590.js";
+import { Integrations as Pt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index593.js";
+import { TemplateSettings as Ft } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index613.js";
+import { MoniteAPIProvider as It } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index620.js";
+import { MoniteProvider as Lt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index621.js";
+import { toast as Rt } from "../libs/tesouro-embedded-components-react/monite-sdk/dist/index622.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index.js";
 export { We as ApprovalPolicies, He as ApprovalPoliciesTable, Ve as ApprovalPolicyDetails, Ke as ApprovalRequests, Ge as ApprovalRequestsTable, w as Combobox, T as ComboboxChip, E as ComboboxChips, D as ComboboxChipsInput, O as ComboboxCollection, k as ComboboxContent, A as ComboboxEmpty, j as ComboboxGroup, M as ComboboxInput, N as ComboboxItem, P as ComboboxLabel, F as ComboboxList, I as ComboboxSeparator, L as ComboboxTrigger, R as ComboboxValue, ze as CounterpartAutocomplete, Fe as CounterpartDetails, Re as Counterparts, Et as CreateProduct, yt as CreateReceivables, vt as CreditNotesTable, Ie as CustomersTable, Me as Dialog, At as FinanceBanner, jt as FinanceIntegrationCard, Mt as FinanceInvoice, Nt as FinanceTab, Pt as Integrations, gt as InvoicesTable, ue as LOGO_MAX_FILE_SIZE_IN_MB, de as LOGO_SUPPORTED_FORMATS, It as MoniteAPIProvider, Lt as MoniteProvider, Pe as MoniteScopedProviders, fe as OCR_SUPPORTED_FORMATS, Ue as PageHeader, pt as PayableDetails, ht as Payables, mt as PayablesTable, Tt as ProductDetails, Dt as Products, wt as ProductsTable, _t as QuotesTable, Ct as Receivables, bt as ReceivablesTable, xt as ReceivablesTableTabEnum, se as RootElementsProvider, Be as TagFormModal, kt as Tags, Ot as TagsTable, Ft as TemplateSettings, Le as VendorsTable, Ce as breakpoints, t as countryCurrencyList, e as createAPIClient, g as dateStringToLocalDate, n as defaultAvailableCountries, a as defaultAvailableCurrencies, me as defaultCounterpartColumnWidth, o as filterOptions, _ as formatDateRangeFilterChip, v as formatFilterChipMultiSelectValueSegment, S as getCounterpartName, r as getCountries, i as getCountriesArray, s as getCurrencies, c as getCurrenciesArray, Y as getEntityName, l as getGroupTitleForOption, p as getIndividualName, m as getIndividualNameWithFallback, Qe as getPayableRefetchInterval, h as getUserDisplayName, u as rateMajorToMinor, d as rateMinorToMajor, f as sortCurrencyOptionsByGroup, Rt as toast, q as useApprovalPolicyById, he as useAreCounterpartsLoading, ge as useAutosizeGridColumns, st as useCancelPayableById, z as useComboboxAnchor, Se as useComponentSettings, H as useCounterpartAddresses, x as useCounterpartById, W as useCounterpartContactList, V as useCounterpartList, U as useCounterpartVatList, nt as useCreatePayable, it as useCreatePayableLineItem, Q as useCreatePaymentRecord, C as useCurrencies, ye as useDebounce, be as useDebounceCallback, ft as useDeletePayable, ot as useDeletePayableLineItem, Ne as useDialog, re as useEntitySettings, G as useEntityUserByAuthToken, K as useEntityUserById, J as useFileById, pe as useFileInput, ut as useForceApprovePayable, lt as useForceRejectPayable, _e as useFormPersist, tt as useGetPayableApprovalRequests, $e as useGetPayableById, qe as useGetPayableCounterpart, et as useGetPayableLineItems, B as useGetPayablesAnalytics, ae as useGetReceivableById, we as useIsDesktopScreen, Te as useIsExtraLargeDesktopScreen, Ee as useIsLargeDesktopScreen, De as useIsLargerThan, xe as useIsMobile, Oe as useIsMobileScreen, y as useIsMounted, ke as useIsSmallerThan, Ae as useIsTabletScreen, Ze as useLedgerAccounts, ve as useLocalStorageFields, X as useMe, je as useMediaQuery, le as useMenuButton, b as useMoniteContext, Z as useMyEntity, oe as useOptionalFields, ie as usePatchEntitiesIdSettings, Xe as usePayButtonVisibility, Ye as usePayableCallbacks, Je as usePayableDetailsThemeProps, $ as usePayablePaymentIntentsAndRecords, ne as usePaymentIntentById, ee as usePaymentRecordById, te as usePaymentRecords, St as useReceivablesTableProps, dt as useReopenPayable, ce as useRootElements, ct as useSubmitPayableForApproval, rt as useUpdatePayable, at as useUpdatePayableLineItem };

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

@@ -1,27 +1,27 @@
-import "./index10.js";
-import "./index11.js";
-import "./index22.js";
-import "./index28.js";
-import "./index37.js";
-import "./index39.js";
-import "./index41.js";
+import "./index13.js";
+import "./index14.js";
+import "./index25.js";
+import "./index31.js";
+import "./index40.js";
 import "./index42.js";
-import "./index43.js";
 import "./index44.js";
 import "./index45.js";
 import "./index46.js";
-import "./index50.js";
-import "./index51.js";
-import "./index52.js";
+import "./index47.js";
+import "./index48.js";
+import "./index49.js";
 import "./index53.js";
 import "./index54.js";
 import "./index55.js";
 import "./index56.js";
 import "./index57.js";
 import "./index58.js";
+import "./index59.js";
 import "./index60.js";
-import "./index66.js";
-import "./index67.js";
-import "./index68.js";
-import { BillPayWidget as e } from "./index72.js";
+import "./index61.js";
+import "./index63.js";
+import "./index69.js";
+import "./index70.js";
+import "./index71.js";
+import { BillPayWidget as e } from "./index75.js";
 export { e as BillPayWidget };

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

@@ -1,36 +1,35 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { resolveAmountDueMinorUnits as e } from "./index2.js";
-import { resolveVendor as t } from "./index3.js";
-import { payBillFlowTestIds as n } from "./index4.js";
-import { ReviewTransactionDialog as r } from "../../ui/dist/index80.js";
-import { SchedulePaymentDialog as i } from "../../ui/dist/index84.js";
-import "../../ui/dist/index.js";
-import { usePayBillFlow as a } from "./index9.js";
-import { useImperativeHandle as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { coerceAmountValueToMinorUnits as e } from "../../../shared/util/dist/lib/coerceAmountValueToMinorUnits.js";
+import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js
-function u({ ref: u, payable: d, poweredByBankName: f, labels: p }) {
-	let m = t(d), h = a({
-		payableId: d.id,
-		amountDueMinorUnits: e(d) ?? 0,
-		currencyCode: d.currency ?? void 0,
-		dueDate: d.due_date,
-		vendorName: m?.name ?? void 0,
-		vendorEmail: m?.email ?? void 0,
-		vendorBankAccount: m?.bank_account ?? void 0,
-		poweredByBankName: f,
-		labels: p
+var n = {
+	unnamedSourceAccount: "Bank account",
+	availableBalancePrefix: (e) => `Available balance: ${e}`,
+	futureInsufficientFunds: "Not enough funds right now. Add funds before the payment date.",
+	todayInsufficientFunds: "Not enough funds to pay today. Choose a different account or a later date."
+};
+function r(e) {
+	return e.slice(-4);
+}
+function i(i, a = n) {
+	return i.filter((e) => e.status === "ACTIVE").map((n) => {
+		let i = e(n.balance.value), o = n.balance.currencyCode;
+		return {
+			id: n.id,
+			primaryLabel: `${n.nickname || a.unnamedSourceAccount} - ${r(n.accountNumber)}`,
+			secondaryLabel: a.availableBalancePrefix(t(i / 100, { currencyCode: o })),
+			balanceMinorUnits: i
+		};
 	});
-	return o(u, () => ({ open: h.open }), [h.open]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {
-		...h.dialogProps,
-		testId: n.scheduleDialog
-	}), /* @__PURE__ */ c(r, {
-		...h.reviewProps,
-		testId: n.reviewDialog
-	})] });
+}
+function a({ selectedAccount: e, amountDueMinorUnits: t, isToday: r, labels: i = n }) {
+	let a = e?.balanceMinorUnits;
+	return a === void 0 ? { state: "warning" } : a >= t ? { state: "sufficient" } : r ? {
+		state: "error",
+		message: i.todayInsufficientFunds
+	} : {
+		state: "warning",
+		message: i.futureInsufficientFunds
+	};
 }
 //#endregion
-export { u as PayBillFlow, u as default };
+export { n as SOURCE_ACCOUNT_LABELS_EN, a as deriveSourceAccountFunds, i as mapSourceAccountOptions };

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

@@ -1 +1,42 @@
-import "./index10.js";
+import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index10.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/index85.js";
+import "../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index11.js
+var r = {
+	amountDue: "Amount due",
+	paymentAmount: "Payment amount",
+	dueDateSuffix: (e) => `by ${e}`,
+	paymentDate: "Payment date",
+	sourceAccount: "Pay from",
+	accountHolder: "Account holder name",
+	routingNumber: "Routing number",
+	accountNumber: "Account number",
+	achMethod: "Pay by ACH bank transfer",
+	scheduledToast: "Payment scheduled",
+	submitError: "Couldn't schedule this payment. Try again.",
+	selectAccountError: "Select a source account.",
+	selectDateError: "Select a payment date.",
+	staleDateError: "That date has passed. Choose a new payment date.",
+	missingPaymentInstructionsError: "This vendor does not have ACH payment instructions on file.",
+	missingVendorName: "Not provided",
+	...e,
+	scheduleDialog: n,
+	reviewDialog: t
+};
+function i(e) {
+	return {
+		...r,
+		...e,
+		scheduleDialog: {
+			...r.scheduleDialog,
+			...e?.scheduleDialog
+		},
+		reviewDialog: {
+			...r.reviewDialog,
+			...e?.reviewDialog
+		}
+	};
+}
+//#endregion
+export { r as PAY_BILL_FLOW_LABELS_EN, i as mergePayBillFlowLabels };

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

@@ -1,50 +1,165 @@
-import { ApprovalPoliciesSettingsDefaultLabels as e } from "../../../shared/approval-policy/feature/dist/lib/labels.js";
-import { parseApprovalPolicyScript as t } from "../../../shared/approval-policy/util/dist/lib/policyScript.js";
-import { parseApprovalPolicyTrigger as n } from "../../../shared/approval-policy/util/dist/lib/policyTrigger.js";
-import { buildPolicySentence as r, buildPolicyTitle as i } from "../../../shared/approval-policy/feature/dist/lib/policyViewModel.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useAllBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsCaptureException as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { formatCalendarDate as r } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatMoneyExact as i } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { extractApiErrorMessage as a } from "../../../shared/util/dist/lib/apiErrors.js";
+import "../../../shared/feature/dist/index.js";
+import { dateToCalendarKey as o, getDefaultPaymentDate as s, isPastEasternDate as c, isTodayInEastern as l } from "./index3.js";
+import { maskAccountNumber as u } from "./index9.js";
+import { deriveSourceAccountFunds as d, mapSourceAccountOptions as f } from "./index10.js";
+import { mergePayBillFlowLabels as p } from "./index11.js";
+import { useSchedulePaymentMutation as m } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { useMemo as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js
-var a = {
-	ruleTitleRange: e.ruleTitleRange,
-	ruleTitleUpTo: e.ruleTitleUpTo,
-	ruleTitleFrom: e.ruleTitleFrom,
-	ruleTitleAny: e.ruleTitleAny,
-	ruleSentenceRange: e.ruleSentenceRange,
-	ruleSentenceUpTo: e.ruleSentenceUpTo,
-	ruleSentenceFrom: e.ruleSentenceFrom,
-	ruleSentenceAny: e.ruleSentenceAny
-};
-function o({ policy: a, lookup: o, approvedUserIds: s, approvedRoleIds: c, copy: l }) {
-	let u = t(a.script);
-	if (!u.groups.length || !u.isSupported) return;
-	let d = [];
-	for (let [e, t] of u.groups.entries()) {
-		let n = [];
-		for (let e of [...t.roleIds, ...t.userIds]) {
-			let t = o.get(e);
-			t && n.push({
-				id: e,
-				label: t.label,
-				approved: t.kind === "user" ? s.has(e) : !!c?.has(e)
-			});
+function _(e) {
+	return !!(e?.account_holder_name && e.routing_number && e.account_number);
+}
+function v({ selectedDate: e, selectedAccount: t, amountDueMinorUnits: n, labels: r }) {
+	if (!e) return {
+		ok: !1,
+		error: r.selectDateError
+	};
+	if (c(e)) return {
+		ok: !1,
+		error: r.staleDateError
+	};
+	if (!t) return {
+		ok: !1,
+		error: r.selectAccountError
+	};
+	let i = d({
+		selectedAccount: t,
+		amountDueMinorUnits: n,
+		isToday: l(e),
+		labels: r
+	});
+	return i.state === "error" ? {
+		ok: !1,
+		error: i.message ?? r.todayInsufficientFunds
+	} : {
+		ok: !0,
+		date: e,
+		account: t
+	};
+}
+function y({ payableId: c, amountDueMinorUnits: y, currencyCode: b = "USD", dueDate: x, vendorName: S, vendorEmail: C, vendorBankAccount: w, poweredByBankName: T, labels: E }) {
+	let D = h(() => p(E), [E]), O = S ?? D.missingVendorName, [k, A] = g(!1), [j, M] = g(!1), [N, P] = g(() => s()), [F, I] = g(), L = t({ enabled: k || j }), R = m(), z = n(), B = h(() => f(L.data?.data ?? [], D), [L.data?.data, D]), V = B.find((e) => e.id === F), H = N ? l(N) : !1, U = { before: s() }, W = d({
+		selectedAccount: V,
+		amountDueMinorUnits: y,
+		isToday: H,
+		labels: D
+	}), G = i(y / 100, { currencyCode: b }), K = N ? r(o(N)) : void 0, q = x ? D.dueDateSuffix(r(x)) : void 0, J = () => v({
+		selectedDate: N,
+		selectedAccount: V,
+		amountDueMinorUnits: y,
+		labels: D
+	}), Y = () => {
+		if (!_(w)) {
+			e.error(D.missingPaymentInstructionsError);
+			return;
 		}
-		n.length && d.push({
-			id: `group-${e + 1}`,
-			chips: n
-		});
-	}
-	if (!d.length) return;
-	let { condition: f, hasKnownAmountBounds: p } = n(a.trigger);
-	if (!p) return;
-	let m = {
-		...e,
-		...l
+		A(!0);
+	}, X = () => {
+		M(!1), A(!1);
 	};
 	return {
-		title: i(f, m),
-		sentence: r(f, m),
-		steps: d
+		open: Y,
+		dialogProps: {
+			open: k,
+			onOpenChange: A,
+			amountDueLabel: D.amountDue,
+			amountDue: G,
+			dueDateSuffix: q,
+			paymentAmountLabel: D.paymentAmount,
+			paymentAmount: G,
+			selectedDate: N,
+			selectedDateLabel: K,
+			calendarDisabled: U,
+			isToday: H,
+			selectedAccountId: F,
+			accounts: B,
+			poweredByBankName: T,
+			funds: W,
+			isAccountsLoading: L.isLoading,
+			isAccountsError: L.isError,
+			isSubmitting: R.isPending,
+			onDateChange: P,
+			onAccountChange: I,
+			onReview: () => {
+				let t = J();
+				if (!t.ok) {
+					e.error(t.error);
+					return;
+				}
+				A(!1), M(!0);
+			},
+			onCancel: X,
+			labels: D.scheduleDialog
+		},
+		reviewProps: {
+			open: j,
+			onOpenChange: M,
+			amountLabel: D.paymentAmount,
+			amount: G,
+			rows: [{
+				label: D.sourceAccount,
+				value: V?.primaryLabel ?? ""
+			}, {
+				label: D.paymentDate,
+				value: K ?? ""
+			}],
+			payTo: {
+				name: O,
+				email: C,
+				methodLabel: D.achMethod,
+				fields: _(w) ? [
+					{
+						label: D.routingNumber,
+						value: w.routing_number
+					},
+					{
+						label: D.accountNumber,
+						value: w.account_number,
+						maskedValue: u(w.account_number)
+					},
+					{
+						label: D.accountHolder,
+						value: w.account_holder_name
+					}
+				] : []
+			},
+			isSubmitting: R.isPending,
+			onBack: () => {
+				M(!1), A(!0);
+			},
+			onCancel: X,
+			onSubmit: async () => {
+				let t = J();
+				if (!t.ok) {
+					M(!1), e.error(t.error), A(!0);
+					return;
+				}
+				try {
+					await R.mutateAsync({
+						payableId: c,
+						paymentDate: o(t.date),
+						sourceBankAccountId: t.account.id
+					}), X(), e.success(D.scheduledToast);
+				} catch (t) {
+					z(t, { payable_id: c }), e.error(a(t) ?? D.submitError);
+				}
+			},
+			labels: D.reviewDialog
+		}
 	};
 }
 //#endregion
-export { a as APPROVAL_POLICY_RULE_COPY_EN, o as buildApprovalPolicyCardView };
+export { y as usePayBillFlow };

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

@@ -1,7 +1,36 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { resolveAmountDueMinorUnits as e } from "./index6.js";
+import { resolveVendor as t } from "./index7.js";
+import { payBillFlowTestIds as n } from "./index8.js";
+import { ReviewTransactionDialog as r } from "../../ui/dist/index80.js";
+import { SchedulePaymentDialog as i } from "../../ui/dist/index87.js";
+import "../../ui/dist/index.js";
+import { usePayBillFlow as a } from "./index12.js";
+import { useImperativeHandle as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index13.js
-function e(e, t) {
-	let n = e ?? [];
-	return t ? n.filter((e) => !e.created_at || e.created_at >= t) : n.slice(0, 1);
+function u({ ref: u, payable: d, poweredByBankName: f, labels: p }) {
+	let m = t(d), h = a({
+		payableId: d.id,
+		amountDueMinorUnits: e(d) ?? 0,
+		currencyCode: d.currency ?? void 0,
+		dueDate: d.due_date,
+		vendorName: m?.name ?? void 0,
+		vendorEmail: m?.email ?? void 0,
+		vendorBankAccount: m?.bank_account ?? void 0,
+		poweredByBankName: f,
+		labels: p
+	});
+	return o(u, () => ({ open: h.open }), [h.open]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {
+		...h.dialogProps,
+		testId: n.scheduleDialog
+	}), /* @__PURE__ */ c(r, {
+		...h.reviewProps,
+		testId: n.reviewDialog
+	})] });
 }
 //#endregion
-export { e as currentApprovalRound };
+export { u as PayBillFlow, u as default };

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

@@ -1,16 +1 @@
-import { currentApprovalRound as e } from "./index13.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index14.js
-function t({ requestsNewestFirst: t, roundStartedAt: n, lookup: r }) {
-	let i = e(t, n), a = [];
-	for (let e of i) {
-		if (e.status !== "waiting") continue;
-		let t = [...e.role_ids ?? [], ...e.user_ids ?? []].map((e) => r.get(e)?.label).filter((e) => !!e);
-		t.length && a.push({
-			id: e.id,
-			names: t
-		});
-	}
-	return a;
-}
-//#endregion
-export { t as buildPendingApproverGroups };
+import "./index13.js";

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

@@ -1,17 +1,50 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { usePayableHistoryQuery as e } from "../../data-access/dist/index6.js";
-import "../../data-access/dist/index.js";
+import { ApprovalPoliciesSettingsDefaultLabels as e } from "../../../shared/approval-policy/feature/dist/lib/labels.js";
+import { parseApprovalPolicyScript as t } from "../../../shared/approval-policy/util/dist/lib/policyScript.js";
+import { parseApprovalPolicyTrigger as n } from "../../../shared/approval-policy/util/dist/lib/policyTrigger.js";
+import { buildPolicySentence as r, buildPolicyTitle as i } from "../../../shared/approval-policy/feature/dist/lib/policyViewModel.js";
+import "../../../shared/approval-policy/feature/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index15.js
-var t = "submitted_for_approval";
-function n({ payableId: n, enabled: r = !0 }) {
-	let i = e(n, { enabled: r });
+var a = {
+	ruleTitleRange: e.ruleTitleRange,
+	ruleTitleUpTo: e.ruleTitleUpTo,
+	ruleTitleFrom: e.ruleTitleFrom,
+	ruleTitleAny: e.ruleTitleAny,
+	ruleSentenceRange: e.ruleSentenceRange,
+	ruleSentenceUpTo: e.ruleSentenceUpTo,
+	ruleSentenceFrom: e.ruleSentenceFrom,
+	ruleSentenceAny: e.ruleSentenceAny
+};
+function o({ policy: a, lookup: o, approvedUserIds: s, approvedRoleIds: c, copy: l }) {
+	let u = t(a.script);
+	if (!u.groups.length || !u.isSupported) return;
+	let d = [];
+	for (let [e, t] of u.groups.entries()) {
+		let n = [];
+		for (let e of [...t.roleIds, ...t.userIds]) {
+			let t = o.get(e);
+			t && n.push({
+				id: e,
+				label: t.label,
+				approved: t.kind === "user" ? s.has(e) : !!c?.has(e)
+			});
+		}
+		n.length && d.push({
+			id: `group-${e + 1}`,
+			chips: n
+		});
+	}
+	if (!d.length) return;
+	let { condition: f, hasKnownAmountBounds: p } = n(a.trigger);
+	if (!p) return;
+	let m = {
+		...e,
+		...l
+	};
 	return {
-		roundStartedAt: (i.data?.data ?? []).reduce((e, n) => n.event_type === t ? n.timestamp : e, void 0),
-		isLoading: i.isLoading
+		title: i(f, m),
+		sentence: r(f, m),
+		steps: d
 	};
 }
 //#endregion
-export { n as usePayableApprovalRoundStart };
+export { a as APPROVAL_POLICY_RULE_COPY_EN, o as buildApprovalPolicyCardView };