@tesouro/embedded-components-react 0.3.22 → 0.3.23

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

@@ -1,65 +1,17 @@
-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 { BanIcon as n, CalendarXIcon as r, RotateCcwIcon as i, ThumbsDownIcon as a, ThumbsUpIcon as o } from "lucide-react";
+"use client";
+"use client";
+"use client";
+"use client";
+import { usePayableHistoryQuery as e } from "../../data-access/dist/index6.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js
-function s({ status: s, scopes: c, canDecideApprovalRequest: l, hasScheduledPayment: u, scheduledPaymentRecordId: d, isPolicyApprover: f, hasWaitingRequest: p, arePendingApproversUnknown: m, labels: h }) {
-	let g = e(c, [t.PayablePayOrg]), _ = e(c, [t.BankAccountReadOrg]), v = e(c, [t.PaymentRailAch]), y = e(c, [t.PayableWriteOrg]), b = e(c, [t.PaymentRecordWriteOrg]), x = e(c, [t.PayableApproveOrg]), S = [];
-	s === "approve_in_progress" && l && (S.push({
-		id: "approve",
-		label: h.approve,
-		variant: "default",
-		surface: "row"
-	}), S.push({
-		id: "reject",
-		label: h.reject,
-		variant: "ghost",
-		surface: "row"
-	})), s === "approve_in_progress" && p && x && !f && !m && (S.push({
-		id: "forceApprove",
-		label: h.forceApprove,
-		variant: "ghost",
-		surface: "menu",
-		icon: o,
-		sectionHeading: h.policyOverridesHeading
-	}), S.push({
-		id: "forceReject",
-		label: h.forceReject,
-		variant: "ghost",
-		surface: "menu",
-		icon: a,
-		sectionHeading: h.policyOverridesHeading
-	}));
-	let C = (s === "waiting_to_be_paid" || s === "partially_paid") && g && !u, w = s === "waiting_to_be_paid" && g && _ && v && !u;
-	return C && S.push({
-		id: "markAsPaid",
-		label: h.markAsPaid,
-		variant: "outline",
-		surface: "row"
-	}), w && S.push({
-		id: "payBill",
-		label: h.payBill,
-		variant: "default",
-		surface: "row"
-	}), s === "new" && y && S.push({
-		id: "cancel",
-		label: h.cancel,
-		variant: "ghost",
-		surface: "menu",
-		icon: n
-	}), (s === "rejected" || s === "waiting_to_be_paid" && !u) && y && S.push({
-		id: "reopen",
-		label: h.reopen,
-		variant: "ghost",
-		surface: "menu",
-		icon: i
-	}), s === "waiting_to_be_paid" && u && d && b && S.push({
-		id: "cancelScheduledPayment",
-		label: h.cancelScheduledPayment,
-		variant: "ghost",
-		surface: "menu",
-		icon: r
-	}), S;
+var t = "submitted_for_approval";
+function n({ payableId: n, enabled: r = !0 }) {
+	let i = e(n, { enabled: r });
+	return {
+		roundStartedAt: (i.data?.data ?? []).reduce((e, n) => n.event_type === t ? n.timestamp : e, void 0),
+		isLoading: i.isLoading
+	};
 }
 //#endregion
-export { s as getBillDetailActions };
+export { n as usePayableApprovalRoundStart };

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

@@ -2,133 +2,66 @@
 "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 { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import { useAllOrganizationRolesQuery as n } from "../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
+import { useAllOrganizationUsersQuery as r } from "../../../shared/data-access/dist/lib/user/useAllOrganizationUsersQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { useWidgetConfig as i } 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, useCancelPaymentRecordMutation as a, useForceApprovePayableMutation as o, useForceRejectPayableMutation as s, useMarkPayableAsPaidMutation as c, useReopenPayableMutation as l } from "../../data-access/dist/index10.js";
+import { usePayableApprovalRequestsQuery as a } from "../../data-access/dist/index5.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";
+import { useGetApprovalPoliciesQuery as o } from "../../../shared/approval-policy/data-access/dist/lib/approvalPoliciesApi.js";
+import "../../../shared/approval-policy/data-access/dist/index.js";
+import { buildApprovalPolicyCardView as s } from "./index15.js";
+import { currentApprovalRound as c } from "./index16.js";
+import { buildPendingApproverGroups as l } from "./index17.js";
+import { usePayableApprovalRoundStart as u } from "./index18.js";
+import { useMemo as d } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js
-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();
-			}
-		}
-	}));
+function f({ payableId: f, approvalPolicyId: p, enabled: m = !0, copy: h }) {
+	let g = m && !!p, { initResponse: _ } = i(), v = e(_?.scopes, [t.ApprovalPolicyReadOrg]), y = e(_?.scopes, [t.ApprovalRequestReadOrg]), b = e(_?.scopes, [t.RoleReadOrg]), x = e(_?.scopes, [t.UserReadOrg]), S = o({ enabled: g && v }), C = n({ enabled: g && b }), w = r({ enabled: g && x }), T = a(f, { enabled: g && y }), { roundStartedAt: E } = u({
+		payableId: f,
+		enabled: g && y
+	}), D = d(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of C.data?.data ?? []) e.set(t.id, {
+			label: t.name,
+			kind: "role"
+		});
+		for (let t of w.data?.data ?? []) e.set(t.id, {
+			label: t.name,
+			kind: "user"
+		});
+		return e;
+	}, [C.data, w.data]), O = d(() => c(T.data?.data, E), [T.data, E]), k = d(() => new Set(O.flatMap((e) => e.approved_by ?? [])), [O]), A = d(() => new Set(O.filter((e) => (e.approved_by ?? []).length > 0).flatMap((e) => e.role_ids ?? [])), [O]), j = d(() => p ? S.data?.data.find((e) => e.id === p) : void 0, [S.data, p]);
 	return {
-		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));
-			}
-		}
+		view: d(() => g && j ? s({
+			policy: j,
+			lookup: D,
+			approvedUserIds: k,
+			approvedRoleIds: A,
+			copy: h
+		}) : void 0, [
+			g,
+			j,
+			D,
+			k,
+			A,
+			h
+		]),
+		pendingApprovers: d(() => g ? l({
+			requestsNewestFirst: T.data?.data,
+			roundStartedAt: E,
+			lookup: D
+		}) : [], [
+			g,
+			T.data,
+			E,
+			D
+		]),
+		isLoading: g && (S.isResolving || C.isResolving || w.isResolving || T.isLoading)
 	};
 }
