@tesouro/embedded-components-react 0.4.0 → 0.4.1

package/dist/index.js

@@ -14,7 +14,7 @@ import { RefreshingRootWidgetProvider as _ } from "./libs/tesouro-embedded-compo
 import { useDisclosuresAcceptanceSurface as v, useOwnWidgetConfig as y, useRefetchWidget as b, useWidgetConfig as x, useWidgetError as S, useWidgetLoading as C } from "./libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/hooks.js";
 import { BankAccountsWidget as w } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import { CounterpartsWidget as T } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
-import { BillPayWidget as E } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index81.js";
+import { BillPayWidget as E } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index82.js";
 import { CardDetailsWidget as D } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index13.js";
 import { CreditCardsWidget as O } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index10.js";
 import { DebitCardsWidget as k } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index11.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/index81.js";
+import { BillPayWidget as e } from "../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index82.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

@@ -9,23 +9,23 @@ import "./index10.js";
 import "./index11.js";
 import "./index23.js";
 import "./index24.js";
-import "./index40.js";
-import "./index49.js";
-import "./index51.js";
-import "./index53.js";
+import "./index41.js";
+import "./index50.js";
+import "./index52.js";
 import "./index54.js";
 import "./index55.js";
 import "./index56.js";
 import "./index57.js";
 import "./index58.js";
-import "./index62.js";
+import "./index59.js";
 import "./index63.js";
 import "./index64.js";
 import "./index65.js";
 import "./index66.js";
-import "./index69.js";
-import "./index75.js";
+import "./index67.js";
+import "./index70.js";
 import "./index76.js";
 import "./index77.js";
-import { BillPayWidget as e } from "./index81.js";
+import "./index78.js";
+import { BillPayWidget as e } from "./index82.js";
 export { e as BillPayWidget };

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

@@ -1,17 +1,11 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { usePayableHistoryQuery as e } from "../../data-access/dist/index8.js";
-import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.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 e(e) {
+	let t = [];
+	for (let n of e.steps) n.chips.some((e) => e.approved) || t.push({
+		id: n.id,
+		names: n.chips.map((e) => e.label)
+	});
+	return t;
 }
 //#endregion
-export { n as usePayableApprovalRoundStart };
+export { e as buildPendingApproverGroupsFromCardView };

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

@@ -2,66 +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/index7.js";
+import { usePayableHistoryQuery as e } from "../../data-access/dist/index8.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 "./index25.js";
-import { currentApprovalRound as c } from "./index26.js";
-import { buildPendingApproverGroups as l } from "./index27.js";
-import { usePayableApprovalRoundStart as u } from "./index28.js";
-import { useMemo as d } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js
-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]);
+var t = "submitted_for_approval";
+function n({ payableId: n, enabled: r = !0 }) {
+	let i = e(n, { enabled: r });
 	return {
-		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)
+		roundStartedAt: (i.data?.data ?? []).reduce((e, n) => n.event_type === t ? n.timestamp : e, void 0),
+		isLoading: i.isLoading
 	};
 }
 //#endregion
-export { f as useApprovalPolicyCardView };
+export { n as usePayableApprovalRoundStart };

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

@@ -3,27 +3,67 @@
 "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/index7.js";
+import { usePayableApprovalRequestsQuery as a } from "../../data-access/dist/index7.js";
 import "../../data-access/dist/index.js";
-import { currentApprovalRound as a } from "./index26.js";
-import { usePayableApprovalRoundStart as o } from "./index28.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 "./index25.js";
+import { currentApprovalRound as c } from "./index26.js";
+import { buildPendingApproverGroups as l } from "./index27.js";
+import { buildPendingApproverGroupsFromCardView as u } from "./index28.js";
+import { usePayableApprovalRoundStart as d } from "./index29.js";
+import { useMemo as f } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.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 p({ payableId: p, approvalPolicyId: m, enabled: h = !0, copy: g }) {
+	let _ = h && !!m, { initResponse: v } = i(), y = e(v?.scopes, [t.ApprovalPolicyReadOrg]), b = e(v?.scopes, [t.ApprovalRequestReadOrg]), x = e(v?.scopes, [t.RoleReadOrg]), S = e(v?.scopes, [t.UserReadOrg]), C = o({ enabled: _ && y }), w = n({ enabled: _ && x }), T = r({ enabled: _ && S }), E = a(p, { enabled: _ && b }), { roundStartedAt: D } = d({
+		payableId: p,
+		enabled: _ && b
+	}), O = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of w.data?.data ?? []) e.set(t.id, {
+			label: t.name,
+			kind: "role"
+		});
+		for (let t of T.data?.data ?? []) e.set(t.id, {
+			label: t.name,
+			kind: "user"
+		});
+		return e;
+	}, [w.data, T.data]), k = f(() => c(E.data?.data, D), [E.data, D]), A = f(() => new Set(k.flatMap((e) => e.approved_by ?? [])), [k]), j = f(() => new Set(k.filter((e) => (e.approved_by ?? []).length > 0).flatMap((e) => e.role_ids ?? [])), [k]), M = f(() => m ? C.data?.data.find((e) => e.id === m) : void 0, [C.data, m]), N = f(() => _ && M ? s({
+		policy: M,
+		lookup: O,
+		approvedUserIds: A,
+		approvedRoleIds: j,
+		copy: g
+	}) : void 0, [
+		_,
+		M,
+		O,
+		A,
+		j,
+		g
+	]);
 	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: N,
