@tesouro/embedded-components-react 0.5.280 → 0.5.282

package/dist/index.css

@@ -4957,6 +4957,14 @@
     .ttw\:hover\:\!text-sidebar-accent-foreground:hover {
       color: var(--ttw-sidebar-accent-foreground) !important;
     }
+    .ttw\:hover\:text-\[color-mix\(in_srgb\,var\(--ttw-destructive\)\,black_10\%\)\]:hover {
+      color: var(--ttw-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .ttw\:hover\:text-\[color-mix\(in_srgb\,var\(--ttw-destructive\)\,black_10\%\)\]:hover {
+        color: color-mix(in srgb,var(--ttw-destructive),black 10%);
+      }
+    }
     .ttw\:hover\:text-accent-foreground:hover {
       color: var(--ttw-accent-foreground);
     }

package/dist/index.d.ts

@@ -1969,7 +1969,7 @@ interface BankAccountOnboardingWidgetLabels {
     /** The prompt shown when closing with unsaved changes. */
     unsavedApplicationDialog: Partial<UnsavedApplicationDialogLabels>;
     /**
-     * The prompt confirming "Cancel and delete application". Its bold run
+     * The prompt confirming "Delete". Its bold run
      * defaults to `saveAndClose`, so it names the footer's save control.
      */
     deleteApplicationDialog: Partial<DeleteApplicationDialogLabels>;
@@ -1982,7 +1982,7 @@ interface BankAccountOnboardingWidgetLabels {
     deleteApplication: string;
     /** Shown once the application has been deleted. */
     applicationDeletedToast: string;
-    /** Shown after "Save and close" or the close prompt's "Save changes" writes the application. */
+    /** Shown after "Save and continue later" or the close prompt's "Save changes" writes the application. */
     applicationSavedToast: string;
     businessReviewTitle: string;
     businessReviewSubtitle: string;

package/dist/lib/BankAccountOnboardingWidget.d.ts

@@ -1037,7 +1037,7 @@ interface BankAccountOnboardingWidgetLabels {
     /** The prompt shown when closing with unsaved changes. */
     unsavedApplicationDialog: Partial<UnsavedApplicationDialogLabels>;
     /**
-     * The prompt confirming "Cancel and delete application". Its bold run
+     * The prompt confirming "Delete". Its bold run
      * defaults to `saveAndClose`, so it names the footer's save control.
      */
     deleteApplicationDialog: Partial<DeleteApplicationDialogLabels>;
@@ -1050,7 +1050,7 @@ interface BankAccountOnboardingWidgetLabels {
     deleteApplication: string;
     /** Shown once the application has been deleted. */
     applicationDeletedToast: string;
-    /** Shown after "Save and close" or the close prompt's "Save changes" writes the application. */
+    /** Shown after "Save and continue later" or the close prompt's "Save changes" writes the application. */
     applicationSavedToast: string;
     businessReviewTitle: string;
     businessReviewSubtitle: string;

package/dist/lib/WidgetSuite.d.ts

@@ -1086,7 +1086,7 @@ interface BankAccountOnboardingWidgetLabels {
     /** The prompt shown when closing with unsaved changes. */
     unsavedApplicationDialog: Partial<UnsavedApplicationDialogLabels>;
     /**
-     * The prompt confirming "Cancel and delete application". Its bold run
+     * The prompt confirming "Delete". Its bold run
      * defaults to `saveAndClose`, so it names the footer's save control.
      */
     deleteApplicationDialog: Partial<DeleteApplicationDialogLabels>;
@@ -1099,7 +1099,7 @@ interface BankAccountOnboardingWidgetLabels {
     deleteApplication: string;
     /** Shown once the application has been deleted. */
     applicationDeletedToast: string;
-    /** Shown after "Save and close" or the close prompt's "Save changes" writes the application. */
+    /** Shown after "Save and continue later" or the close prompt's "Save changes" writes the application. */
     applicationSavedToast: string;
     businessReviewTitle: string;
     businessReviewSubtitle: string;

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js

@@ -59,8 +59,8 @@ var n = {
 	cancel: "Cancel",
 	next: "Next",
 	submit: "Submit application",
-	saveAndClose: "Save and close",
-	deleteApplication: "Cancel and delete application",
+	saveAndClose: "Save and continue later",
+	deleteApplication: "Delete",
 	applicationDeletedToast: "Application deleted.",
 	applicationSavedToast: "Application saved. You can continue later.",
 	businessReviewTitle: "Review your business details",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.js

@@ -2,7 +2,7 @@
 var e = {
 	title: "Delete this application?",
 	descriptionBeforeEmphasis: "Everything you've entered so far will be permanently removed. If you'd rather come back later, use ",
-	descriptionEmphasis: "Save and close",
+	descriptionEmphasis: "Save and continue later",
 	descriptionAfterEmphasis: " instead.",
 	keepEditingButton: "Keep editing",
 	deleteButton: "Delete application"

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/data-access/dist/index18.js

@@ -29,6 +29,7 @@ function d(d, { enabled: f } = {}) {
 			organizationStatus: _
 		}, { suffix: ["all"] }),
 		enabled: y,
+		staleTime: 3e4,
 		initialPageParam: void 0,
 		queryFn: async ({ signal: t, pageParam: n }) => {
 			let { data: r } = await e({

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

@@ -1,12 +1,12 @@
-import "./index18.js";
-import "./index23.js";
-import "./index31.js";
+import "./index20.js";
+import "./index25.js";
 import "./index33.js";
 import "./index35.js";
-import "./index36.js";
 import "./index37.js";
 import "./index38.js";
 import "./index39.js";
-import { BillCreateWidget as e, BillDetailsWidget as t } from "./index41.js";
-import "./index42.js";
+import "./index40.js";
+import "./index41.js";
+import { BillCreateWidget as e, BillDetailsWidget as t } from "./index43.js";
+import "./index44.js";
 export { e as BillCreateWidget, t as BillDetailsWidget };

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

@@ -1,13 +1,13 @@
-import { formatRejectionDate as e } from "../../../../shared/util/dist/lib/formatRejectionDate.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index13.js
-function t({ payableStatus: t, approvalRequests: n, userNames: r, payableUpdatedAt: i, labels: a, now: o }) {
-	let s = n.find((e) => e.status === "rejected");
-	if (!s) return t !== "rejected" || !i ? void 0 : { actorLabel: a.rejectedOn(e(i, o)) };
-	let c = s.rejected_by ? r.get(s.rejected_by) : void 0, l = e(s.updated_at, o);
+function e({ isCapabilityUnknown: e, canApproveNow: t, canOverridePolicy: n, status: r, hasApprovalPolicy: i, pendingApproverNames: a, labels: o }) {
+	if (e) return { showApprovalOverrideNotice: !1 };
+	if (n) return { showApprovalOverrideNotice: !t };
+	if (t || r !== "approve_in_progress" || !i) return { showApprovalOverrideNotice: !1 };
+	let s = [...new Set(a)];
 	return {
-		actorLabel: c ? a.rejectedByOn(c, l) : a.rejectedOn(l),
-		message: s.reject_reason ? a.rejectionMessage(s.reject_reason) : void 0
+		showApprovalOverrideNotice: !1,
+		awaitingApprovalNotice: s.length ? o.awaitingApprovalNotice(s) : o.awaitingApprovalUnknownNotice
 	};
 }
 //#endregion
-export { t as resolveBillRejectionNotice };
+export { e as resolveApprovalNotices };

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

@@ -1,33 +1,12 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { hasAnyScope as e } from "../../../../shared/data-access/dist/lib/hasAnyScope.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 { useWidgetConfig as r } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../../shared/feature/dist/index.js";
-import { usePayableApprovalRequestsQuery as i } from "../../data-access/dist/index2.js";
-import "../../data-access/dist/index.js";
-import { currentApprovalRound as a } from "./index3.js";
-import { usePayableApprovalRoundStart as o } from "./index11.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index14.js
-function s({ payableId: s, status: c }) {
-	let { initResponse: l } = r(), u = e(l?.scopes, [n.ApprovalRequestReadOrg]), d = c === "approve_in_progress" && u, { roundStartedAt: f } = o({
-		payableId: s,
-		enabled: d
-	}), p = t({ enabled: d }), m = p.data?.id, h = (e) => e.caller_is_policy_approver ?? !!(m && e.user_ids.includes(m)), g = i(s, {
-		enabled: d,
-		hasAwaitedRequest: d ? (e) => a(e, f).some(h) : void 0,
-		currentRoundStartedAt: f
-	}), _ = d ? a(g.data?.data, f) : [], v = _.some(h), y = _.filter((e) => e.status === "waiting");
+function e(e, t) {
+	if (!e) return;
+	let { onOpen: n, canEditExisting: r, ...i } = e;
 	return {
-		id: y.filter(h).find((e) => !(m && (e.approved_by ?? []).includes(m)))?.id,
-		isPolicyApprover: v,
-		hasWaitingRequest: y.length > 0,
-		isLoading: g.isLoading || p.isLoading
+		...i,
+		onEditExisting: t && r ? n : void 0,
+		onAdd: t ? void 0 : n
 	};
 }
 //#endregion
-export { s as useCurrentApprovalRequestId };
+export { e as resolvePaymentInstructionsGestures };

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

@@ -1,165 +1,13 @@
-"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 "./index7.js";
-import { useState as u } from "react";
-import { BanIcon as d, HandIcon as f } from "lucide-react";
+import { formatRejectionDate as e } from "../../../../shared/util/dist/lib/formatRejectionDate.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index15.js
-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"))
-		},
-		approve: {
-			isPending: N.isPending,
-			run: () => p && N.mutate({ path: { approval_request_id: p } }, W("approve"))
-		},
-		cancel: {
-			isPending: P.isPending,
-			run: () => d && P.mutate({ path: { payable_id: d } }, W("cancel"))
-		},
-		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"))
-		},
-		forceApprove: {
-			isPending: L.isPending,
-			run: () => d && L.mutate({ path: { payable_id: d } }, W("forceApprove"))
-		},
-		forceReject: {
-			isPending: R.isPending,
-			run: () => d && R.mutate({ path: { payable_id: d } }, W("forceReject"))
-		}
-	}, 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();
-			}
-		}
-	}));
+function t({ payableStatus: t, approvalRequests: n, userNames: r, payableUpdatedAt: i, labels: a, now: o }) {
+	let s = n.find((e) => e.status === "rejected");
+	if (!s) return t !== "rejected" || !i ? void 0 : { actorLabel: a.rejectedOn(e(i, o)) };
+	let c = s.rejected_by ? r.get(s.rejected_by) : void 0, l = e(s.updated_at, o);
 	return {
-		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));
-			}
-		}
+		actorLabel: c ? a.rejectedByOn(c, l) : a.rejectedOn(l),
+		message: s.reject_reason ? a.rejectionMessage(s.reject_reason) : 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 { p as usePayableDetailActions };
+export { t as resolveBillRejectionNotice };

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

@@ -3,24 +3,31 @@
 "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 { useWidgetConfig as n } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useWidgetConfig as r } 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 { usePayableApprovalRequestsQuery as i } from "../../data-access/dist/index2.js";
 import "../../data-access/dist/index.js";
+import { currentApprovalRound as a } from "./index3.js";
+import { usePayableApprovalRoundStart as o } from "./index11.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/feature/dist/index16.js
-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);
+function s({ payableId: s, status: c }) {
+	let { initResponse: l } = r(), u = e(l?.scopes, [n.ApprovalRequestReadOrg]), d = c === "approve_in_progress" && u, { roundStartedAt: f } = o({
+		payableId: s,
+		enabled: d
+	}), p = t({ enabled: d }), m = p.data?.id, h = (e) => e.caller_is_policy_approver ?? !!(m && e.user_ids.includes(m)), g = i(s, {
+		enabled: d,
+		hasAwaitedRequest: d ? (e) => a(e, f).some(h) : void 0,
+		currentRoundStartedAt: f
+	}), _ = d ? a(g.data?.data, f) : [], v = _.some(h), y = _.filter((e) => e.status === "waiting");
 	return {
-		hasScheduledPayment: f,
-		paymentRecords: u.paymentRecords,
-		isError: u.isError,
-		isResolving: u.isResolving,
-		scheduledDate: p ?? void 0,
-		scheduledPaymentIntentId: d?.payment_intent_id ?? void 0
+		id: y.filter(h).find((e) => !(m && (e.approved_by ?? []).includes(m)))?.id,
+		isPolicyApprover: v,
+		hasWaitingRequest: y.length > 0,
+		isLoading: g.isLoading || p.isLoading
 	};
 }
 //#endregion
-export { a as useScheduledPayment };
+export { s as useCurrentApprovalRequestId };

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

@@ -3,42 +3,163 @@
 "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 { useWidgetConfig as t } 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 { 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 { useState as a } from "react";
+import { getBillDetailActions as l } from "./index7.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/index17.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 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"))
+		},
+		approve: {
+			isPending: N.isPending,
+			run: () => p && N.mutate({ path: { approval_request_id: p } }, W("approve"))
+		},
+		cancel: {
+			isPending: P.isPending,
+			run: () => d && P.mutate({ path: { payable_id: d } }, W("cancel"))
+		},
+		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"))
+		},
+		forceApprove: {
+			isPending: L.isPending,
+			run: () => d && L.mutate({ path: { payable_id: d } }, W("forceApprove"))
+		},
+		forceReject: {
+			isPending: R.isPending,
+			run: () => d && R.mutate({ path: { payable_id: d } }, W("forceReject"))
+		}
+	}, 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 {
-		menuItems: _,
-		dialog: {
-			open: v,
-			copy: v ? l.dialog : void 0,
-			isPending: f.isPending,
+		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: () => {
-				f.isPending || m(!1);
+				z || V(void 0);
 			},
-			onConfirm: () => {
-				g && o && !f.isPending && f.mutate({ path: { payable_id: o } }, {
-					onError: () => e.error(l.error),
-					onSuccess: () => {
-						m(!1), u();
-					}
-				});
+			onConfirm: (e) => {
+				H && !z && (G[H.id]?.run(e), V(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 { o as useDraftDelete };
+export { p as usePayableDetailActions };