@tesouro/embedded-components-react 0.5.169 → 0.5.170

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

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

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

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

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

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

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

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

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

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

@@ -1,35 +1,41 @@
-import { coerceAmountValueToMinorUnits as e } from "../../../shared/util/dist/lib/coerceAmountValueToMinorUnits.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index23.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index96.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n, mergeSchedulePaymentDialogLabels as r } from "../../ui/dist/index102.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.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."
+var i = {
+	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",
+	...e,
+	scheduleDialog: n,
+	reviewDialog: t
 };
-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 a(e) {
+	return {
+		...i,
+		...e,
+		scheduleDialog: r(e?.scheduleDialog),
+		reviewDialog: {
+			...i.reviewDialog,
+			...e?.reviewDialog
+		}
 	};
 }
 //#endregion
-export { n as SOURCE_ACCOUNT_LABELS_EN, a as deriveSourceAccountFunds, i as mapSourceAccountOptions };
+export { i as PAY_BILL_FLOW_LABELS_EN, a as mergePayBillFlowLabels };

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

@@ -1,41 +1,173 @@
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as e } from "../../ui/dist/index100.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as t, mergeSchedulePaymentDialogLabels as n } from "../../ui/dist/index106.js";
-import "../../ui/dist/index.js";
-import { SOURCE_ACCOUNT_LABELS_EN as r } from "./index24.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 { useSchedulePaymentMutation as o } from "../../data-access/dist/index12.js";
+import "../../data-access/dist/index.js";
+import { dateToCalendarKey as s, getDefaultPaymentDate as c, isPastEasternDate as l, isTodayInEastern as u } from "./index16.js";
+import { maskAccountNumber as d } from "./index22.js";
+import { deriveSourceAccountFunds as f, mapSourceAccountOptions as p } from "./index23.js";
+import { mergePayBillFlowLabels as m } from "./index24.js";
+import { useMemo as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js
-var i = {
-	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",
-	...r,
-	scheduleDialog: t,
-	reviewDialog: e
-};
-function a(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 (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, 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 {
-		...i,
-		...e,
-		scheduleDialog: n(e?.scheduleDialog),
-		reviewDialog: {
-			...i.reviewDialog,
-			...e?.reviewDialog
+		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 { i as PAY_BILL_FLOW_LABELS_EN, a as mergePayBillFlowLabels };
+export { y as usePayBillFlow };