@tesouro/embedded-components-react 0.2.337 → 0.2.338

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

@@ -7,95 +7,111 @@ 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/index5.js";
-import { useCancelPayableMutation as i, useForceApprovePayableMutation as a, useForceRejectPayableMutation as o, useMarkPayableAsPaidMutation as s, useReopenPayableMutation as c } from "../../data-access/dist/index10.js";
+import { useCancelPayableMutation as i, useCancelPaymentRecordMutation as a, useForceApprovePayableMutation as o, useForceRejectPayableMutation as s, useMarkPayableAsPaidMutation as c, useReopenPayableMutation as l } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";
-import { getBillDetailActions as l } from "./index17.js";
-import { useState as u } from "react";
+import { getBillDetailActions as u } from "./index17.js";
+import { useState as d } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js
-function d({ payableId: d, status: f, currentApprovalRequestId: m, isPolicyApprover: h, hasWaitingRequest: g, hasScheduledPayment: _, isScheduledPaymentUnknown: v, labels: y, onPayBillSelect: b }) {
-	let { initResponse: x } = t(), S = s(), C = r(), w = n(), T = i(), E = c(), D = a(), O = o(), k = S.isPending || C.isPending || w.isPending || T.isPending || E.isPending || D.isPending || O.isPending, [A, j] = u(), M = d && f ? l({
-		status: f,
-		scopes: x?.scopes,
-		canDecideApprovalRequest: !!m,
-		isPolicyApprover: h,
-		hasWaitingRequest: g,
-		hasScheduledPayment: _ || v,
-		labels: y
-	}) : [], N = { onError: () => e.error(y.actionError) }, P = {
+function f({ payableId: f, status: p, currentApprovalRequestId: h, isPolicyApprover: g, hasWaitingRequest: _, hasScheduledPayment: v, scheduledPaymentRecordId: y, isScheduledPaymentUnknown: b, labels: x, onPayBillSelect: S }) {
+	let { initResponse: C } = t(), w = c(), T = r(), E = n(), D = i(), O = a(), k = l(), A = o(), j = s(), M = w.isPending || T.isPending || E.isPending || D.isPending || O.isPending || k.isPending || A.isPending || j.isPending, [N, P] = d(), F = N && (N.id !== "cancelScheduledPayment" || N.scheduledPaymentRecordId === y) ? N : void 0, I = f && p ? u({
+		status: p,
+		scopes: C?.scopes,
+		canDecideApprovalRequest: !!h,
+		isPolicyApprover: g,
+		hasWaitingRequest: _,
+		hasScheduledPayment: v || b,
+		scheduledPaymentRecordId: y,
+		labels: x
+	}) : [], L = { onError: () => e.error(x.actionError) }, R = {
 		markAsPaid: {
-			isPending: S.isPending,
-			run: () => d && S.mutate({ path: { payable_id: d } }, N)
+			isPending: w.isPending,
+			run: () => f && w.mutate({ path: { payable_id: f } }, L)
 		},
 		reject: {
-			isPending: C.isPending,
-			run: (e) => m && C.mutate({
-				path: { approval_request_id: m },
+			isPending: T.isPending,
+			run: (e) => h && T.mutate({
+				path: { approval_request_id: h },
 				body: e ? { reject_reason: e } : void 0
-			}, N)
+			}, L)
 		},
 		approve: {
-			isPending: w.isPending,
-			run: () => m && w.mutate({ path: { approval_request_id: m } }, N)
+			isPending: E.isPending,
+			run: () => h && E.mutate({ path: { approval_request_id: h } }, L)
 		},
 		cancel: {
-			isPending: T.isPending,
-			run: () => d && T.mutate({ path: { payable_id: d } }, N)
+			isPending: D.isPending,
+			run: () => f && D.mutate({ path: { payable_id: f } }, L)
+		},
+		cancelScheduledPayment: {
+			isPending: O.isPending,
+			run: () => {
+				let e = F?.scheduledPaymentRecordId;
+				!f || !e || O.mutate({
+					path: { payment_record_id: e },
+					payableId: f
+				}, L);
+			}
 		},
 		reopen: {
-			isPending: E.isPending,
-			run: () => d && E.mutate({ path: { payable_id: d } }, N)
+			isPending: k.isPending,
+			run: () => f && k.mutate({ path: { payable_id: f } }, L)
 		},
 		forceApprove: {
-			isPending: D.isPending,
-			run: () => d && D.mutate({ path: { payable_id: d } }, N)
+			isPending: A.isPending,
+			run: () => f && A.mutate({ path: { payable_id: f } }, L)
 		},
 		forceReject: {
-			isPending: O.isPending,
-			run: () => d && O.mutate({ path: { payable_id: d } }, N)
+			isPending: j.isPending,
+			run: () => f && j.mutate({ path: { payable_id: f } }, L)
 		}
-	}, F = M.map((e) => ({
+	}, z = I.map((e) => ({
 		...e,
-		disabled: k,
-		loading: P[e.id]?.isPending ?? !1,
+		disabled: M,
+		loading: R[e.id]?.isPending ?? !1,
 		onSelect: () => {
-			if (!(k || !d)) {
+			if (!(M || !f)) {
 				if (e.id === "payBill") {
-					b();
+					S();
 					return;
 				}
-				if (p(e.id)) {
-					j(e.id);
+				if (m(e.id)) {
+					P({
+						id: e.id,
+						scheduledPaymentRecordId: y
+					});
 					return;
 				}
-				P[e.id]?.run();
+				R[e.id]?.run();
 			}
 		}
 	}));
 	return {
 		actions: {
-			row: F.filter((e) => e.surface === "row"),
-			menu: F.filter((e) => e.surface === "menu")
+			row: z.filter((e) => e.surface === "row"),
+			menu: z.filter((e) => e.surface === "menu")
 		},
 		decisionDialog: {
-			open: !!A,
-			copy: A ? y.decisionDialog[A] : void 0,
-			isPending: A ? P[A]?.isPending ?? !1 : !1,
+			open: !!F,
+			copy: F ? x.decisionDialog[F.id] : void 0,
+			isPending: F ? R[F.id]?.isPending ?? !1 : !1,
 			onCancel: () => {
-				k || j(void 0);
+				M || P(void 0);
 			},
 			onConfirm: (e) => {
-				!A || k || (P[A]?.run(e), j(void 0));
+				!F || M || (R[F.id]?.run(e), P(void 0));
 			}
 		}
 	};
 }
-var f = [
+var p = [
 	"reject",
+	"cancel",
+	"cancelScheduledPayment",
 	"forceApprove",
 	"forceReject"
 ];
-function p(e) {
-	return f.includes(e);
+function m(e) {
+	return p.includes(e);
 }
 //#endregion
-export { d as usePayableDetailActions };
+export { f as usePayableDetailActions };

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

@@ -12,11 +12,12 @@ import { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index
 import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js
 function a({ payableId: a, scheduledPaymentDate: o, enabled: s = !0 }) {
-	let { initResponse: c } = r(), l = e(c?.scopes, [t.PaymentRecordReadOrg]), u = i(s ? a : void 0, { enabled: s && l }), d = u.paymentRecords.find((e) => e.status === "created" || e.status === "processing"), f = d?.planned_payment_date ?? o;
+	let { initResponse: c } = r(), l = e(c?.scopes, [t.PaymentRecordReadOrg]), u = i(s ? a : void 0, { enabled: s && l }), d = u.paymentRecords.find((e) => e.status === "created" || e.status === "processing"), f = !!d || !!o, p = d?.planned_payment_date ?? (f ? o : void 0);
 	return {
-		hasScheduledPayment: !!o || !!d,
+		hasScheduledPayment: f,
 		isResolving: u.isResolving,
-		scheduledDateLabel: f ? n(f) : void 0
+		scheduledDateLabel: p ? n(p) : void 0,
+		scheduledPaymentRecordId: d?.id
 	};
 }
 //#endregion

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

@@ -1,54 +1,44 @@
+"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/feature/dist/index20.js
-var e = /* @__PURE__ */ new Set([
-	"new",
-	"approve_in_progress",
-	"waiting_to_be_paid",
-	"partially_paid"
-]);
-function t(e, t) {
-	let n = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`), r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
-	return n.getTime() < r;
-}
-function n({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, now: a = /* @__PURE__ */ new Date() }) {
-	if (e.has(n) && i) return {
-		status: "scheduled",
-		tone: "accent"
-	};
-	if (e.has(n) && r && t(r, a)) return {
-		status: "overdue",
-		tone: "danger"
+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();
+					}
+				});
+			}
+		}
 	};
-	switch (n) {
-		case "draft": return {
-			status: "draft",
-			tone: "neutral"
-		};
-		case "new":
-		case "approve_in_progress": return {
-			status: "pending_approval",
-			tone: "warning"
-		};
-		case "waiting_to_be_paid": return {
-			status: "ready_to_pay",
-			tone: "info"
-		};
-		case "partially_paid": return {
-			status: "partially_paid",
-			tone: "success"
-		};
-		case "paid": return {
-			status: "paid",
-			tone: "success"
-		};
-		case "canceled": return {
-			status: "canceled",
-			tone: "muted"
-		};
-		case "rejected": return {
-			status: "rejected",
-			tone: "danger"
-		};
-	}
 }
 //#endregion
-export { n as derivePayableStatus };
+export { o as useDraftDelete };

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

@@ -1,8 +1,54 @@
-import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js
-function t(t, n) {
-	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
+var e = /* @__PURE__ */ new Set([
+	"new",
+	"approve_in_progress",
+	"waiting_to_be_paid",
+	"partially_paid"
+]);
+function t(e, t) {
+	let n = /* @__PURE__ */ new Date(`${e.slice(0, 10)}T00:00:00Z`), r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+	return n.getTime() < r;
+}
+function n({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, hasScheduledPayment: a = !!i, now: o = /* @__PURE__ */ new Date() }) {
+	if (e.has(n) && a) return {
+		status: "scheduled",
+		tone: "accent"
+	};
+	if (e.has(n) && r && t(r, o)) return {
+		status: "overdue",
+		tone: "danger"
+	};
+	switch (n) {
+		case "draft": return {
+			status: "draft",
+			tone: "neutral"
+		};
+		case "new":
+		case "approve_in_progress": return {
+			status: "pending_approval",
+			tone: "warning"
+		};
+		case "waiting_to_be_paid": return {
+			status: "ready_to_pay",
+			tone: "info"
+		};
+		case "partially_paid": return {
+			status: "partially_paid",
+			tone: "success"
+		};
+		case "paid": return {
+			status: "paid",
+			tone: "success"
+		};
+		case "canceled": return {
+			status: "canceled",
+			tone: "muted"
+		};
+		case "rejected": return {
+			status: "rejected",
+			tone: "danger"
+		};
+	}
 }
 //#endregion
-export { t as formatBillMoney };
+export { n as derivePayableStatus };

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

@@ -1,74 +1,8 @@
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { resolveAmountDueMinorUnits as t } from "./index2.js";
-import { resolveVendor as n } from "./index3.js";
-import { derivePayableStatus as r } from "./index20.js";
-import { formatBillMoney as i } from "./index21.js";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js
-function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPolicy: l, labels: u }) {
-	let d = a.currency, f = r({
-		apiStatus: a.status,
-		dueDate: a.due_date,
-		scheduledPaymentDate: a.scheduled_payment_date
-	}), p = n(a), m = p?.bank_account?.account_number, h = e(a.issued_at) || u.notProvided, g = e(a.due_date) || u.notProvided, _ = new Map(s.map((e) => [e.value, e.label])), v = [
-		{
-			label: u.subtotalRow,
-			minorUnits: a.subtotal
-		},
-		{
-			label: u.discountRow,
-			minorUnits: a.discount
-		},
-		{
-			label: u.taxRow,
-			minorUnits: a.tax_amount
-		}
-	].map((e) => ({
-		label: e.label,
-		value: i(e.minorUnits, d)
-	})).filter((e) => !!e.value), y = i(a.total_amount, d);
-	return y && v.push({
-		label: u.totalRow,
-		value: y,
-		emphasis: !0
-	}), {
-		amountDue: i(t(a), d) ?? "",
-		invoiceDateLabel: h,
-		dueDateLabel: g,
-		status: f.status,
-		statusTone: f.tone,
-		payTo: {
-			name: p?.name || u.notProvided,
-			email: p?.email ?? void 0,
-			paymentInstructionsLabel: m ? u.paymentInstructionsValue(m.slice(-4)) : void 0
-		},
-		invoiceFields: [
-			{
-				label: u.invoiceDateRow,
-				value: h
-			},
-			{
-				label: u.dueDateRow,
-				value: g
-			},
-			{
-				label: u.invoiceNumberRow,
-				value: a.document_id || u.notProvided
-			}
-		],
-		lineItems: o.map((e) => {
-			let t = i(e.unit_price, d);
-			return {
-				id: e.id,
-				description: e.name ?? e.description ?? "",
-				glCodeLabel: (e.ledger_account_id ? _.get(e.ledger_account_id) : void 0) || u.glCodeMissing,
-				qtyPriceLabel: e.quantity != null && t ? u.qtyPriceValue(String(e.quantity), t) : "",
-				amount: i(e.subtotal, d) ?? ""
-			};
-		}),
-		amountRows: v,
-		approvalPolicy: l,
-		history: c
-	};
+function t(t, n) {
+	if (typeof t == "number") return e(t / 100, { currencyCode: n ?? "USD" });
 }
 //#endregion
-export { a as buildBillDetailView };
+export { t as formatBillMoney };

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

@@ -1,52 +1,75 @@
-import { BILL_STATUS_BADGE_LABELS_EN as e } from "../../ui/dist/index18.js";
-import "../../ui/dist/index.js";
-import { derivePayableStatus as t } from "./index20.js";
+import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
+import { resolveAmountDueMinorUnits as t } from "./index2.js";
+import { resolveVendor as n } from "./index3.js";
+import { derivePayableStatus as r } from "./index21.js";
+import { formatBillMoney as i } from "./index22.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js
-var n = /* @__PURE__ */ new Set([
-	"credit_note_linked",
-	"credit_note_unlinked",
-	"line_item_added",
-	"line_item_updated",
-	"line_item_removed",
-	"deleted"
-]);
-function r(n, r, i) {
-	switch (n) {
-		case "payable_created": return r?.source_of_payable_data === "ocr" ? i.billUploaded : i.billAdded;
-		case "payable_updated": return i.billUpdated;
-		case "file_attached": return i.attachmentAdded;
-		case "submitted_for_approval": return i.submittedForApproval;
-		case "approval_requested": return i.approvalRequested;
-		case "approval_action": {
-			let e = r?.action, t = r?.reject_reason;
-			return e === "approve" ? i.approved : e === "reject" ? typeof t == "string" && t ? i.rejectedWithReason(t) : i.rejected : void 0;
+function a({ payable: a, lineItems: o, glCodeOptions: s, history: c, approvalPolicy: l, labels: u, hasScheduledPayment: d }) {
+	let f = a.currency, p = r({
+		apiStatus: a.status,
+		dueDate: a.due_date,
+		scheduledPaymentDate: a.scheduled_payment_date,
+		hasScheduledPayment: d
+	}), m = n(a), h = m?.bank_account?.account_number, g = e(a.issued_at) || u.notProvided, _ = e(a.due_date) || u.notProvided, v = new Map(s.map((e) => [e.value, e.label])), y = [
+		{
+			label: u.subtotalRow,
+			minorUnits: a.subtotal
+		},
+		{
+			label: u.discountRow,
+			minorUnits: a.discount
+		},
+		{
+			label: u.taxRow,
+			minorUnits: a.tax_amount
 		}
-		case "auto_approved": return i.autoApproved;
-		case "reopened": return i.reopened;
-		case "marked_as_paid": return i.markedAsPaid;
-		case "marked_as_partially_paid": return i.markedAsPartiallyPaid;
-		case "payment_reverted": return i.paymentReverted;
-		case "status_changed": {
-			let n = r?.new_status;
-			if (typeof n != "string") return;
-			let a = t({ apiStatus: n }).status;
-			return i.statusChanged(e[a] ?? e.unknown);
-		}
-		default: return;
-	}
-}
-function i(e, t, i) {
-	let a = new Map(t.map((e) => [e.id, e.name]));
-	return e.filter((e) => !n.has(e.event_type)).map((e) => {
-		let t = r(e.event_type, e.event_data, i);
-		if (!t) return;
-		let n = e.entity_user_id ? a.get(e.entity_user_id) : void 0;
-		return {
-			id: e.id,
-			dateLabel: i.dateLabel(e.timestamp),
-			description: n ? i.byActor(t, n) : t
-		};
-	}).filter((e) => !!e);
+	].map((e) => ({
+		label: e.label,
+		value: i(e.minorUnits, f)
+	})).filter((e) => !!e.value), b = i(a.total_amount, f);
+	return b && y.push({
+		label: u.totalRow,
+		value: b,
+		emphasis: !0
+	}), {
+		amountDue: i(t(a), f) ?? "",
+		invoiceDateLabel: g,
+		dueDateLabel: _,
+		status: p.status,
+		statusTone: p.tone,
+		payTo: {
+			name: m?.name || u.notProvided,
+			email: m?.email ?? void 0,
+			paymentInstructionsLabel: h ? u.paymentInstructionsValue(h.slice(-4)) : void 0
+		},
+		invoiceFields: [
+			{
+				label: u.invoiceDateRow,
+				value: g
+			},
+			{
+				label: u.dueDateRow,
+				value: _
+			},
+			{
+				label: u.invoiceNumberRow,
+				value: a.document_id || u.notProvided
+			}
+		],
+		lineItems: o.map((e) => {
+			let t = i(e.unit_price, f);
+			return {
+				id: e.id,
+				description: e.name ?? e.description ?? "",
+				glCodeLabel: (e.ledger_account_id ? v.get(e.ledger_account_id) : void 0) || u.glCodeMissing,
+				qtyPriceLabel: e.quantity != null && t ? u.qtyPriceValue(String(e.quantity), t) : "",
+				amount: i(e.subtotal, f) ?? ""
+			};
+		}),
+		amountRows: y,
+		approvalPolicy: l,
+		history: c
+	};
 }
 //#endregion
-export { i as buildBillHistory };
+export { a as buildBillDetailView };