@tesouro/embedded-components-react 0.3.55 → 0.3.57

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

@@ -7,8 +7,8 @@ import "./index8.js";
 import "./index9.js";
 import "./index10.js";
 import "./index11.js";
-import "./index22.js";
 import "./index23.js";
+import "./index24.js";
 import "./index40.js";
 import "./index49.js";
 import "./index51.js";

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

@@ -1,6 +1,68 @@
+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 { BanIcon as n, CalendarXIcon as r, RotateCcwIcon as i, ThumbsDownIcon as a, ThumbsUpIcon as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.js
-function e(e) {
-	return e?.amount_due ?? e?.total_amount ?? void 0;
+function s(n) {
+	return e(n, [t.CounterpartReadOrg]);
+}
+function c({ status: c, scopes: l, canDecideApprovalRequest: u, hasScheduledPayment: d, scheduledPaymentIntentId: f, isPolicyApprover: p, hasWaitingRequest: m, arePendingApproversUnknown: h, labels: g }) {
+	let _ = e(l, [t.PayablePayOrg]), v = e(l, [t.BankAccountReadOrg]), y = s(l), b = e(l, [t.PaymentRailAch]), x = e(l, [t.PayableWriteOrg]), S = _, C = e(l, [t.PayableApproveOrg]), w = [];
+	c === "approve_in_progress" && u && (w.push({
+		id: "approve",
+		label: g.approve,
+		variant: "default",
+		surface: "row"
+	}), w.push({
+		id: "reject",
+		label: g.reject,
+		variant: "ghost",
+		surface: "row"
+	})), c === "approve_in_progress" && m && C && !p && !h && (w.push({
+		id: "forceApprove",
+		label: g.forceApprove,
+		variant: "ghost",
+		surface: "menu",
+		icon: o,
+		sectionHeading: g.policyOverridesHeading
+	}), w.push({
+		id: "forceReject",
+		label: g.forceReject,
+		variant: "ghost",
+		surface: "menu",
+		icon: a,
+		sectionHeading: g.policyOverridesHeading
+	}));
+	let T = c === "waiting_to_be_paid" && _ && !d, E = c === "waiting_to_be_paid" && _ && v && y && b && !d;
+	return T && w.push({
+		id: "markAsPaid",
+		label: g.markAsPaid,
+		variant: "outline",
+		surface: "row"
+	}), E && w.push({
+		id: "payBill",
+		label: g.payBill,
+		variant: "default",
+		surface: "row"
+	}), c === "new" && x && w.push({
+		id: "cancel",
+		label: g.cancel,
+		variant: "ghost",
+		surface: "menu",
+		icon: n
+	}), (c === "rejected" || c === "waiting_to_be_paid" && !d) && x && w.push({
+		id: "reopen",
+		label: g.reopen,
+		variant: "ghost",
+		surface: "menu",
+		icon: i
+	}), c === "waiting_to_be_paid" && d && f && S && w.push({
+		id: "cancelScheduledPayment",
+		label: g.cancelScheduledPayment,
+		variant: "ghost",
+		surface: "menu",
+		icon: r
+	}), w;
 }
 //#endregion
-export { e as resolveAmountDueMinorUnits };
+export { s as canReadCounterpartBankAccounts, c as getBillDetailActions };

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

@@ -1,7 +1,6 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index17.js
-var e = {
-	scheduleDialog: "pay-bill-schedule-dialog",
-	reviewDialog: "pay-bill-review-dialog"
-};
+function e(e) {
+	return e?.amount_due ?? e?.total_amount ?? void 0;
+}
 //#endregion
-export { e as payBillFlowTestIds };
+export { e as resolveAmountDueMinorUnits };

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

@@ -1,6 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js
-function e(e) {
-	return e ? `••••${e.slice(-4)}` : void 0;
-}
+var e = {
+	scheduleDialog: "pay-bill-schedule-dialog",
+	reviewDialog: "pay-bill-review-dialog"
+};
 //#endregion
-export { e as maskAccountNumber };
+export { e as payBillFlowTestIds };

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

@@ -1,35 +1,6 @@
-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/index19.js
-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
-		};
-	});
-}
-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
-	};
+function e(e) {
+	return e ? `••••${e.slice(-4)}` : void 0;
 }
 //#endregion
-export { n as SOURCE_ACCOUNT_LABELS_EN, a as deriveSourceAccountFunds, i as mapSourceAccountOptions };
+export { e as maskAccountNumber };

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

@@ -1,42 +1,35 @@
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as e } from "../../ui/dist/index83.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as t } from "../../ui/dist/index89.js";
-import "../../ui/dist/index.js";
-import { SOURCE_ACCOUNT_LABELS_EN as n } from "./index19.js";
+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/index20.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",
-	...n,
-	scheduleDialog: t,
-	reviewDialog: e
+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 i(e) {
-	return {
-		...r,
-		...e,
-		scheduleDialog: {
-			...r.scheduleDialog,
-			...e?.scheduleDialog
-		},
-		reviewDialog: {
-			...r.reviewDialog,
-			...e?.reviewDialog
-		}
+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
+		};
+	});
+}
+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 { r as PAY_BILL_FLOW_LABELS_EN, i as mergePayBillFlowLabels };
+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/index21.js