-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 { p as usePayableDetailActions };
+export { f as useApprovalPolicyCardView };

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

@@ -1,6 +1,21 @@
+import { MARK_AS_PAID_DIALOG_LABELS_EN as e } from "../../ui/dist/index82.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index2.js
-function e(e) {
-	return e?.amount_due ?? e?.total_amount ?? void 0;
+var t = {
+	dueDateSuffix: (e) => `by ${e}`,
+	paidToast: "Bill marked as paid",
+	submitError: "Couldn't mark this bill as paid. Try again.",
+	dialog: e
+};
+function n(e) {
+	return {
+		...t,
+		...e,
+		dialog: {
+			...t.dialog,
+			...e?.dialog
+		}
+	};
 }
 //#endregion
-export { e as resolveAmountDueMinorUnits };
+export { t as MARK_AS_PAID_FLOW_LABELS_EN, n as mergeMarkAsPaidFlowLabels };

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

@@ -3,22 +3,27 @@
 "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 { useCurrentUserQuery as t } from "../../../shared/data-access/dist/lib/useCurrentUserQuery.js";
+import { Scope as n } 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 "../../../shared/feature/dist/index.js";
-import { usePayablePaymentRecordsQuery as i } from "../../data-access/dist/index8.js";
+import { usePayableApprovalRequestsQuery as i } from "../../data-access/dist/index5.js";
 import "../../data-access/dist/index.js";
+import { currentApprovalRound as a } from "./index16.js";
+import { usePayableApprovalRoundStart as o } from "./index18.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.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 s({ payableId: s, status: c }) {
+	let { initResponse: l } = r(), u = e(l?.scopes, [n.ApprovalRequestReadOrg]), d = c === "approve_in_progress" && u, f = i(s, { enabled: d }), p = t({ enabled: d }), { roundStartedAt: m } = o({
+		payableId: s,
+		enabled: d
+	}), h = p.data?.id, g = d ? a(f.data?.data, m) : [], _ = (e) => e.caller_is_policy_approver ?? !!(h && e.user_ids.includes(h)), v = g.some(_), y = g.filter((e) => e.status === "waiting");
 	return {
-		hasScheduledPayment: f,
-		isResolving: u.isResolving,
-		scheduledDateLabel: p ? n(p) : void 0,
-		scheduledPaymentRecordId: d?.id
+		id: y.filter(_).find((e) => !(h && (e.approved_by ?? []).includes(h)))?.id,
+		isPolicyApprover: v,
+		hasWaitingRequest: y.length > 0,
+		isLoading: f.isLoading || p.isLoading
 	};
 }
 //#endregion
