@tesouro/embedded-components-react 0.5.303 → 0.5.305

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

@@ -1,101 +1,165 @@
-import { formatCalendarDate as e } from "../../../../shared/util/dist/lib/formatCalendarDate.js";
-import { derivePayableStatus as t } from "../../../util/dist/lib/derivePayableStatus.js";
-import { formatBillMoney as n } from "../../../util/dist/lib/formatBillMoney.js";
-import { resolveLineItemAmountMinorUnits as r } from "../../../util/dist/lib/resolveLineItemAmount.js";
-import { resolveLineItemQuantity as i } from "../../../util/dist/lib/resolveLineItemQuantity.js";
-import { resolveVendor as a, resolveVendorName as o } from "../../../util/dist/lib/resolveVendor.js";
+"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 { useWidgetConfig as t } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../shared/feature/dist/index.js";
+import { useApprovePayableApprovalRequestMutation as n, useRejectPayableApprovalRequestMutation as r } from "../../data-access/dist/index2.js";
+import { useCancelPayableMutation as i } from "../../data-access/dist/index6.js";
+import { useCancelScheduledPaymentMutation as a } from "../../data-access/dist/index7.js";
+import { useForceApprovePayableMutation as o } from "../../data-access/dist/index11.js";
+import { useForceRejectPayableMutation as s } from "../../data-access/dist/index12.js";
+import { useReopenPayableMutation as c } from "../../data-access/dist/index13.js";
+import "../../data-access/dist/index.js";
+import { getBillDetailActions as l } from "./index6.js";
+import { useState as u } from "react";
+import { BanIcon as d, HandIcon as f } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index20.js
-function s(e) {
-	return e.total_amount ?? e.amount_due ?? void 0;
-}
-function c(e) {
-	return typeof e == "string" ? e : "";
-}
-function l({ payable: l, lineItems: d, ledgerAccounts: f, labels: p, hasScheduledPayment: m, now: h, rejection: g, achInstructions: _, achInstructionsReadable: v = !1 }) {
-	let y = l.currency, b = (e) => n(e, y), x = t({
-		apiStatus: l.status,
-		dueDate: l.due_date,
-		scheduledPaymentDate: l.scheduled_payment_date,
-		hasScheduledPayment: m,
-		now: h
-	}), S = a(l), C = o(l), w = e(l.issued_at) || p.notProvided, T = e(l.due_date) || p.notProvided, E = [{
-		label: p.vendorRow,
-		value: C || p.notProvided,
-		secondaryValue: S?.email ?? void 0
-	}], D = v ? _?.account_number : void 0;
-	D && E.push({
-		label: p.bankAccountRow,
-		value: p.bankAccountValue(D.slice(-4))
-	});
-	let O = [
-		{
-			label: p.invoiceNumberRow,
-			value: l.document_id || p.notProvided
+function p({ payableId: d, status: f, currentApprovalRequestId: p, arePendingApproversUnknown: m, hasScheduledPayment: h, scheduledPaymentIntentId: g, isScheduledPaymentUnknown: v, isPayabilityUnknown: x, labels: S, isMarkAsPaidPending: C, hasApprovalPolicy: w = !0, hasWaitingRequest: T, pendingApprovers: E, onPayBillSelect: D, onMarkAsPaidSelect: O, onEditSelect: k, onActionSucceeded: A }) {
+	let { initResponse: j } = t(), M = r(), N = n(), P = i(), F = a(), I = c(), L = o(), R = s(), z = C || M.isPending || N.isPending || P.isPending || F.isPending || I.isPending || L.isPending || R.isPending, [B, V] = u(), H = B && (B.id !== "cancelScheduledPayment" || B.scheduledPaymentIntentId === g) ? B : void 0, U = d && f ? l({
+		status: f,
+		scopes: j?.scopes,
+		canDecideApprovalRequest: !!p,
+		arePendingApproversUnknown: m,
+		hasApprovalPolicy: w,
+		hasWaitingRequest: T,
+		hasScheduledPayment: h || v,
+		scheduledPaymentIntentId: g,
+		isPayabilityUnknown: x,
+		canEdit: !!k,
+		labels: S
+	}) : [], W = (t) => ({
+		onError: () => e.error(S.actionError),
+		onSuccess: () => {
+			let n = b(t) && !w ? `${t}NoApprovalPolicy` : t;
+			e.success(S.actionSuccess[n]), A?.(t);
+		}
+	}), G = {
+		reject: {
+			isPending: M.isPending,
+			run: (e) => p && M.mutate({
+				path: { approval_request_id: p },
+				body: e ? { reject_reason: e } : void 0
+			}, W("reject"))
 		},
-		{
-			label: p.issueDateRow,
-			value: w
+		approve: {
+			isPending: N.isPending,
+			run: () => p && N.mutate({ path: { approval_request_id: p } }, W("approve"))
 		},
-		{
-			label: p.dueDateRow,
-			value: T
+		cancel: {
+			isPending: P.isPending,
+			run: () => d && P.mutate({ path: { payable_id: d } }, W("cancel"))
 		},
-		{
-			label: p.poNumberRow,
-			value: c(l.purchase_order_number) || p.notProvided
-		}
-	], k = new Map(f.map((e) => [e.id, [e.nominal_code, e.name].filter(Boolean).join(" — ")])), A = d.map((e) => {
-		let t = b(e.unit_price), n = String(i(e));
-		return {
-			id: e.id,
-			description: e.name ?? e.description ?? "",
-			glCodeLabel: (e.ledger_account_id ? k.get(e.ledger_account_id) : void 0) || p.glCodeMissing,
-			quantityLabel: t ? p.quantityValue(n, t) : p.quantityOnlyValue(n),
-			amountLabel: b(r(e)) ?? ""
-		};
-	}), j = [
-		{
-			label: p.subtotalRow,
-			value: l.subtotal
+		cancelScheduledPayment: {
+			isPending: F.isPending,
+			run: () => {
+				let e = H?.scheduledPaymentIntentId;
+				d && e && F.mutate({
+					path: { payment_intent_id: e },
+					payableId: d
+				}, W("cancelScheduledPayment"));
+			}
+		},
+		reopen: {
+			isPending: I.isPending,
+			run: () => d && I.mutate({ path: { payable_id: d } }, W("reopen"))
 		},
-		{
-			label: p.discountsRow,
-			value: l.discount
+		forceApprove: {
+			isPending: L.isPending,
+			run: () => d && L.mutate({ path: { payable_id: d } }, W("forceApprove"))
 		},
-		{
-			label: p.taxRow,
-			value: l.tax_amount
+		forceReject: {
+			isPending: R.isPending,
+			run: () => d && R.mutate({ path: { payable_id: d } }, W("forceReject"))
 		}
-	].map(({ label: e, value: t }) => ({
-		label: e,
-		value: b(t)
-	})).filter((e) => !!e.value), M = b(s(l));
-	M && j.push({
-		label: p.totalRow,
-		value: M,
-		emphasis: !0
-	});
-	let N = u(l);
+	}, K = U.map((e) => ({
+		...e,
+		disabled: z,
+		loading: e.id === "markAsPaid" ? C : G[e.id]?.isPending ?? !1,
+		onSelect: () => {
+			if (!z && d) {
+				if (e.id === "payBill") {
+					D();
+					return;
+				}
+				if (e.id === "markAsPaid") {
+					O();
+					return;
+				}
+				if (e.id === "edit") {
+					k?.();
+					return;
+				}
+				if (y(e.id)) {
+					V({
+						id: e.id,
+						scheduledPaymentIntentId: g
+					});
+					return;
+				}
+				G[e.id]?.run();
+			}
+		}
+	}));
 	return {
-		title: C,
-		subtitle: p.subtitle,
-		status: x.status,
-		statusTone: x.tone,
-		amountDueLabel: b(l.amount_due) ?? b(l.total_amount) ?? "",
-		amountPaidLabel: N ? b(l.amount_paid) : void 0,
-		paidOnLabel: N ? p.paidOnLabel(N) : void 0,
-		invoiceDateLabel: w,
-		dueDateLabel: T,
-		dueDateTone: x.isOverdue ? "danger" : "default",
-		payToItems: E,
-		invoiceItems: O,
-		lineItems: A,
-		totals: j,
-		rejection: g
+		isActionPending: z,
+		actions: {
+			row: K.filter((e) => e.surface === "row"),
+			menu: K.filter((e) => e.surface === "menu")
+		},
+		decisionDialog: {
+			open: !!H,
+			copy: H ? {
+				...S.decisionDialog[H.id],
+				...b(H.id) && !w ? S.decisionDialog[H.id].noApprovalPolicy : void 0,
+				presentation: _(H.id),
+				pendingApprovers: b(H.id) ? E ?? [] : void 0
+			} : void 0,
+			isPending: H ? G[H.id]?.isPending ?? !1 : !1,
+			onCancel: () => {
+				z || V(void 0);
+			},
+			onConfirm: (e) => {
+				H && !z && (G[H.id]?.run(e), V(void 0));
+			}
+		}
 	};
 }
-function u(t) {
-	return t.status === "paid" && t.paid_at ? e(t.paid_at.slice(0, 10)) : void 0;
+var m = {
+	alignment: "center",
+	icon: f,
+	tone: "destructive",
+	actionWidth: "equal"
+}, h = {
+	alignment: "center",
+	icon: d,
+	tone: "destructive",
+	actionWidth: "equal"
+}, g = {
+	alignment: "center",
+	icon: d,
+	tone: "destructive",
+	actionWidth: "equal"
+};
+function _(e) {
+	if (b(e)) return m;
+	if (e === "reject") return h;
+	if (e === "cancel") return g;
+}
+var v = [
+	"reject",
+	"cancel",
+	"cancelScheduledPayment",
+	"forceApprove",
+	"forceReject"
+];
+function y(e) {
+	return v.includes(e);
+}
+function b(e) {
+	return e === "forceApprove" || e === "forceReject";
 }
 //#endregion
-export { u as getPaidAtLabel, l as mapPayableToBillDetails, s as resolveInvoiceTotalMinorUnits };
+export { p as usePayableDetailActions };

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

@@ -1,86 +1,20 @@
-import { formatCalendarDate as e } from "../../../../shared/util/dist/lib/formatCalendarDate.js";
-import { derivePayableStatus as t } from "../../../util/dist/lib/derivePayableStatus.js";
-import { formatBillMoney as n } from "../../../util/dist/lib/formatBillMoney.js";
-import { resolveAmountDueMinorUnits as r } from "../../../util/dist/lib/resolveAmountDue.js";
-import { resolveLineItemAmountMinorUnits as i } from "../../../util/dist/lib/resolveLineItemAmount.js";
-import { resolveLineItemQuantity as a } from "../../../util/dist/lib/resolveLineItemQuantity.js";
-import { resolveVendor as o } from "../../../util/dist/lib/resolveVendor.js";
-import { getPaidAtLabel as s, resolveInvoiceTotalMinorUnits as c } from "./index20.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { useLocalCalendarDay as e } from "../../../../shared/feature/dist/lib/calendar/useLocalCalendarDay.js";
+import "../../../../shared/feature/dist/index.js";
+import { formatScheduledDateLabel as t } from "../../../util/dist/lib/formatScheduledDateLabel.js";
+import { useMemo as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index21.js
-function l({ payable: l, lineItems: u, glCodeOptions: d, glCodeRosterAvailable: f = !0, history: p, paymentHistory: m, approvalPolicy: h, labels: g, hasScheduledPayment: _, rejection: v, payableAchInstructions: y, payableAchInstructionsReadable: b = !1 }) {
-	let x = l.currency, S = t({
-		apiStatus: l.status,
-		dueDate: l.due_date,
-		scheduledPaymentDate: l.scheduled_payment_date,
-		hasScheduledPayment: _
-	}), C = o(l), w = b ? y : void 0, T = w?.account_number, E = !!(w?.account_holder_name && w.routing_number && w.account_number), D = e(l.issued_at) || g.notProvided, O = e(l.due_date) || g.notProvided, k = new Map(d.map((e) => [e.value, e.label])), A = [
-		{
-			label: g.subtotalRow,
-			minorUnits: l.subtotal
-		},
-		{
-			label: g.discountRow,
-			minorUnits: l.discount
-		},
-		{
-			label: g.taxRow,
-			minorUnits: l.tax_amount
-		}
-	].map((e) => ({
-		label: e.label,
-		value: n(e.minorUnits, x)
-	})).filter((e) => !!e.value), j = n(c(l), x);
-	j && A.push({
-		label: g.totalRow,
-		value: j,
-		emphasis: !0
-	});
-	let M = s(l);
-	return {
-		amountDue: n(r(l), x) ?? "",
-		amountPaid: M ? n(l.amount_paid, x) : void 0,
-		paidOnLabel: M ? g.paidOnLabel(M) : void 0,
-		invoiceDateLabel: D,
-		dueDateLabel: O,
-		dueDateTone: S.isOverdue ? "danger" : "default",
-		status: S.status,
-		statusTone: S.tone,
-		payTo: {
-			name: C?.name || g.notProvided,
-			email: C?.email ?? "",
-			methodLabel: E ? g.paymentInstructionsValue(T?.slice(-4) ?? "") : g.paymentInstructionsNotSet,
-			hasPaymentInstructions: E
-		},
-		invoiceFields: [
-			{
-				label: g.invoiceDateRow,
-				value: D
-			},
-			{
-				label: g.dueDateRow,
-				value: O
-			},
-			{
-				label: g.invoiceNumberRow,
-				value: l.document_id || g.notProvided
-			}
-		],
-		lineItems: u.map((e) => {
-			let t = n(e.unit_price, x), r = String(a(e));
-			return {
-				id: e.id,
-				description: e.name ?? e.description ?? "",
-				glCodeLabel: e.ledger_account_id ? k.get(e.ledger_account_id) ?? (f ? g.glCodeMissing : g.glCodeUnavailable) : g.glCodeMissing,
-				qtyPriceLabel: t ? g.qtyPriceValue(r, t) : g.qtyOnlyValue(r),
-				amount: n(i(e), x) ?? ""
-			};
-		}),
-		amountRows: A,
-		approvalPolicy: h,
-		paymentHistory: m,
-		history: p,
-		rejection: v
-	};
+function r({ hasScheduledPayment: r, scheduledDate: i, labels: a }) {
+	let o = e();
+	return n(() => r && i ? t(i, a, o) : void 0, [
+		r,
+		i,
+		a,
+		o
+	]);
 }
 //#endregion
-export { l as buildBillDetailView };
+export { r as useScheduledDateLabel };

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

@@ -1,6 +1,26 @@
+"use client";
+"use client";
+"use client";
+"use client";
+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 { useWidgetConfig as n } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../shared/feature/dist/index.js";
+import { isLiveScheduledPaymentRecord as r } from "../../../util/dist/lib/isLiveScheduledPaymentRecord.js";
+import { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index18.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index22.js
-function e({ isUnsavedPromptOpen: e, isLocked: t, isDirty: n }) {
-	return e ? "dismiss-prompt" : !t && n ? "prompt" : "close";
+function a({ payableId: a, scheduledPaymentDate: o, enabled: s = !0 }) {
+	let { initResponse: c } = n(), l = e(c?.scopes, [t.PaymentRecordReadOrg]), u = i(s ? a : void 0, { enabled: s && l }), d = u.paymentRecords.find(r), f = !!d || !!o, p = d?.planned_payment_date ?? (f ? o : void 0);
+	return {
+		hasScheduledPayment: f,
+		paymentRecords: u.paymentRecords,
+		isError: u.isError,
+		isResolving: u.isResolving,
+		scheduledDate: p ?? void 0,
+		scheduledPaymentIntentId: d?.payment_intent_id ?? void 0
+	};
 }
 //#endregion
-export { e as resolveEditorDismissal };
+export { a as useScheduledPayment };

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

@@ -1,57 +1,44 @@
-import { formatCalendarDate as e } from "../../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatBillMoney as t } from "../../../util/dist/lib/formatBillMoney.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { hasAnyScope as t } from "../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../shared/data-access/dist/index.js";
+import "../../../../shared/ui/dist/index.js";
+import { useWidgetConfig as r } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../shared/feature/dist/index.js";
+import { useDeletePayableMutation as i } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { useState as a } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index23.js
-var n = {
-	dateLabel: (e) => new Date(e).toLocaleDateString("en-US", {
-		month: "short",
-		day: "numeric",
-		year: "numeric"
-	}),
-	timeLabel: (e) => new Date(e).toLocaleTimeString(void 0, {
-		hour: "numeric",
-		minute: "2-digit",
-		timeZoneName: "short"
-	}),
-	byActor: (e, t) => `${e} by ${t}`,
-	formatAmount: (e) => t(e) ?? "",
-	billCreated: "Bill created",
-	createdManually: "Data entered manually",
-	createdFromUpload: "File uploaded and scanned automatically",
-	billCreatedByEmail: "Bill created by email",
-	sentFrom: (e) => `Sent from ${e}`,
-	billDetailsUpdated: "Bill details updated",
-	filledInFromFile: "Filled in from the attached file",
-	submittedForReview: "Finalized and submitted for review",
-	approvalRequested: "Approval requested",
-	approved: "Approved",
-	approvedAutomatically: "Auto-approved",
-	rejected: "Rejected",
-	policyOverrideApproved: "Policy override: Approved",
-	policyOverrideRejected: "Policy override: Rejected",
-	quotedReason: (e) => `"${e}"`,
-	cancelled: "Cancelled",
-	reopened: "Re-opened",
-	paymentReleased: "Payment released",
-	paid: (e) => `Paid ${e}`,
-	paymentReverted: "Payment reverted",
-	calendarDateLabel: (t) => e(t),
-	paymentScheduled: "Payment scheduled",
-	scheduledFor: (e) => `Scheduled for ${e}`,
-	scheduledPaymentCancelled: "Scheduled payment cancelled",
-	cancelledAsBillChanged: "The bill was changed",
-	cancelledAsBillDeleted: "The bill was deleted",
-	paymentFailed: "Payment failed",
-	billMarkedAsFullyPaid: "Bill marked as fully paid",
-	billMarkedAsPartiallyPaid: "Bill marked as partially paid",
-	draftDeleted: "Draft deleted",
-	fileAttached: "File attached",
-	fileRemoved: "File removed",
-	creditNoteLinked: "Credit note linked",
-	creditNoteUnlinked: "Credit note unlinked",
-	lineItemsUpdated: "Line items updated",
-	lineItemAdded: "Line item added",
-	lineItemUpdated: "Line item updated",
-	lineItemRemoved: "Line item removed"
-};
+function o({ payableId: o, status: s, enabled: c = !0, labels: l, onDeleted: u }) {
+	let { initResponse: d } = r(), f = i(), [p, m] = a(!1), h = t(d?.scopes, [n.PayableWriteOrg]), g = !!(c && o && s === "draft" && h), _ = g ? [{
+		id: "deleteDraft",
+		label: l.menuItem,
+		destructive: !0,
+		onSelect: () => m(!0)
+	}] : [], v = p && g;
+	return {
+		menuItems: _,
+		dialog: {
+			open: v,
+			copy: v ? l.dialog : void 0,
+			isPending: f.isPending,
+			onCancel: () => {
+				f.isPending || m(!1);
+			},
+			onConfirm: () => {
+				g && o && !f.isPending && f.mutate({ path: { payable_id: o } }, {
+					onError: () => e.error(l.error),
+					onSuccess: () => {
+						m(!1), u();
+					}
+				});
+			}
+		}
+	};
+}
 //#endregion
-export { n as PAYABLE_AUDIT_HISTORY_LABELS_EN };
+export { o as useDraftDelete };