@@ -1,165 +1,44 @@
-"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 { useSchedulePaymentMutation as o } from "../../data-access/dist/index11.js";
-import "../../data-access/dist/index.js";
-import { dateToCalendarKey as s, getDefaultPaymentDate as c, isPastEasternDate as l, isTodayInEastern as u } from "./index13.js";
-import { maskAccountNumber as d } from "./index18.js";
-import { deriveSourceAccountFunds as f, mapSourceAccountOptions as p } from "./index19.js";
-import { mergePayBillFlowLabels as m } from "./index20.js";
-import { useMemo as h, useState as g } from "react";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as e } from "../../ui/dist/index83.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as t } from "../../ui/dist/index89.js";
+import "../../ui/dist/index.js";
+import { SOURCE_ACCOUNT_LABELS_EN as n } from "./index20.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
-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 (l(e)) return {
-		ok: !1,
-		error: r.staleDateError
-	};
-	if (!t) return {
-		ok: !1,
-		error: r.selectAccountError
-	};
-	let i = f({
-		selectedAccount: t,
-		amountDueMinorUnits: n,
-		isToday: u(e),
-		labels: r
-	});
-	return i.state === "error" ? {
-		ok: !1,
-		error: i.message ?? r.todayInsufficientFunds
-	} : {
-		ok: !0,
-		date: e,
-		account: t
-	};
-}
-function y({ payableId: l, amountDueMinorUnits: y, currencyCode: b = "USD", dueDate: x, vendorName: S, vendorEmail: C, vendorBankAccount: w, poweredByBankName: T, labels: E }) {
-	let D = h(() => m(E), [E]), O = S ?? D.missingVendorName, [k, A] = g(!1), [j, M] = g(!1), [N, P] = g(() => c()), [F, I] = g(), L = t({ enabled: k || j }), R = o(), z = n(), B = h(() => p(L.data?.data ?? [], D), [L.data?.data, D]), V = B.find((e) => e.id === F), H = N ? u(N) : !1, U = { before: c() }, W = f({
-		selectedAccount: V,
-		amountDueMinorUnits: y,
-		isToday: H,
-		labels: D
-	}), G = i(y / 100, { currencyCode: b }), K = N ? r(s(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;
-		}
-		A(!0);
-	}, X = () => {
-		M(!1), A(!1);
-	};
+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.",
+	checkingPaymentInstructionsError: "Still checking this vendor's payment instructions. Try again in a moment.",
+	paymentInstructionsUnavailableError: "Couldn't check this vendor's payment instructions. Try again.",
+	missingVendorName: "Not provided",
+	...n,
+	scheduleDialog: t,
+	reviewDialog: e
+};
+function i(e) {
 	return {
-		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
+		...r,
+		...e,
+		scheduleDialog: {
+			...r.scheduleDialog,
+			...e?.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: d(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: l,
-						paymentDate: s(t.date),
-						sourceBankAccountId: t.account.id
-					}), X(), e.success(D.scheduledToast);
-				} catch (t) {
-					z(t, { payable_id: l }), e.error(a(t) ?? D.submitError);
-				}
-			},
-			labels: D.reviewDialog
+		reviewDialog: {
+			...r.reviewDialog,
+			...e?.reviewDialog
 		}
 	};
 }
 //#endregion
-export { y as usePayBillFlow };
+export { r as PAY_BILL_FLOW_LABELS_EN, i as mergePayBillFlowLabels };

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

@@ -2,35 +2,172 @@
 "use client";
 "use client";
 "use client";
