@tesouro/embedded-components-react 0.5.188 → 0.5.190

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

@@ -1,87 +1,173 @@
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/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 { useAllBankAccountsQuery as i } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.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";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsCaptureException as a } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { maskAccountNumber as o } from "../../util/dist/lib/maskAccountNumber.js";
+import { useSchedulePaymentMutation as s } from "../../data-access/dist/index20.js";
+import "../../data-access/dist/index.js";
+import { dateToCalendarKey as c, getDefaultPaymentDate as l, isPastEasternDate as u, isTodayInEastern as d } from "./index12.js";
+import { deriveSourceAccountFunds as f, mapSourceAccountOptions as p } from "./index17.js";
+import { mergePayBillFlowLabels as m } from "./index18.js";
+import { useMemo as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js
-function c(n) {
-	return e(n, [t.CounterpartReadOrg]);
+function _(e) {
+	return !!(e?.account_holder_name && e.routing_number && e.account_number);
 }
-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 v({ selectedDate: e, selectedAccount: t, amountDueMinorUnits: n, labels: r }) {
+	if (!e) return {
+		ok: !1,
+		error: r.selectDateError
+	};
+	if (u(e)) return {
+		ok: !1,
+		error: r.staleDateError
+	};
+	if (!t) return {
+		ok: !1,
+		error: r.selectAccountError
+	};
+	let i = f({
+		selectedAccount: t,
+		amountDueMinorUnits: n,
+		isToday: d(e),
+		labels: r
+	});
+	return i.state === "error" ? {
+		ok: !1,
+		error: i.message ?? r.todayInsufficientFunds
+	} : {
+		ok: !0,
+		date: e,
+		account: t
+	};
 }
-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 y({ payableId: u, 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(() => l()), [R, z] = g(), B = i({ enabled: M || P }), V = s(), H = a(), U = h(() => p(B.data?.data ?? [], A), [B.data?.data, A]), W = U.find((e) => e.id === R), G = I ? d(I) : !1, K = { before: l() }, q = f({
+		selectedAccount: W,
+		amountDueMinorUnits: y,
+		isToday: G,
+		labels: A
+	}), J = n(y / 100, { currencyCode: b }), Y = I ? t(c(I)) : void 0, X = x ? A.dueDateSuffix(t(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: o(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: u,
+						paymentDate: c(t.date),
+						sourceBankAccountId: t.account.id
+					}), $(), e.success(A.scheduledToast);
+				} catch (t) {
+					H(t, { payable_id: u }), e.error(r(t) ?? A.submitError);
+				}
+			},
+			labels: A.reviewDialog
+		}
+	};
 }
 //#endregion
-export { l as canOverrideApprovalPolicy, c as canReadCounterpartBankAccounts, u as getBillDetailActions };
+export { y as usePayBillFlow };

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

