@tesouro/embedded-components-react 0.3.9 → 0.3.12

package/dist/index.js

@@ -16,7 +16,7 @@ import "./lib/AcceptDisclosuresWidget.js";
 import { BankAccountsWidget as C } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import "./lib/BankAccountsWidget.js";
 import { CounterpartsWidget as w } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
-import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js";
+import { BillPayWidget as T } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js";
 import "./lib/BillPayWidget.js";
 import { CardDetailsWidget as E } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js";
 import { CardFormatValue as D } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.js";

package/dist/lib/BillPayWidget.js

@@ -1,3 +1,3 @@
-import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js";
 import "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js";
 export { e as BillPayWidget };

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

@@ -1,16 +1,15 @@
 import "./index10.js";
 import "./index11.js";
-import "./index21.js";
-import "./index27.js";
-import "./index35.js";
-import "./index37.js";
-import "./index39.js";
+import "./index22.js";
+import "./index28.js";
+import "./index36.js";
+import "./index38.js";
 import "./index40.js";
 import "./index41.js";
 import "./index42.js";
 import "./index43.js";
 import "./index44.js";
-import "./index48.js";
+import "./index45.js";
 import "./index49.js";
 import "./index50.js";
 import "./index51.js";
@@ -19,10 +18,11 @@ import "./index53.js";
 import "./index54.js";
 import "./index55.js";
 import "./index56.js";
-import "./index58.js";
+import "./index57.js";
 import "./index59.js";
 import "./index60.js";
 import "./index61.js";
 import "./index62.js";
-import { BillPayWidget as e } from "./index66.js";
+import "./index63.js";
+import { BillPayWidget as e } from "./index67.js";
 export { e as BillPayWidget };

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

@@ -1,17 +1,16 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { usePayableHistoryQuery as e } from "../../data-access/dist/index6.js";
-import "../../data-access/dist/index.js";
+import { currentApprovalRound as e } from "./index13.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index14.js
-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
-	};
+function t({ requestsNewestFirst: t, roundStartedAt: n, lookup: r }) {
+	let i = e(t, n), a = [];
+	for (let e of i) {
+		if (e.status !== "waiting") continue;
+		let t = [...e.role_ids ?? [], ...e.user_ids ?? []].map((e) => r.get(e)?.label).filter((e) => !!e);
+		t.length && a.push({
+			id: e.id,
+			names: t
+		});
+	}
+	return a;
 }
 //#endregion
-export { n as usePayableApprovalRoundStart };
+export { t as buildPendingApproverGroups };

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

@@ -2,55 +2,16 @@
 "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 { 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 { usePayableApprovalRequestsQuery as a } from "../../data-access/dist/index5.js";
+import { usePayableHistoryQuery as e } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index.js";
-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 "./index12.js";
-import { currentApprovalRound as c } from "./index13.js";
-import { usePayableApprovalRoundStart as l } from "./index14.js";
-import { useMemo as u } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index15.js
-function d({ payableId: d, approvalPolicyId: f, enabled: p = !0, copy: m }) {
-	let h = p && !!f, { initResponse: g } = i(), _ = e(g?.scopes, [t.ApprovalPolicyReadOrg]), v = e(g?.scopes, [t.ApprovalRequestReadOrg]), y = e(g?.scopes, [t.RoleReadOrg]), b = e(g?.scopes, [t.UserReadOrg]), x = o({ enabled: h && _ }), S = n({ enabled: h && y }), C = r({ enabled: h && b }), w = a(d, { enabled: h && v }), { roundStartedAt: T } = l({
-		payableId: d,
-		enabled: h && v
-	}), E = u(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of S.data?.data ?? []) e.set(t.id, {
-			label: t.name,
-			kind: "role"
-		});
-		for (let t of C.data?.data ?? []) e.set(t.id, {
-			label: t.name,
-			kind: "user"
-		});
-		return e;
-	}, [S.data, C.data]), D = u(() => c(w.data?.data, T), [w.data, T]), O = u(() => new Set(D.flatMap((e) => e.approved_by ?? [])), [D]), k = u(() => new Set(D.filter((e) => (e.approved_by ?? []).length > 0).flatMap((e) => e.role_ids ?? [])), [D]), A = u(() => f ? x.data?.data.find((e) => e.id === f) : void 0, [x.data, f]);
+var t = "submitted_for_approval";
+function n({ payableId: n, enabled: r = !0 }) {
+	let i = e(n, { enabled: r });
 	return {
-		view: u(() => h && A ? s({
-			policy: A,
-			lookup: E,
-			approvedUserIds: O,
-			approvedRoleIds: k,
-			copy: m
-		}) : void 0, [
-			h,
-			A,
-			E,
-			O,
-			k,
-			m
-		]),
-		isLoading: h && (x.isResolving || S.isResolving || C.isResolving || w.isLoading)
+		roundStartedAt: (i.data?.data ?? []).reduce((e, n) => n.event_type === t ? n.timestamp : e, void 0),
+		isLoading: i.isLoading
 	};
 }
 //#endregion
-export { d as useApprovalPolicyCardView };
+export { n as usePayableApprovalRoundStart };

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

@@ -3,27 +3,65 @@
 "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 { 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 r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { usePayableApprovalRequestsQuery as i } from "../../data-access/dist/index5.js";
+import { usePayableApprovalRequestsQuery as a } from "../../data-access/dist/index5.js";
 import "../../data-access/dist/index.js";