+		pendingApprovers: f(() => _ ? N ? u(N) : l({
+			requestsNewestFirst: E.data?.data,
+			roundStartedAt: D,
+			lookup: O
+		}) : [], [
+			_,
+			N,
+			E.data,
+			D,
+			O
+		]),
+		isLoading: _ && (C.isResolving || w.isResolving || T.isResolving || E.isLoading)
 	};
 }
 //#endregion
-export { s as useCurrentApprovalRequestId };
+export { p as useApprovalPolicyCardView };

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

@@ -2,136 +2,28 @@
 "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 { 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 { useApprovePayableApprovalRequestMutation as n, useRejectPayableApprovalRequestMutation as r } from "../../data-access/dist/index7.js";
-import { useCancelPayableMutation as i, useCancelScheduledPaymentMutation as a, useForceApprovePayableMutation as o, useForceRejectPayableMutation as s, useReopenPayableMutation as c } from "../../data-access/dist/index12.js";
+import { usePayableApprovalRequestsQuery as i } from "../../data-access/dist/index7.js";
 import "../../data-access/dist/index.js";
-import { getBillDetailActions as l } from "./index16.js";
-import { useState as u } from "react";
-import { HandIcon as d } from "lucide-react";
+import { currentApprovalRound as a } from "./index26.js";
+import { usePayableApprovalRoundStart as o } from "./index29.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js
-function f({ payableId: d, status: f, currentApprovalRequestId: m, isPolicyApprover: _, hasWaitingRequest: v, arePendingApproversUnknown: y, hasScheduledPayment: b, scheduledPaymentIntentId: x, isScheduledPaymentUnknown: S, labels: C, isMarkAsPaidPending: w, pendingApprovers: T, onPayBillSelect: E, onMarkAsPaidSelect: D, onActionSucceeded: O }) {
-	let { initResponse: k } = t(), A = r(), j = n(), M = i(), N = a(), P = c(), F = o(), I = s(), L = w || A.isPending || j.isPending || M.isPending || N.isPending || P.isPending || F.isPending || I.isPending, [R, z] = u(), B = R && (R.id !== "cancelScheduledPayment" || R.scheduledPaymentIntentId === x) ? R : void 0, V = d && f ? l({
-		status: f,
-		scopes: k?.scopes,
-		canDecideApprovalRequest: !!m,
-		isPolicyApprover: _,
-		hasWaitingRequest: v,
-		arePendingApproversUnknown: y,
-		hasScheduledPayment: b || S,
-		scheduledPaymentIntentId: x,
-		labels: C
-	}) : [], H = (t) => ({
-		onError: () => e.error(C.actionError),
-		onSuccess: () => {
-			e.success(C.actionSuccess[t]), O?.();
-		}
-	}), U = {
-		reject: {
-			isPending: A.isPending,
-			run: (e) => m && A.mutate({
-				path: { approval_request_id: m },
-				body: e ? { reject_reason: e } : void 0
-			}, H("reject"))
-		},
-		approve: {
-			isPending: j.isPending,
-			run: () => m && j.mutate({ path: { approval_request_id: m } }, H("approve"))
-		},
-		cancel: {
-			isPending: M.isPending,
-			run: () => d && M.mutate({ path: { payable_id: d } }, H("cancel"))
-		},
-		cancelScheduledPayment: {
-			isPending: N.isPending,
-			run: () => {
-				let e = B?.scheduledPaymentIntentId;
-				!d || !e || N.mutate({
-					path: { payment_intent_id: e },
-					payableId: d
-				}, H("cancelScheduledPayment"));
-			}
-		},
-		reopen: {
-			isPending: P.isPending,
-			run: () => d && P.mutate({ path: { payable_id: d } }, H("reopen"))
-		},
-		forceApprove: {
-			isPending: F.isPending,
-			run: () => d && F.mutate({ path: { payable_id: d } }, H("forceApprove"))
-		},
-		forceReject: {
-			isPending: I.isPending,
-			run: () => d && I.mutate({ path: { payable_id: d } }, H("forceReject"))
-		}
-	}, W = V.map((e) => ({
-		...e,
-		disabled: L,
-		loading: e.id === "markAsPaid" ? w : U[e.id]?.isPending ?? !1,
-		onSelect: () => {
-			if (!(L || !d)) {
-				if (e.id === "payBill") {
-					E();
-					return;
-				}
-				if (e.id === "markAsPaid") {
-					D();
-					return;
-				}
-				if (h(e.id)) {
-					z({
-						id: e.id,
-						scheduledPaymentIntentId: x
-					});
-					return;
-				}
-				U[e.id]?.run();
-			}
-		}
-	}));
+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 {
-		isActionPending: L,
-		actions: {
-			row: W.filter((e) => e.surface === "row"),
-			menu: W.filter((e) => e.surface === "menu")
-		},
-		decisionDialog: {
-			open: !!B,
-			copy: B ? {
-				...C.decisionDialog[B.id],
-				presentation: g(B.id) ? p : void 0,
-				pendingApprovers: g(B.id) ? T ?? [] : void 0
-			} : void 0,
-			isPending: B ? U[B.id]?.isPending ?? !1 : !1,
-			onCancel: () => {
-				L || z(void 0);
-			},
-			onConfirm: (e) => {
-				!B || L || (U[B.id]?.run(e), z(void 0));
-			}
-		}
+		id: y.filter(_).find((e) => !(h && (e.approved_by ?? []).includes(h)))?.id,
+		isPolicyApprover: v,
+		hasWaitingRequest: y.length > 0,
+		isLoading: f.isLoading || p.isLoading
 	};
 }