-export { a as useScheduledPayment };
+export { s as useCurrentApprovalRequestId };

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

@@ -1,44 +1,65 @@
-"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 { 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 { 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";
+import { BanIcon as n, CalendarXIcon as r, RotateCcwIcon as i, ThumbsDownIcon as a, ThumbsUpIcon as o } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.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;
-	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();
-					}
-				});
-			}
-		}
-	};
+function s({ status: s, scopes: c, canDecideApprovalRequest: l, hasScheduledPayment: u, scheduledPaymentRecordId: d, isPolicyApprover: f, hasWaitingRequest: p, arePendingApproversUnknown: m, labels: h }) {
+	let g = e(c, [t.PayablePayOrg]), _ = e(c, [t.BankAccountReadOrg]), v = e(c, [t.PaymentRailAch]), y = e(c, [t.PayableWriteOrg]), b = e(c, [t.PaymentRecordWriteOrg]), x = e(c, [t.PayableApproveOrg]), S = [];
+	s === "approve_in_progress" && l && (S.push({
+		id: "approve",
+		label: h.approve,
+		variant: "default",
+		surface: "row"
+	}), S.push({
+		id: "reject",
+		label: h.reject,
+		variant: "ghost",
+		surface: "row"
+	})), s === "approve_in_progress" && p && x && !f && !m && (S.push({
+		id: "forceApprove",
+		label: h.forceApprove,
+		variant: "ghost",
+		surface: "menu",
+		icon: o,
+		sectionHeading: h.policyOverridesHeading
+	}), S.push({
+		id: "forceReject",
+		label: h.forceReject,
+		variant: "ghost",
+		surface: "menu",
+		icon: a,
+		sectionHeading: h.policyOverridesHeading
+	}));
+	let C = s === "waiting_to_be_paid" && g && !u, w = s === "waiting_to_be_paid" && g && _ && v && !u;
+	return C && S.push({
+		id: "markAsPaid",
+		label: h.markAsPaid,
+		variant: "outline",
+		surface: "row"
+	}), w && S.push({
+		id: "payBill",
+		label: h.payBill,
+		variant: "default",
+		surface: "row"
+	}), s === "new" && y && S.push({
+		id: "cancel",
+		label: h.cancel,
+		variant: "ghost",
+		surface: "menu",
+		icon: n
+	}), (s === "rejected" || s === "waiting_to_be_paid" && !u) && y && S.push({
+		id: "reopen",
+		label: h.reopen,
+		variant: "ghost",
+		surface: "menu",
+		icon: i
+	}), s === "waiting_to_be_paid" && u && d && b && S.push({
+		id: "cancelScheduledPayment",
+		label: h.cancelScheduledPayment,
+		variant: "ghost",
+		surface: "menu",
+		icon: r
+	}), S;
 }
 //#endregion
-export { o as useDraftDelete };
+export { s as getBillDetailActions };

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

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