@@ -1,8 +1,59 @@
-import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import "../../data-access/dist/index.js";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { formatBillMoney as t } from "../../util/dist/lib/formatBillMoney.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index2.js
-function t(t, n) {
-	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
+var n = /* @__PURE__ */ new Set([
+	"marked_as_paid",
+	"marked_as_partially_paid",
+	"payment_reverted"
+]);
+function r(e, t) {
+	let n = e?.[t];
+	return typeof n == "string" && n ? n : void 0;
+}
+function i(e, t) {
+	let n = e?.[t];
+	return typeof n == "number" ? n : void 0;
+}
+function a(e) {
+	let t;
+	for (let n of e.history ?? []) n.status === e.status && (t = n.timestamp);
+	return t;
+}
+var o = /* @__PURE__ */ new Set(["created", "processing"]);
+function s(e, t) {
+	if (e) return t[e.toLowerCase()] ?? e.split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function c({ records: c, events: l = [], currencyCode: u, labels: d }) {
+	let f = (e) => t(e, u), p = (e) => e?.slice(0, 10) ?? "", m = [], h = new Set(c.map((e) => e.id));
+	for (let t of c) {
+		let n = o.has(t.status ?? ""), r = t.paid_at ?? a(t), i = n ? t.planned_payment_date : r?.slice(0, 10) ?? t.planned_payment_date, c = t.status === "succeeded" ? d.paymentHistorySentLabel : n ? d.paymentHistoryScheduledLabel : t.status === "canceled" ? d.paymentHistoryCanceledLabel : d.paymentHistoryOtherLabel, l = s(t.payment_method, d.paymentHistoryMethodLabels), u = t.overpaid_amount && t.overpaid_amount > 0 ? f(t.overpaid_amount) : void 0;
+		m.push({
+			key: p(i),
+			view: {
+				id: t.id,
+				dateLabel: e(i),
+				statusLabel: l ? d.paymentHistoryMethodSuffix(c, l) : c,
+				amountLabel: f(t.amount) ?? "",
+				overpaidLabel: u ? d.paymentHistoryOverpaidLabel(u) : void 0
+			}
+		});
+	}
+	for (let t of l) {
+		if (!n.has(t.event_type)) continue;
+		let a = t.event_data, o = r(a, "payment_record_id");
+		if (o && h.has(o)) continue;
+		let c = a?.is_external === !0, l = t.event_type === "payment_reverted" ? d.paymentHistoryRevertedLabel : t.event_type === "marked_as_partially_paid" ? c ? d.paymentHistoryPartiallyPaidExternalLabel : d.paymentHistoryPartiallyPaidLabel : c ? d.paymentHistoryMarkedPaidExternalLabel : d.paymentHistoryMarkedPaidLabel, u = s(r(a, "payment_method"), d.paymentHistoryMethodLabels), g = r(a, "paid_at") ?? t.timestamp;
+		m.push({
+			key: p(g),
+			view: {
+				id: `event:${t.id}`,
+				dateLabel: e(g?.slice(0, 10)),
+				statusLabel: u ? d.paymentHistoryMethodSuffix(l, u) : l,
+				amountLabel: f(i(a, "amount_paid")) ?? ""
+			}
+		});
+	}
+	return m.slice().sort((e, t) => !e.key || !t.key ? e.key ? -1 : +!!t.key : e.key.localeCompare(t.key)).map((e) => e.view);
 }
 //#endregion
-export { t as formatBillMoney };
+export { c as buildPaymentHistory };

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

@@ -1,6 +1,49 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useWidgetConfig as e } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { resolveAmountDueMinorUnits as t } from "../../util/dist/lib/resolveAmountDue.js";
+import { resolveVendor as n } from "../../util/dist/lib/resolveVendor.js";
+import { canReadCounterpartBankAccounts as r } from "./index15.js";
+import { payBillFlowTestIds as i } from "./index16.js";
+import { ReviewTransactionDialog as a } from "../../ui/dist/index101.js";
+import { SchedulePaymentDialog as o } from "../../ui/dist/index108.js";
+import "../../ui/dist/index.js";
+import { usePayBillFlow as s } from "./index19.js";
+import { usePayableAchInstructions as c } from "../../../shared/counterpart-management/feature/dist/lib/usePayableAchInstructions.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { useImperativeHandle as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.js
-function e(e) {
-	return e?.amount_due ?? e?.total_amount ?? void 0;
+function p({ ref: p, payable: m, onMissingAchInstructions: h, poweredByBankName: g, labels: _ }) {
+	let v = n(m), { initResponse: y } = e(), b = r(y?.scopes), { achInstructions: x, isLoading: S, isError: C } = c({
+		counterpartId: m.counterpart_id,
+		currency: m.currency,
+		currentBankAccountId: m.counterpart_bank_account_id,
+		enabled: b
+	}), w = s({
+		payableId: m.id,
+		amountDueMinorUnits: t(m) ?? 0,
+		currencyCode: m.currency ?? void 0,
+		dueDate: m.due_date,
+		vendorName: v?.name ?? void 0,
+		vendorEmail: v?.email ?? void 0,
+		vendorBankAccount: x,
+		isVendorBankAccountLoading: S,
+		isVendorBankAccountError: C,
+		onMissingAchInstructions: h,
+		poweredByBankName: g,
+		labels: _
+	});
+	return l(p, () => ({ open: w.open }), [w.open]), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o, {
+		...w.dialogProps,
+		testId: i.scheduleDialog
+	}), /* @__PURE__ */ d(a, {
+		...w.reviewProps,
+		testId: i.reviewDialog
+	})] });
 }
 //#endregion
-export { e as resolveAmountDueMinorUnits };
+export { p as PayBillFlow, p as default };

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

@@ -1,7 +1 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
-var e = {
-	scheduleDialog: "pay-bill-schedule-dialog",
-	reviewDialog: "pay-bill-review-dialog"
-};
-//#endregion
-export { e as payBillFlowTestIds };
+import "./index20.js";

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

@@ -1,6 +1,50 @@
+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/index22.js
-function e(e) {
-	return e ? `••••${e.slice(-4)}` : void 0;
+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 {
+		title: i(f, m),
+		sentence: r(f, m),
+		steps: d
+	};
 }
 //#endregion
-export { e as maskAccountNumber };
+export { a as APPROVAL_POLICY_RULE_COPY_EN, o as buildApprovalPolicyCardView };

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

@@ -1,35 +1,16 @@
-import { coerceAmountValueToMinorUnits as e } from "../../../shared/util/dist/lib/coerceAmountValueToMinorUnits.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { currentApprovalRound as e } from "./index3.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.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 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 { n as SOURCE_ACCOUNT_LABELS_EN, a as deriveSourceAccountFunds, i as mapSourceAccountOptions };
+export { t as buildPendingApproverGroups };

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

@@ -1,41 +1,11 @@
-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 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
-		}
-	};
+function e(e) {
+	let t = [];
+	for (let n of e.steps) n.chips.some((e) => e.approved) || t.push({
+		id: n.id,
+		names: n.chips.map((e) => e.label)
+	});
+	return t;
 }
 //#endregion
-export { i as PAY_BILL_FLOW_LABELS_EN, a as mergePayBillFlowLabels };
+export { e as buildPendingApproverGroupsFromCardView };