-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 { f as usePayableDetailActions };
+export { s as useCurrentApprovalRequestId };

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

@@ -2,24 +2,136 @@
 "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 { isLiveScheduledPaymentRecord as i } from "../../data-access/dist/index3.js";
-import { usePayablePaymentRecordsQuery as a } from "../../data-access/dist/index10.js";
+import { useApprovePayableApprovalRequestMutation as n, useRejectPayableApprovalRequestMutation as r } from "../../data-access/dist/index7.js";
+import { useCancelPayableMutation as i, useCancelScheduledPaymentMutation as a, useForceApprovePayableMutation as o, useForceRejectPayableMutation as s, useReopenPayableMutation as c } from "../../data-access/dist/index12.js";
 import "../../data-access/dist/index.js";
+import { getBillDetailActions as l } from "./index16.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/index32.js
-function o({ payableId: o, scheduledPaymentDate: s, enabled: c = !0 }) {
-	let { initResponse: l } = r(), u = e(l?.scopes, [t.PaymentRecordReadOrg]), d = a(c ? o : void 0, { enabled: c && u }), f = d.paymentRecords.find(i), p = !!f || !!s, m = f?.planned_payment_date ?? (p ? s : void 0);
+function f({ payableId: d, status: f, currentApprovalRequestId: m, isPolicyApprover: _, hasWaitingRequest: v, arePendingApproversUnknown: y, hasScheduledPayment: b, scheduledPaymentIntentId: x, isScheduledPaymentUnknown: S, labels: C, isMarkAsPaidPending: w, pendingApprovers: T, onPayBillSelect: E, onMarkAsPaidSelect: D, onActionSucceeded: O }) {
+	let { initResponse: k } = t(), A = r(), j = n(), M = i(), N = a(), P = c(), F = o(), I = s(), L = w || A.isPending || j.isPending || M.isPending || N.isPending || P.isPending || F.isPending || I.isPending, [R, z] = u(), B = R && (R.id !== "cancelScheduledPayment" || R.scheduledPaymentIntentId === x) ? R : void 0, V = d && f ? l({
+		status: f,
+		scopes: k?.scopes,
+		canDecideApprovalRequest: !!m,
+		isPolicyApprover: _,
+		hasWaitingRequest: v,
+		arePendingApproversUnknown: y,
+		hasScheduledPayment: b || S,
+		scheduledPaymentIntentId: x,
+		labels: C
+	}) : [], H = (t) => ({
+		onError: () => e.error(C.actionError),
+		onSuccess: () => {
+			e.success(C.actionSuccess[t]), O?.();
+		}
+	}), U = {
+		reject: {
+			isPending: A.isPending,
+			run: (e) => m && A.mutate({
+				path: { approval_request_id: m },
+				body: e ? { reject_reason: e } : void 0
+			}, H("reject"))
+		},
+		approve: {
+			isPending: j.isPending,
+			run: () => m && j.mutate({ path: { approval_request_id: m } }, H("approve"))
+		},
+		cancel: {
+			isPending: M.isPending,
+			run: () => d && M.mutate({ path: { payable_id: d } }, H("cancel"))
+		},
+		cancelScheduledPayment: {
+			isPending: N.isPending,
+			run: () => {
+				let e = B?.scheduledPaymentIntentId;
+				!d || !e || N.mutate({
+					path: { payment_intent_id: e },
+					payableId: d
+				}, H("cancelScheduledPayment"));
+			}
+		},
+		reopen: {
+			isPending: P.isPending,
+			run: () => d && P.mutate({ path: { payable_id: d } }, H("reopen"))
+		},
+		forceApprove: {
+			isPending: F.isPending,
+			run: () => d && F.mutate({ path: { payable_id: d } }, H("forceApprove"))
+		},
+		forceReject: {
+			isPending: I.isPending,
+			run: () => d && I.mutate({ path: { payable_id: d } }, H("forceReject"))
+		}
+	}, W = V.map((e) => ({
+		...e,
+		disabled: L,
+		loading: e.id === "markAsPaid" ? w : U[e.id]?.isPending ?? !1,
+		onSelect: () => {
+			if (!(L || !d)) {
+				if (e.id === "payBill") {
+					E();
+					return;
+				}
+				if (e.id === "markAsPaid") {
+					D();
+					return;
+				}
+				if (h(e.id)) {
+					z({
+						id: e.id,
+						scheduledPaymentIntentId: x
+					});
+					return;
+				}
+				U[e.id]?.run();
+			}
+		}
+	}));
 	return {
-		hasScheduledPayment: p,
-		isResolving: d.isResolving,
-		scheduledDateLabel: m ? n(m) : void 0,
-		scheduledPaymentIntentId: f?.payment_intent_id ?? void 0
+		isActionPending: L,
+		actions: {
+			row: W.filter((e) => e.surface === "row"),
+			menu: W.filter((e) => e.surface === "menu")
+		},
+		decisionDialog: {
+			open: !!B,
+			copy: B ? {
+				...C.decisionDialog[B.id],
+				presentation: g(B.id) ? p : void 0,
+				pendingApprovers: g(B.id) ? T ?? [] : void 0
+			} : void 0,
+			isPending: B ? U[B.id]?.isPending ?? !1 : !1,
+			onCancel: () => {
+				L || z(void 0);
+			},
+			onConfirm: (e) => {
+				!B || L || (U[B.id]?.run(e), z(void 0));
+			}
+		}
 	};
 }
+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 { o as useScheduledPayment };
+export { f as usePayableDetailActions };

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

@@ -1,7 +1,25 @@
+"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 "../../../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 { isLiveScheduledPaymentRecord as i } from "../../data-access/dist/index3.js";
+import { usePayablePaymentRecordsQuery as a } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js
-var e = /* @__PURE__ */ new Set(["draft", "new"]);
-function t(t) {
-	return !!(t && e.has(t));
+function o({ payableId: o, scheduledPaymentDate: s, enabled: c = !0 }) {
+	let { initResponse: l } = r(), u = e(l?.scopes, [t.PaymentRecordReadOrg]), d = a(c ? o : void 0, { enabled: c && u }), f = d.paymentRecords.find(i), p = !!f || !!s, m = f?.planned_payment_date ?? (p ? s : void 0);
+	return {
+		hasScheduledPayment: p,
+		isResolving: d.isResolving,
+		scheduledDateLabel: m ? n(m) : void 0,
+		scheduledPaymentIntentId: f?.payment_intent_id ?? void 0
+	};
 }
 //#endregion
-export { t as isEditablePayableStatus };
+export { o as useScheduledPayment };

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

@@ -1,44 +1,7 @@
-"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/index12.js";
-import "../../data-access/dist/index.js";
-import { useState as a } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.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();
-					}
-				});
-			}
-		}
-	};
+var e = /* @__PURE__ */ new Set(["draft", "new"]);
+function t(t) {
+	return !!(t && e.has(t));
 }
 //#endregion
-export { o as useDraftDelete };
+export { t as isEditablePayableStatus };