-import { currentApprovalRound as a } from "./index13.js";
-import { usePayableApprovalRoundStart as o } from "./index14.js";
+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 "./index12.js";
+import { currentApprovalRound as c } from "./index13.js";
+import { buildPendingApproverGroups as l } from "./index14.js";
+import { usePayableApprovalRoundStart as u } from "./index15.js";
+import { useMemo as d } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.js
-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");
+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 {
-		id: y.filter(_).find((e) => !(h && (e.approved_by ?? []).includes(h)))?.id,
-		isPolicyApprover: v,
-		hasWaitingRequest: y.length > 0,
-		isLoading: f.isLoading || p.isLoading
+		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)
 	};
 }
 //#endregion
-export { s as useCurrentApprovalRequestId };
+export { f as useApprovalPolicyCardView };

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

@@ -1,57 +1,29 @@
+"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 { 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/index5.js";
+import "../../data-access/dist/index.js";
+import { currentApprovalRound as a } from "./index13.js";
+import { usePayableApprovalRoundStart as o } from "./index15.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index17.js
-function n({ status: n, scopes: r, canDecideApprovalRequest: i, hasScheduledPayment: a, scheduledPaymentRecordId: o, isPolicyApprover: s, hasWaitingRequest: c, labels: l }) {
-	let u = e(r, [t.PayablePayOrg]), d = e(r, [t.BankAccountReadOrg]), f = e(r, [t.PaymentRailAch]), p = e(r, [t.PayableWriteOrg]), m = e(r, [t.PaymentRecordWriteOrg]), h = e(r, [t.PayableApproveOrg]), g = [];
-	n === "approve_in_progress" && i && (g.push({
-		id: "approve",
-		label: l.approve,
-		variant: "default",
-		surface: "row"
-	}), g.push({
-		id: "reject",
-		label: l.reject,
-		variant: "ghost",
-		surface: "row"
-	})), n === "approve_in_progress" && c && h && !s && (g.push({
-		id: "forceApprove",
-		label: l.forceApprove,
-		variant: "ghost",
-		surface: "menu"
-	}), g.push({
-		id: "forceReject",
-		label: l.forceReject,
-		variant: "ghost",
-		surface: "menu"
-	}));
-	let _ = (n === "waiting_to_be_paid" || n === "partially_paid") && u && !a, v = n === "waiting_to_be_paid" && u && d && f && !a;
-	return _ && g.push({
-		id: "markAsPaid",
-		label: l.markAsPaid,
-		variant: "outline",
-		surface: "row"
-	}), v && g.push({
-		id: "payBill",
-		label: l.payBill,
-		variant: "default",
-		surface: "row"
-	}), n === "new" && p && g.push({
-		id: "cancel",
-		label: l.cancel,
-		variant: "ghost",
-		surface: "menu"
-	}), (n === "rejected" || n === "waiting_to_be_paid" && !a) && p && g.push({
-		id: "reopen",
-		label: l.reopen,
-		variant: "ghost",
-		surface: "menu"
-	}), n === "waiting_to_be_paid" && a && o && m && g.push({
-		id: "cancelScheduledPayment",
-		label: l.cancelScheduledPayment,
-		variant: "ghost",
-		surface: "menu"
-	}), g;
+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 {
+		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 { n as getBillDetailActions };
+export { s as useCurrentApprovalRequestId };

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

@@ -1,117 +1,65 @@
-"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, useMarkPayableAsPaidMutation as c, useReopenPayableMutation as l } from "../../data-access/dist/index10.js";
-import "../../data-access/dist/index.js";
-import { getBillDetailActions as u } from "./index17.js";
-import { useState as d } from "react";
+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";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js
-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: w.isPending,
-			run: () => f && w.mutate({ path: { payable_id: f } }, L)
-		},
-		reject: {
-			isPending: T.isPending,
-			run: (e) => h && T.mutate({
-				path: { approval_request_id: h },
-				body: e ? { reject_reason: e } : void 0
-			}, L)
-		},
-		approve: {
-			isPending: E.isPending,
-			run: () => h && E.mutate({ path: { approval_request_id: h } }, L)
-		},
-		cancel: {
-			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: k.isPending,
-			run: () => f && k.mutate({ path: { payable_id: f } }, L)
-		},
-		forceApprove: {
-			isPending: A.isPending,
-			run: () => f && A.mutate({ path: { payable_id: f } }, L)
-		},
-		forceReject: {
-			isPending: j.isPending,
-			run: () => f && j.mutate({ path: { payable_id: f } }, L)
-		}
-	}, z = I.map((e) => ({
-		...e,
-		disabled: M,
-		loading: R[e.id]?.isPending ?? !1,
-		onSelect: () => {
-			if (!(M || !f)) {
-				if (e.id === "payBill") {
-					S();
-					return;
-				}
-				if (m(e.id)) {
-					P({
-						id: e.id,
-						scheduledPaymentRecordId: y
-					});
-					return;
-				}
-				R[e.id]?.run();
-			}
-		}
+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
 	}));
-	return {
-		actions: {
-			row: z.filter((e) => e.surface === "row"),
-			menu: z.filter((e) => e.surface === "menu")
-		},
-		decisionDialog: {
-			open: !!F,
-			copy: F ? x.decisionDialog[F.id] : void 0,
-			isPending: F ? R[F.id]?.isPending ?? !1 : !1,
-			onCancel: () => {
-				M || P(void 0);
-			},
-			onConfirm: (e) => {
-				!F || M || (R[F.id]?.run(e), P(void 0));
-			}
-		}
-	};
-}
-var p = [
-	"reject",
-	"cancel",
-	"cancelScheduledPayment",
-	"forceApprove",
-	"forceReject"
-];
-function m(e) {
-	return p.includes(e);
+	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;
 }
 //#endregion
-export { f as usePayableDetailActions };
+export { s as getBillDetailActions };

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 };