-import { resolveVendor as e } from "./index5.js";
-import { ReviewTransactionDialog as t } from "../../ui/dist/index84.js";
-import { SchedulePaymentDialog as n } from "../../ui/dist/index91.js";
-import "../../ui/dist/index.js";
-import { resolveAmountDueMinorUnits as r } from "./index16.js";
-import { payBillFlowTestIds as i } from "./index17.js";
-import { usePayBillFlow as a } from "./index21.js";
-import { useImperativeHandle as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+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 { useSchedulePaymentMutation as o } from "../../data-access/dist/index11.js";
+import "../../data-access/dist/index.js";
+import { dateToCalendarKey as s, getDefaultPaymentDate as c, isPastEasternDate as l, isTodayInEastern as u } from "./index13.js";
+import { maskAccountNumber as d } from "./index19.js";
+import { deriveSourceAccountFunds as f, mapSourceAccountOptions as p } from "./index20.js";
+import { mergePayBillFlowLabels as m } from "./index21.js";
+import { useMemo as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
-function u({ ref: u, payable: d, poweredByBankName: f, labels: p }) {
-	let m = e(d), h = a({
-		payableId: d.id,
-		amountDueMinorUnits: r(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
+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 (l(e)) return {
+		ok: !1,
+		error: r.staleDateError
+	};
+	if (!t) return {
+		ok: !1,
+		error: r.selectAccountError
+	};
+	let i = f({
+		selectedAccount: t,
+		amountDueMinorUnits: n,
+		isToday: u(e),
+		labels: r
 	});
-	return o(u, () => ({ open: h.open }), [h.open]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
-		...h.dialogProps,
-		testId: i.scheduleDialog
-	}), /* @__PURE__ */ c(t, {
-		...h.reviewProps,
-		testId: i.reviewDialog
-	})] });
+	return i.state === "error" ? {
+		ok: !1,
+		error: i.message ?? r.todayInsufficientFunds
+	} : {
+		ok: !0,
+		date: e,
+		account: t
+	};
+}
+function y({ payableId: l, amountDueMinorUnits: y, currencyCode: b = "USD", dueDate: x, vendorName: S, vendorEmail: C, vendorBankAccount: w, isVendorBankAccountLoading: T, isVendorBankAccountError: E, onMissingAchInstructions: D, poweredByBankName: O, labels: k }) {
+	let A = h(() => m(k), [k]), j = S ?? A.missingVendorName, [M, N] = g(!1), [P, F] = g(!1), [I, L] = g(() => c()), [R, z] = g(), B = t({ enabled: M || P }), V = o(), H = n(), U = h(() => p(B.data?.data ?? [], A), [B.data?.data, A]), W = U.find((e) => e.id === R), G = I ? u(I) : !1, K = { before: c() }, q = f({
+		selectedAccount: W,
+		amountDueMinorUnits: y,
+		isToday: G,
+		labels: A
+	}), J = i(y / 100, { currencyCode: b }), Y = I ? r(s(I)) : void 0, X = x ? A.dueDateSuffix(r(x)) : void 0, Z = () => v({
+		selectedDate: I,
+		selectedAccount: W,
+		amountDueMinorUnits: y,
+		labels: A
+	}), Q = () => {
+		if (T) {
+			e.error(A.checkingPaymentInstructionsError);
+			return;
+		}
+		if (E) {
+			e.error(A.paymentInstructionsUnavailableError);
+			return;
+		}
+		if (!_(w)) {
+			D ? D() : e.error(A.missingPaymentInstructionsError);
+			return;
+		}
+		N(!0);
+	}, $ = () => {
+		F(!1), N(!1);
+	};
+	return {
+		open: Q,
+		dialogProps: {
+			open: M,
+			onOpenChange: N,
+			amountDueLabel: A.amountDue,
+			amountDue: J,
+			dueDateSuffix: X,
+			paymentAmountLabel: A.paymentAmount,
+			paymentAmount: J,
+			selectedDate: I,
+			selectedDateLabel: Y,
+			calendarDisabled: K,
+			isToday: G,
+			selectedAccountId: R,
+			accounts: U,
+			poweredByBankName: O,
+			funds: q,
+			isAccountsLoading: B.isLoading,
+			isAccountsError: B.isError,
+			isSubmitting: V.isPending,
+			onDateChange: L,
+			onAccountChange: z,
+			onReview: () => {
+				let t = Z();
+				if (!t.ok) {
+					e.error(t.error);
+					return;
+				}
+				N(!1), F(!0);
+			},
+			onCancel: $,
+			labels: A.scheduleDialog
+		},
+		reviewProps: {
+			open: P,
+			onOpenChange: F,
+			amountLabel: A.paymentAmount,
+			amount: J,
+			rows: [{
+				label: A.sourceAccount,
+				value: W?.primaryLabel ?? ""
+			}, {
+				label: A.paymentDate,
+				value: Y ?? ""
+			}],
+			payTo: {
+				name: j,
+				email: C,
+				methodLabel: A.achMethod,
+				fields: _(w) ? [
+					{
+						label: A.routingNumber,
+						value: w.routing_number
+					},
+					{
+						label: A.accountNumber,
+						value: w.account_number,
+						maskedValue: d(w.account_number)
+					},
+					{
+						label: A.accountHolder,
+						value: w.account_holder_name
+					}
+				] : []
+			},
+			isSubmitting: V.isPending,
+			onBack: () => {
+				F(!1), N(!0);
+			},
+			onCancel: $,
+			onSubmit: async () => {
+				let t = Z();
+				if (!t.ok) {
+					F(!1), e.error(t.error), N(!0);
+					return;
+				}
+				try {
+					await V.mutateAsync({
+						payableId: l,
+						paymentDate: s(t.date),
+						sourceBankAccountId: t.account.id
+					}), $(), e.success(A.scheduledToast);
+				} catch (t) {
+					H(t, { payable_id: l }), e.error(a(t) ?? A.submitError);
+				}
+			},
+			labels: A.reviewDialog
+		}
+	};
 }
 //#endregion
-export { u as PayBillFlow, u as default };
+export { y as usePayBillFlow };