@tesouro/embedded-components-react 0.3.11 → 0.3.13

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

@@ -2,23 +2,133 @@
 "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 { formatCalendarDate as n } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+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 { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index8.js";
+import { useApprovePayableApprovalRequestMutation as n, useRejectPayableApprovalRequestMutation as r } from "../../data-access/dist/index5.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 u } from "./index18.js";
+import { useState as d } from "react";
+import { HandIcon as f } from "lucide-react";
 //#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 || !!o, p = d?.planned_payment_date ?? (f ? o : void 0);
+function p({ payableId: f, status: p, currentApprovalRequestId: h, isPolicyApprover: v, hasWaitingRequest: y, arePendingApproversUnknown: b, hasScheduledPayment: x, scheduledPaymentRecordId: S, isScheduledPaymentUnknown: C, labels: w, pendingApprovers: T, onPayBillSelect: E }) {
+	let { initResponse: D } = t(), O = c(), k = r(), A = n(), j = i(), M = a(), N = l(), P = o(), F = s(), I = O.isPending || k.isPending || A.isPending || j.isPending || M.isPending || N.isPending || P.isPending || F.isPending, [L, R] = d(), z = L && (L.id !== "cancelScheduledPayment" || L.scheduledPaymentRecordId === S) ? L : void 0, B = f && p ? u({
+		status: p,
+		scopes: D?.scopes,
+		canDecideApprovalRequest: !!h,
+		isPolicyApprover: v,
+		hasWaitingRequest: y,
+		arePendingApproversUnknown: b,
+		hasScheduledPayment: x || C,
+		scheduledPaymentRecordId: S,
+		labels: w
+	}) : [], V = (t) => ({
+		onError: () => e.error(w.actionError),
+		onSuccess: () => e.success(w.actionSuccess[t])
+	}), H = {
+		markAsPaid: {
+			isPending: O.isPending,
+			run: () => f && O.mutate({ path: { payable_id: f } }, V("markAsPaid"))
+		},
+		reject: {
+			isPending: k.isPending,
+			run: (e) => h && k.mutate({
+				path: { approval_request_id: h },
+				body: e ? { reject_reason: e } : void 0
+			}, V("reject"))
+		},
+		approve: {
+			isPending: A.isPending,
+			run: () => h && A.mutate({ path: { approval_request_id: h } }, V("approve"))
+		},
+		cancel: {
+			isPending: j.isPending,
+			run: () => f && j.mutate({ path: { payable_id: f } }, V("cancel"))
+		},
+		cancelScheduledPayment: {
+			isPending: M.isPending,
+			run: () => {
+				let e = z?.scheduledPaymentRecordId;
+				!f || !e || M.mutate({
+					path: { payment_record_id: e },
+					payableId: f
+				}, V("cancelScheduledPayment"));
+			}
+		},
+		reopen: {
+			isPending: N.isPending,
+			run: () => f && N.mutate({ path: { payable_id: f } }, V("reopen"))
+		},
+		forceApprove: {
+			isPending: P.isPending,
+			run: () => f && P.mutate({ path: { payable_id: f } }, V("forceApprove"))
+		},
+		forceReject: {
+			isPending: F.isPending,
+			run: () => f && F.mutate({ path: { payable_id: f } }, V("forceReject"))
+		}
+	}, U = B.map((e) => ({
+		...e,
+		disabled: I,
+		loading: H[e.id]?.isPending ?? !1,
+		onSelect: () => {
+			if (!(I || !f)) {
+				if (e.id === "payBill") {
+					E();
+					return;
+				}
+				if (g(e.id)) {
+					R({
+						id: e.id,
+						scheduledPaymentRecordId: S
+					});
+					return;
+				}
+				H[e.id]?.run();
+			}
+		}
+	}));
 	return {
-		hasScheduledPayment: f,
-		isResolving: u.isResolving,
-		scheduledDateLabel: p ? n(p) : void 0,
-		scheduledPaymentRecordId: d?.id
+		actions: {
+			row: U.filter((e) => e.surface === "row"),
+			menu: U.filter((e) => e.surface === "menu")
+		},
+		decisionDialog: {
+			open: !!z,
+			copy: z ? {
+				...w.decisionDialog[z.id],
+				presentation: _(z.id) ? m : void 0,
+				pendingApprovers: _(z.id) ? T ?? [] : void 0
+			} : void 0,
+			isPending: z ? H[z.id]?.isPending ?? !1 : !1,
+			onCancel: () => {
+				I || R(void 0);
+			},
+			onConfirm: (e) => {
+				!z || I || (H[z.id]?.run(e), R(void 0));
+			}
+		}
 	};
 }
+var m = {
+	alignment: "center",
+	icon: f,
+	tone: "destructive",
+	actionWidth: "equal"
+}, h = [
+	"reject",
+	"cancel",
+	"cancelScheduledPayment",
+	"forceApprove",
+	"forceReject"
+];
+function g(e) {
+	return h.includes(e);
+}
+function _(e) {
+	return e === "forceApprove" || e === "forceReject";
+}
 //#endregion
-export { a as useScheduledPayment };
+export { p as usePayableDetailActions };

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

@@ -2,43 +2,23 @@
 "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 { 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 "../../../shared/ui/dist/index.js";
+import { formatCalendarDate as n } from "../../../shared/util/dist/lib/formatCalendarDate.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 { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index8.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
-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;
+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 || !!o, p = d?.planned_payment_date ?? (f ? o : void 0);
 	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();
-					}
-				});
-			}
-		}
+		hasScheduledPayment: f,
+		isResolving: u.isResolving,
+		scheduledDateLabel: p ? n(p) : void 0,
+		scheduledPaymentRecordId: d?.id
 	};
 }
 //#endregion
-export { o as useDraftDelete };
+export { a as useScheduledPayment };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.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/index21.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, 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"
+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/index22.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/index22.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/index23.js

@@ -1,75 +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 "./index21.js";
-import { formatBillMoney as i } from "./index22.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/index23.js
-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
-		}
-	].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
-	};
+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/index24.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 "./index21.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 "./index22.js";
+import { formatBillMoney as i } from "./index23.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.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 };