@tesouro/embedded-components-react 0.5.189 → 0.5.191

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

@@ -3,224 +3,64 @@
 "use client";
 "use client";
 import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
 import { formatCalendarDate as t } from "../../../shared/util/dist/lib/formatCalendarDate.js";
 import { formatMoneyExact as n } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { DUPLICATE_BILLS_LABELS_EN as r } from "./index5.js";
-import { payableRemoval as i } from "./index6.js";
-import { DuplicateVerdict as a, suspectedPayableDuplicates as o, useApplyDuplicateVerdictsMutation as s } from "../../data-access/dist/index7.js";
-import { usePayablesByIdsQueries as c } from "../../data-access/dist/index17.js";
+import { extractApiErrorMessage as r } from "../../../shared/util/dist/lib/apiErrors.js";
+import "../../../shared/ui/dist/index.js";
+import { useMarkPayableAsPaidMutation as i } from "../../data-access/dist/index30.js";
 import "../../data-access/dist/index.js";
-import { duplicateRemovalPrompt as l } from "./index8.js";
-import { derivePayableStatus as u } from "./index10.js";
-import { duplicateVerdictMatches as d, groupSuspectedDuplicates as f, resolveDuplicateOriginalId as p } from "./index9.js";
-import { isEditablePayableStatus as m } from "./index11.js";
-import { resolveVendorName as h } from "./index12.js";
-import { useCallback as g, useMemo as _, useState as v } from "react";
-import { BanIcon as y, FileCheckIcon as b, Trash2Icon as x } from "lucide-react";
+import { dateToCalendarKey as a, getDefaultPaymentDate as o, isTodayInEastern as s } from "./index12.js";
+import { mergeMarkAsPaidFlowLabels as c } from "./index11.js";
+import { useEffect as l, useState as u } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index13.js
-var S = 5;
-function C(e, t) {
-	return t ? f(e).map(({ members: e }) => e).find((e) => e.some((e) => e.id === t)) ?? [] : [];
-}
-function w({ payable: f, canManage: w = !0, onRemoved: T, onOpenPayable: E, labels: D }) {
-	let O = _(() => ({
-		...r,
-		...D
-	}), [D]), k = o(f), [A] = k, j = f?.id, M = _(() => [...new Set(k.map((e) => e.matched_payable_id))], [k]), N = c(M, { enabled: !!(A && j) }), P = s(), [F, I] = v(!1), [L, R] = v(), [z, B] = v(), V = i(f?.status), H = g(async (t, n, r, a, o) => {
-		let s = d(t, n, o);
-		if (s.length && t?.id) try {
-			await P.mutateAsync({
-				verdict: n,
-				targets: s.map((e) => ({
-					payableId: t.id,
-					duplicateId: e.id,
-					matchedPayableId: e.matched_payable_id,
-					removeBy: i(t.status)
-				}))
-			}), e.success(r), a?.();
-		} catch {
-			e.error(O.verdictFailedToast);
-		}
-	}, [P, O]), U = g((e, t, n) => H(f, e, t, n), [H, f]), W = V === "delete" ? {
-		button: O.deleteBillButton,
-		title: O.deleteConfirmTitle,
-		description: O.deleteConfirmDescription,
-		confirmButton: O.deleteConfirmButton,
-		backButton: O.deleteConfirmBackButton,
-		toast: O.deletedToast
-	} : V === "confirm" ? {
-		button: O.confirmBillButton,
-		title: O.confirmDuplicateTitle,
-		description: O.confirmDuplicateDescription,
-		confirmButton: O.confirmBillButton,
-		backButton: O.cancelConfirmBackButton,
-		toast: O.confirmedToast
-	} : {
-		button: O.cancelBillButton,
-		title: O.cancelConfirmTitle,
-		description: O.cancelConfirmDescription,
-		confirmButton: O.cancelConfirmButton,
-		backButton: O.cancelConfirmBackButton,
-		toast: O.cancelledToast
-	}, G = g(async () => {
-		await U(a.Remove, W.toast, T), I(!1);
-	}, [
-		U,
-		T,
-		W.toast
-	]), K = _(() => ({
-		delete: {
-			action: O.deleteAction,
-			title: O.deleteConfirmTitle,
-			description: O.deleteConfirmDescription,
-			confirmButton: O.deleteConfirmButton,
-			backButton: O.deleteConfirmBackButton,
-			toast: O.deletedToast
-		},
-		cancel: {
-			action: O.cancelAction,
-			title: O.cancelConfirmTitle,
-			description: O.cancelConfirmDescription,
-			confirmButton: O.cancelConfirmButton,
-			backButton: O.cancelConfirmBackButton,
-			toast: O.cancelledToast
+function d({ payableId: d, amountDueMinorUnits: f, amountToPayMinorUnits: p, currencyCode: m, dueDate: h, hasScheduledPayment: g, testId: _, labels: v }) {
+	let y = c(v), b = i(), [x, S] = u(!1), [C, w] = u(void 0), [T, E] = u(""), D = x && !g, O = n(f / 100, { currencyCode: m }), k = n((p ?? f) / 100, { currencyCode: m }), A = C ? t(a(C)) : void 0, j = h ? y.dueDateSuffix(t(h)) : void 0, M = () => {
+		S(!1), w(void 0), E("");
+	};
+	return l(() => {
+		g && (S(!1), w(void 0), E(""));
+	}, [g]), {
+		open: () => {
+			w(o()), E(""), S(!0);
 		},
-		confirm: {
-			action: O.confirmAction,
-			title: O.confirmDuplicateTitle,
-			description: O.confirmDuplicateDescription,
-			confirmButton: O.confirmBillButton,
-			backButton: O.cancelConfirmBackButton,
-			toast: O.confirmedToast
-		}
-	}), [O]), q = K[L?.removeBy ?? "cancel"], J = g(async () => {
-		L && (await H(L.payable, a.Remove, K[L.removeBy].toast, L.payable.id === j ? T : void 0), R(void 0));
-	}, [
-		H,
-		T,
-		j,
-		L,
-		K
-	]), Y = g(async () => {
-		z && (await H(z.payable, a.Keep, O.dismissedToast, void 0, z.originalPayableId), B(void 0));
-	}, [
-		H,
-		O.dismissedToast,
-		z
-	]), X = w && !!(A && j), Z = X && !!V, Q = _(() => {
-		let e = new Map(N.flatMap((e) => e.data ? [[e.data.id, e.data]] : []));
-		f?.id && e.set(f.id, f);
-		let r = C([...e.values()], j);
-		if (r.length < 2) return [];
-		let a = p(r), s = (e) => {
-			let t = e.total_amount ?? e.amount_due;
-			return t == null ? "" : n(t / 100, { currencyCode: e.currency ?? "USD" });
-		};
-		return r.map((e) => {
-			let n = e.status ? u({
-				apiStatus: e.status,
-				dueDate: e.due_date,
-				scheduledPaymentDate: e.scheduled_payment_date
-			}) : void 0, r = e.id === a, c = e.id === j, l = w && o(e).length > 0, d = h(e), f = i(e.status);
-			return {
-				id: e.id,
-				roleLabel: d,
-				badges: [...r ? [O.originalBillBadge] : [], ...c ? [O.currentBillBadge] : []],
-				invoiceNumberLabel: e.document_id ?? "",
-				roleTone: r ? void 0 : "warning",
-				amountLabel: s(e),
-				addedOnLabel: t(e.created_at?.slice(0, 10)),
-				dueDateLabel: t(e.due_date),
-				status: n?.status,
-				statusTone: n?.tone,
-				onOpen: !c && E ? () => E(e.id, m(e.status ?? void 0)) : void 0,
-				menu: l ? {
-					triggerLabel: O.openRow({
-						vendorLabel: d,
-						invoiceNumberLabel: "",
-						addedOnLabel: t(e.created_at?.slice(0, 10))
-					}),
-					items: [{
-						id: "not-duplicate",
-						label: O.notDuplicateAction,
-						icon: b,
-						disabled: P.isPending,
-						onSelect: () => B({
-							payable: e,
-							originalPayableId: r ? void 0 : a
-						})
-					}, ...f ? [{
-						id: "cancel-duplicate",
-						label: K[f].action,
-						icon: f === "delete" ? x : y,
-						disabled: P.isPending,
-						onSelect: () => R({
-							payable: e,
-							removeBy: f
-						})
-					}] : []]
-				} : void 0
-			};
-		});
-	}, [
-		P.isPending,
-		w,
-		N,
-		O,
-		E,
-		f,
-		j,
-		K
-	]);
-	return {
-		isPossibleDuplicate: !!A,
-		onNotADuplicate: X ? () => B({ payable: f }) : void 0,
-		onRemoveBill: Z ? () => I(!0) : void 0,
-		removeBillLabel: Z ? W.button : void 0,
-		removeConfirmation: {
-			open: F,
-			copy: {
-				title: W.title,
-				description: W.description,
-				confirmButton: W.confirmButton,
-				presentation: { tone: "destructive" }
+		isPending: b.isPending,
+		dialogProps: {
+			open: D,
+			amountDue: O,
+			dueDateSuffix: j,
+			paymentAmount: k,
+			selectedDate: C,
+			selectedDateLabel: A,
+			isToday: C ? s(C) : !1,
+			comment: T,
+			isSubmitting: b.isPending,
+			onDateChange: w,
+			onCommentChange: E,
+			onConfirm: () => {
+				d && C && !b.isPending && !g && b.mutate({
+					path: { payable_id: d },
+					body: {
+						paid_at: `${a(C)}T12:00:00.000Z`,
+						is_external: !0,
+						...T.trim() ? { comment: T.trim() } : {}
+					}
+				}, {
+					onSuccess: () => {
+						e.success(y.paidToast), M();
+					},
+					onError: (t) => {
+						e.error(r(t) ?? y.submitError);
+					}
+				});
 			},
-			onConfirm: () => void G(),
-			onCancel: () => I(!1),
-			isPending: P.isPending,
-			cancelButtonLabel: W.backButton
-		},
-		cancelRowConfirmation: {
-			open: !!L,
-			copy: l(q, L?.removeBy ?? "cancel"),
-			onConfirm: () => void J(),
-			onCancel: () => R(void 0),
-			isPending: P.isPending,
-			cancelButtonLabel: q.backButton
-		},
-		keepRowConfirmation: {
-			open: !!z,
-			copy: {
-				title: O.notDuplicateConfirmTitle,
-				description: O.notDuplicateConfirmDescription,
-				confirmButton: O.notDuplicateConfirmButton,
-				presentation: {
-					alignment: "center",
-					icon: b,
-					actionWidth: "equal"
-				}
+			onCancel: () => {
+				b.isPending || M();
 			},
-			onConfirm: () => void Y(),
-			onCancel: () => B(void 0),
-			isPending: P.isPending,
-			cancelButtonLabel: O.notDuplicateConfirmBackButton
-		},
-		isBusy: P.isPending,
-		rows: Q,
-		collapsedRowCount: S,
-		showMoreLabel: Q.length > S ? O.showMoreRows(Q.length - S) : void 0
+			testId: _ ? `${_}-mark-as-paid-dialog` : void 0,
+			confirmTestId: _ ? `${_}-mark-as-paid-confirm` : void 0,
+			labels: y.dialog
+		}
 	};
 }
 //#endregion
-export { w as usePayableDuplicateReview };
+export { d as useMarkAsPaidFlow };

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

@@ -1,5 +1,2 @@
-import "./index5.js";
-import "./index6.js";
-import "./index7.js";
-import "./index8.js";
+import "./index11.js";
 import "./index13.js";

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

@@ -1,18 +1,87 @@
-import { MARK_AS_PAID_DIALOG_LABELS_EN as e, mergeMarkAsPaidDialogLabels as t } from "../../ui/dist/index99.js";
-import "../../ui/dist/index.js";
+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 "../../util/dist/lib/isEditablePayableStatus.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/index15.js
-var n = {
-	dueDateSuffix: (e) => `by ${e}`,
-	paidToast: "Bill marked as paid",
-	submitError: "Couldn't mark this bill as paid. Try again.",
-	dialog: e
-};
-function r(e) {
-	return {
-		...n,
-		...e,
-		dialog: t(e?.dialog)
-	};
+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 { n as MARK_AS_PAID_FLOW_LABELS_EN, r as mergeMarkAsPaidFlowLabels };
+export { l as canOverrideApprovalPolicy, c as canReadCounterpartBankAccounts, u as getBillDetailActions };

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

@@ -1,26 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.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 };

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

@@ -1,66 +1,35 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { formatCalendarDate as t } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as n } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { extractApiErrorMessage as r } from "../../../shared/util/dist/lib/apiErrors.js";
-import { useMarkPayableAsPaidMutation as i } from "../../data-access/dist/index13.js";
-import "../../data-access/dist/index.js";
-import { dateToCalendarKey as a, getDefaultPaymentDate as o, isTodayInEastern as s } from "./index16.js";
-import { mergeMarkAsPaidFlowLabels as c } from "./index15.js";
-import { useEffect as l, useState as u } from "react";
+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/index17.js
-function d({ payableId: d, amountDueMinorUnits: f, amountToPayMinorUnits: p, currencyCode: m, dueDate: h, hasScheduledPayment: g, testId: _, labels: v }) {
-	let y = c(v), b = i(), [x, S] = u(!1), [C, w] = u(void 0), [T, E] = u(""), D = x && !g, O = n(f / 100, { currencyCode: m }), k = n((p ?? f) / 100, { currencyCode: m }), A = C ? t(a(C)) : void 0, j = h ? y.dueDateSuffix(t(h)) : void 0, M = () => {
-		S(!1), w(void 0), E("");
-	};
-	return l(() => {
-		g && (S(!1), w(void 0), E(""));
-	}, [g]), {
-		open: () => {
-			w(o()), E(""), S(!0);
-		},
-		isPending: b.isPending,
-		dialogProps: {
-			open: D,
-			amountDue: O,
-			dueDateSuffix: j,
-			paymentAmount: k,
-			selectedDate: C,
-			selectedDateLabel: A,
-			isToday: C ? s(C) : !1,
-			comment: T,
-			isSubmitting: b.isPending,
-			onDateChange: w,
-			onCommentChange: E,
-			onConfirm: () => {
-				d && C && !b.isPending && !g && b.mutate({
-					path: { payable_id: d },
-					body: {
-						paid_at: `${a(C)}T12:00:00.000Z`,
-						is_external: !0,
-						...T.trim() ? { comment: T.trim() } : {}
-					}
-				}, {
-					onSuccess: () => {
-						e.success(y.paidToast), M();
-					},
-					onError: (t) => {
-						e.error(r(t) ?? y.submitError);
-					}
-				});
-			},
-			onCancel: () => {
-				b.isPending || M();
-			},
-			testId: _ ? `${_}-mark-as-paid-dialog` : void 0,
-			confirmTestId: _ ? `${_}-mark-as-paid-confirm` : void 0,
-			labels: y.dialog
-		}
+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 { d as useMarkAsPaidFlow };
+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/index18.js

@@ -1,2 +1,41 @@
-import "./index15.js";
-import "./index17.js";
+import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index17.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index100.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n, mergeSchedulePaymentDialogLabels as r } from "../../ui/dist/index106.js";
+import "../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.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",
+	...e,
+	scheduleDialog: n,
+	reviewDialog: t
+};
+function a(e) {
+	return {
+		...i,
+		...e,
+		scheduleDialog: r(e?.scheduleDialog),
+		reviewDialog: {
+			...i.reviewDialog,
+			...e?.reviewDialog
+		}
+	};
+}
+//#endregion
+export { i as PAY_BILL_FLOW_LABELS_EN, a as mergePayBillFlowLabels };