@tesouro/embedded-components-react 0.9.41 → 0.9.43

package/dist/experimental/ApprovalRequests.d.ts

@@ -638,6 +638,10 @@ interface ApprovalRequestsScreenLabels {
     columnStatus: string;
     columnAmount: string;
     columnAddedBy: string;
+    columnActions: string;
+    rowActions: string;
+    approve: string;
+    reject: string;
     /** Read by screen readers in a cell whose name is still loading. */
     loadingValue: string;
     errorTitle: string;
@@ -647,6 +651,15 @@ interface ApprovalRequestsScreenLabels {
     accessRestrictedTitle: string;
     accessRestrictedDescription: string;
 }
+interface RejectApprovalRequestDialogLabels {
+    title: string;
+    description: string;
+    reason: string;
+    optionalNote: string;
+    confirm: string;
+    cancel: string;
+    close: string;
+}
 
 interface ApprovalRequestsFilterLabels {
     statusChip: (value: string) => string;
@@ -671,6 +684,7 @@ interface ApprovalRequestsListLabels {
 interface ApprovalRequestsWidgetOwnProps {
     screenLabels?: PartialDeep<ApprovalRequestsScreenLabels>;
     listLabels?: PartialDeep<ApprovalRequestsListLabels>;
+    rejectDialogLabels?: Partial<RejectApprovalRequestDialogLabels>;
 }
 /** Public props for {@link ApprovalRequestsWidget}. */
 type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetOwnProps;
@@ -678,7 +692,7 @@ type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetO
  * Self-contained approval requests widget, a native port of Monite's approval
  * requests (FOPS-97). Exported only from the package's `/experimental` entry.
  */
-declare function ApprovalRequestsWidget({ screenLabels, listLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
+declare function ApprovalRequestsWidget({ screenLabels, listLabels, rejectDialogLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
 
 export { ApprovalRequestsWidget };
 export type { ApprovalRequestsWidgetProps };

package/dist/experimental/index.d.ts

@@ -638,6 +638,10 @@ interface ApprovalRequestsScreenLabels {
     columnStatus: string;
     columnAmount: string;
     columnAddedBy: string;
+    columnActions: string;
+    rowActions: string;
+    approve: string;
+    reject: string;
     /** Read by screen readers in a cell whose name is still loading. */
     loadingValue: string;
     errorTitle: string;
@@ -647,6 +651,15 @@ interface ApprovalRequestsScreenLabels {
     accessRestrictedTitle: string;
     accessRestrictedDescription: string;
 }
+interface RejectApprovalRequestDialogLabels {
+    title: string;
+    description: string;
+    reason: string;
+    optionalNote: string;
+    confirm: string;
+    cancel: string;
+    close: string;
+}
 
 interface ApprovalRequestsFilterLabels {
     statusChip: (value: string) => string;
@@ -671,6 +684,7 @@ interface ApprovalRequestsListLabels {
 interface ApprovalRequestsWidgetOwnProps {
     screenLabels?: PartialDeep<ApprovalRequestsScreenLabels>;
     listLabels?: PartialDeep<ApprovalRequestsListLabels>;
+    rejectDialogLabels?: Partial<RejectApprovalRequestDialogLabels>;
 }
 /** Public props for {@link ApprovalRequestsWidget}. */
 type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetOwnProps;
@@ -678,7 +692,7 @@ type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetO
  * Self-contained approval requests widget, a native port of Monite's approval
  * requests (FOPS-97). Exported only from the package's `/experimental` entry.
  */
-declare function ApprovalRequestsWidget({ screenLabels, listLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
+declare function ApprovalRequestsWidget({ screenLabels, listLabels, rejectDialogLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
 
 interface CheckAmountAndDetailScreenLabels {
     title: string;

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index.js

@@ -2,8 +2,8 @@ import "../../../shared/data-access/dist/lib/useCurrentUserQuery.js";
 import "../../../shared/data-access/dist/index.js";
 import "./index2.js";
 import { useApprovalRequestsQuery as e } from "./index3.js";
-import "./index4.js";
-import "./index5.js";
-import { useEntityUsersSearchQuery as t } from "./index6.js";
-import { useEntityUsersByIdsQuery as n } from "./index7.js";
-export { e as useApprovalRequestsQuery, n as useEntityUsersByIdsQuery, t as useEntityUsersSearchQuery };
+import { useApproveApprovalRequestMutation as t } from "./index4.js";
+import { useRejectApprovalRequestMutation as n } from "./index5.js";
+import { useEntityUsersSearchQuery as r } from "./index6.js";
+import { useEntityUsersByIdsQuery as i } from "./index7.js";
+export { e as useApprovalRequestsQuery, t as useApproveApprovalRequestMutation, i as useEntityUsersByIdsQuery, r as useEntityUsersSearchQuery, n as useRejectApprovalRequestMutation };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index2.js

@@ -1 +1,10 @@
+import { getApprovalRequestsQueryKey as e } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index2.js
+var n = ({ client: n, organizationId: r }) => e({
+	client: n,
+	headers: t(r)
+});
+//#endregion
+export { n as approvalRequestsInvalidationKey };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index4.js

@@ -2,6 +2,33 @@
 "use client";
 "use client";
 "use client";
+import { postApprovalRequestsIdApprove as e } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import { useEmbedApi as n } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
-import "./index2.js";
-import "@tanstack/react-query";
+import { approvalRequestsInvalidationKey as i } from "./index2.js";
+import { useMutation as a } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index4.js
+function o() {
+	let { client: o, organizationId: s } = n();
+	return a({
+		mutationFn: async ({ approvalRequestId: t }) => {
+			let { data: n } = await e({
+				client: o,
+				headers: r(s),
+				path: { approval_request_id: t },
+				throwOnError: !0
+			});
+			return n;
+		},
+		onSuccess: async () => {
+			await t(i({
+				client: o,
+				organizationId: s
+			}));
+		}
+	});
+}
+//#endregion
+export { o as useApproveApprovalRequestMutation };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index5.js

@@ -2,6 +2,34 @@
 "use client";
 "use client";
 "use client";
+import { postApprovalRequestsIdReject as e } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import { useEmbedApi as n } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
-import "./index2.js";
-import "@tanstack/react-query";
+import { approvalRequestsInvalidationKey as i } from "./index2.js";
+import { useMutation as a } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index5.js
+function o() {
+	let { client: o, organizationId: s } = n();
+	return a({
+		mutationFn: async ({ approvalRequestId: t, rejectReason: n }) => {
+			let i = n?.trim(), { data: a } = await e({
+				client: o,
+				headers: r(s),
+				path: { approval_request_id: t },
+				body: i ? { reject_reason: i } : void 0,
+				throwOnError: !0
+			});
+			return a;
+		},
+		onSuccess: async () => {
+			await t(i({
+				client: o,
+				organizationId: s
+			}));
+		}
+	});
+}
+//#endregion
+export { o as useRejectApprovalRequestMutation };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/ApprovalRequestsWidget.js

@@ -12,18 +12,20 @@ import "../../../../../shared/feature/dist/index.js";
 import { ApprovalRequestsWidgetAnalyticsEvent as l, WIDGET_NAME as u } from "../analytics/events.js";
 import { APPROVAL_REQUESTS_LIST_LABELS_EN as d } from "./labels.js";
 import { getApprovalRequestPermissions as f } from "./permissions.js";
-import { ApprovalRequestsScreen as p } from "../../../../ui/dist/index4.js";
+import { useApprovalRequestDecisions as p } from "./useApprovalRequestDecisions.js";
+import { ApprovalRequestsScreen as m } from "../../../../ui/dist/index4.js";
+import { RejectApprovalRequestDialog as h } from "../../../../ui/dist/index5.js";
 import "../../../../ui/dist/index.js";
-import { useApprovalRequestsTable as m } from "./useApprovalRequestsTable.js";
-import { useEffect as h, useMemo as g } from "react";
-import { jsx as _ } from "react/jsx-runtime";
+import { useApprovalRequestsTable as g } from "./useApprovalRequestsTable.js";
+import { useEffect as _, useMemo as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/ApprovalRequestsWidget.js
-function v({ screenLabels: r, listLabels: u }) {
-	let v = n();
-	h(() => {
-		v(l.Mounted);
-	}, [v]);
-	let y = g(() => ({
+function S({ screenLabels: r, listLabels: u, rejectDialogLabels: S }) {
+	let C = n();
+	_(() => {
+		C(l.Mounted);
+	}, [C]);
+	let w = v(() => ({
 		...d,
 		...u,
 		status: {
@@ -34,37 +36,45 @@ function v({ screenLabels: r, listLabels: u }) {
 			...d.filters,
 			...u?.filters
 		}
-	}), [u]), { initResponse: b, widgetToken: x } = a(), S = c(), C = o(), w = s(), T = i(), { organizationStatus: E } = t(), D = g(() => f(w ? void 0 : b?.scopes), [w, b?.scopes]), O = !(!x || b || C) || S && !b || w, k = !!C && (!b || w), A = m({
-		labels: y,
-		enabled: D.canRead
+	}), [u]), { initResponse: T, widgetToken: E } = a(), D = c(), O = o(), k = s(), A = i(), { organizationStatus: j } = t(), M = v(() => f(k ? void 0 : T?.scopes), [k, T?.scopes]), N = !(!E || T || O) || D && !T || k, P = !!O && (!T || k), F = p(), I = g({
+		labels: w,
+		enabled: M.canRead,
+		pendingRequestIds: F.pendingRequestIds,
+		areDecisionsPaused: F.areDecisionsPaused
 	});
-	return /* @__PURE__ */ _(p, {
-		rows: A.rows,
-		isLoading: A.isLoading || (O || e(E)) && A.rows.length === 0,
-		isError: k || A.isError,
-		isAccessRestricted: !O && !k && !D.canRead,
-		pageSize: A.pageSize,
-		onPageSizeChange: A.onPageSizeChange,
-		pageSizeOptions: A.pageSizeOptions,
-		hasNextPage: A.hasNextPage,
-		hasPrevPage: A.hasPrevPage,
-		onNextPage: A.onNextPage,
-		onPrevPage: A.onPrevPage,
-		emptyState: A.emptyState,
-		filters: A.filters,
-		onRetry: k ? T : A.onRetry,
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(m, {
+		rows: I.rows,
+		isLoading: I.isLoading || (N || e(j)) && I.rows.length === 0,
+		isError: P || I.isError,
+		isAccessRestricted: !N && !P && !M.canRead,
+		pageSize: I.pageSize,
+		onPageSizeChange: I.onPageSizeChange,
+		pageSizeOptions: I.pageSizeOptions,
+		hasNextPage: I.hasNextPage,
+		hasPrevPage: I.hasPrevPage,
+		onNextPage: I.onNextPage,
+		onPrevPage: I.onPrevPage,
+		emptyState: I.emptyState,
+		filters: I.filters,
+		onRetry: P ? A : I.onRetry,
+		onApprove: F.onApprove,
+		onReject: F.onReject,
 		labels: r
-	});
+	}), /* @__PURE__ */ b(h, {
+		...F.rejectDialog,
+		labels: S
+	})] });
 }
-function y({ screenLabels: e, listLabels: t, ...n }) {
-	return /* @__PURE__ */ _(r, {
-		...n,
+function C({ screenLabels: e, listLabels: t, rejectDialogLabels: n, ...i }) {
+	return /* @__PURE__ */ b(r, {
+		...i,
 		widgetName: u,
-		children: /* @__PURE__ */ _(v, {
+		children: /* @__PURE__ */ b(S, {
 			screenLabels: e,
-			listLabels: t
+			listLabels: t,
+			rejectDialogLabels: n
 		})
 	});
 }
 //#endregion
-export { y as ApprovalRequestsWidget, y as default };
+export { C as ApprovalRequestsWidget, C as default };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/buildApprovalRequestRows.js

@@ -3,16 +3,17 @@ import { formatCalendarDate as t } from "../../../../../shared/util/dist/lib/for
 import "../../../../../shared/util/dist/index.js";
 import { STATUS_TONE as n } from "./constants.js";
 import { NameLookupState as r } from "./useApprovalRequestNames.js";
+import { canDecideApprovalRequest as i } from "./canDecideApprovalRequest.js";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/buildApprovalRequestRows.js
-var i = { day: "2-digit" };
-function a(t, n) {
+var a = { day: "2-digit" };
+function o(t, n) {
 	let r = new Intl.NumberFormat("en-US", {
 		style: "currency",
 		currency: n
 	}).resolvedOptions().maximumFractionDigits ?? 2;
 	return e(n).format(t / 10 ** r);
 }
-function o(e, t, n) {
+function s(e, t, n) {
 	if (!e) return n.missingValue;
 	let i = t.names.get(e);
 	if (i) return i;
@@ -22,21 +23,23 @@ function o(e, t, n) {
 		case r.Settled: return n.missingValue;
 	}
 }
-function s(e, r, s) {
-	return e.map(({ request: e, payable: c }) => {
-		let l = c?.amount_to_pay, u = c?.currency;
+function c(e, r, c, { currentUserId: l, pendingRequestIds: u, areDecisionsPaused: d = !1 } = {}) {
+	return e.map(({ request: e, payable: f }) => {
+		let p = f?.amount_to_pay, m = f?.currency;
 		return {
 			id: e.id,
-			invoiceNumber: c?.document_id || s.missingValue,
-			vendor: o(c?.counterpart_id, r.vendors, s),
-			issueDate: t(c?.issued_at, i) || s.missingValue,
-			dueDate: t(c?.due_date, i) || s.missingValue,
-			statusLabel: s.status[e.status],
+			invoiceNumber: f?.document_id || c.missingValue,
+			vendor: s(f?.counterpart_id, r.vendors, c),
+			issueDate: t(f?.issued_at, a) || c.missingValue,
+			dueDate: t(f?.due_date, a) || c.missingValue,
+			statusLabel: c.status[e.status],
 			statusTone: n[e.status],
-			amount: typeof l == "number" && u ? a(l, u) : s.missingValue,
-			addedBy: o(e.created_by, r.users, s)
+			amount: typeof p == "number" && m ? o(p, m) : c.missingValue,
+			addedBy: s(e.created_by, r.users, c),
+			canDecide: i(e, l),
+			isDecisionPending: d || (u?.has(e.id) ?? !1)
 		};
 	});
 }
 //#endregion
-export { s as buildApprovalRequestRows };
+export { c as buildApprovalRequestRows };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/canDecideApprovalRequest.js

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/canDecideApprovalRequest.js
+function e(e, t) {
+	if (e.status !== "waiting") return !1;
+	let n = e.caller_is_policy_approver ?? !!(t && e.user_ids.includes(t)), r = !!(t && (e.approved_by ?? []).includes(t));
+	return n && !r;
+}
+//#endregion
+export { e as canDecideApprovalRequest };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestDecisions.js

@@ -0,0 +1,76 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { isOrganizationOnItsWay as e } from "../../../../../shared/data-access/dist/lib/organizationStatus.js";
+import { useEmbedApi as t } from "../../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { useWidgetConfig as n, useWidgetInitStaleForToken as r } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../../shared/feature/dist/index.js";
+import { useApproveApprovalRequestMutation as i } from "../../../../data-access/dist/index4.js";
+import { useRejectApprovalRequestMutation as a } from "../../../../data-access/dist/index5.js";
+import "../../../../data-access/dist/index.js";
+import { useCallback as o, useState as s } from "react";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestDecisions.js
+var c = /* @__PURE__ */ new Set();
+function l() {
+	let { mutateAsync: l } = i(), { mutateAsync: u } = a(), [d, f] = s(c), [p, m] = s(), [h, g] = s(""), { client: _, organizationId: v, organizationStatus: y } = t(), b = r(), x = e(y) || b, S = n().initResponse?.userId, C = b ? void 0 : S, [w, T] = s({
+		client: _,
+		organizationId: v,
+		userId: C
+	});
+	(_ !== w.client || v !== void 0 && v !== w.organizationId || C !== void 0 && C !== w.userId) && (T({
+		client: _,
+		organizationId: v === void 0 ? w.organizationId : v,
+		userId: C === void 0 ? w.userId : C
+	}), m(void 0));
+	let E = o(async (e, t) => {
+		f((t) => new Set(t).add(e));
+		try {
+			return await t(), !0;
+		} catch {
+			return !1;
+		} finally {
+			f((t) => {
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}
+	}, []), D = o((e) => {
+		E(e, () => l({ approvalRequestId: e }));
+	}, [l, E]), O = o((e) => {
+		m(e), g("");
+	}, []), k = !!(p && d.has(p)), A = o(() => {
+		p && !x && E(p, () => u({
+			approvalRequestId: p,
+			rejectReason: h
+		})).then((e) => {
+			e && m((e) => e === p ? void 0 : e);
+		});
+	}, [
+		x,
+		u,
+		h,
+		p,
+		E
+	]), j = o(() => {
+		k || m(void 0);
+	}, [k]);
+	return {
+		pendingRequestIds: d,
+		areDecisionsPaused: x,
+		onApprove: D,
+		onReject: O,
+		rejectDialog: {
+			open: !!p,
+			reason: h,
+			onReasonChange: g,
+			onConfirm: A,
+			onCancel: j,
+			isPending: k,
+			isConfirmDisabled: x
+		}
+	};
+}
+//#endregion
+export { l as useApprovalRequestDecisions };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestsFilters.js

@@ -7,9 +7,9 @@ import { useEmbedApi as t } from "../../../../../shared/data-access/dist/lib/Emb
 import "../../../../../shared/data-access/dist/index.js";
 import { useWidgetConfig as n } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
-import { APPROVAL_REQUEST_STATUSES as r } from "./constants.js";
-import { useEntityUsersSearchQuery as i } from "../../../../data-access/dist/index6.js";
+import { useEntityUsersSearchQuery as r } from "../../../../data-access/dist/index6.js";
 import "../../../../data-access/dist/index.js";
+import { APPROVAL_REQUEST_STATUSES as i } from "./constants.js";
 import { ApprovalRequestsFilterField as a } from "../../../../ui/dist/index3.js";
 import "../../../../ui/dist/index.js";
 import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
@@ -39,7 +39,7 @@ function y({ labels: y, onFiltersChange: b }) {
 		...e,
 		addedBy: void 0
 	})));
-	let P = i({
+	let P = r({
 		search: T,
 		enabled: D.activePanelId === a.AddedBy
 	}), F = o((e) => {
@@ -50,7 +50,7 @@ function y({ labels: y, onFiltersChange: b }) {
 	}, [b]), I = c(() => (P.data?.data ?? []).map((e) => ({
 		value: e.id,
 		label: v(e)
-	})), [P.data?.data]), L = c(() => r.map((e) => ({
+	})), [P.data?.data]), L = c(() => i.map((e) => ({
 		value: e,
 		label: y.status[e]
 	})), [y.status]), R = c(() => {

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestsTable.js

@@ -4,15 +4,17 @@
 "use client";
 import { useEmbedApi as e } from "../../../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../../../shared/data-access/dist/index.js";
-import { PAGE_SIZE_OPTIONS as t } from "./constants.js";
+import { useWidgetConfig as t } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../../shared/feature/dist/index.js";
 import { useApprovalRequestsQuery as n } from "../../../../data-access/dist/index3.js";
 import "../../../../data-access/dist/index.js";
-import { useApprovalRequestNames as r } from "./useApprovalRequestNames.js";
-import { buildApprovalRequestRows as i } from "./buildApprovalRequestRows.js";
-import { useApprovalRequestsFilters as a } from "./useApprovalRequestsFilters.js";
-import { useCallback as o, useMemo as s, useState as c } from "react";
+import { PAGE_SIZE_OPTIONS as r } from "./constants.js";
+import { useApprovalRequestNames as i } from "./useApprovalRequestNames.js";
+import { buildApprovalRequestRows as a } from "./buildApprovalRequestRows.js";
+import { useApprovalRequestsFilters as o } from "./useApprovalRequestsFilters.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestsTable.js
-function l(e, t) {
+function u(e, t) {
 	return e ? {
 		title: t.filterEmptyTitle,
 		description: t.filterEmptyDescription
@@ -21,45 +23,52 @@ function l(e, t) {
 		description: t.emptyDescription
 	};
 }
-function u({ labels: u, enabled: d = !0 }) {
-	let [f, p] = c(t[0]), [m, h] = c(), { organizationId: g } = e(), [_, v] = c(g);
-	g && g !== _ && (v(g), h(void 0));
-	let y = o(() => h(void 0), []), { filters: b, query: x, isFiltering: S } = a({
-		labels: u,
-		onFiltersChange: y
-	}), C = n({
-		...x,
-		limit: f,
-		pagination_token: m,
-		enabled: d
-	}), w = s(() => C.data?.data ?? [], [C.data]), T = r({ items: w }), E = s(() => i(w, T, u), [
-		w,
-		T,
-		u
-	]), D = C.isPlaceholderData ? void 0 : C.data, O = D?.next_pagination_token ?? void 0, k = D?.prev_pagination_token ?? void 0, A = o((e) => {
-		p(e), h(void 0);
-	}, []), j = o(() => {
-		O && h(O);
-	}, [O]), M = o(() => {
-		k && h(k);
-	}, [k]), { refetch: N } = C, P = o(() => {
-		N();
-	}, [N]);
+function d({ labels: d, enabled: f = !0, pendingRequestIds: p, areDecisionsPaused: m = !1 }) {
+	let [h, g] = l(r[0]), [_, v] = l(), { organizationId: y } = e(), [b, x] = l(y);
+	y && y !== b && (x(y), v(void 0));
+	let S = s(() => v(void 0), []), { filters: C, query: w, isFiltering: T } = o({
+		labels: d,
+		onFiltersChange: S
+	}), E = n({
+		...w,
+		limit: h,
+		pagination_token: _,
+		enabled: f
+	}), D = c(() => E.data?.data ?? [], [E.data]), O = i({ items: D }), k = t().initResponse?.userId ?? void 0, A = m || E.isPlaceholderData, j = c(() => a(D, O, d, {
+		currentUserId: k,
+		pendingRequestIds: p,
+		areDecisionsPaused: A
+	}), [
+		D,
+		O,
+		d,
+		k,
+		p,
+		A
+	]), M = E.isPlaceholderData ? void 0 : E.data, N = M?.next_pagination_token ?? void 0, P = M?.prev_pagination_token ?? void 0, F = s((e) => {
+		g(e), v(void 0);
+	}, []), I = s(() => {
+		N && v(N);
+	}, [N]), L = s(() => {
+		P && v(P);
+	}, [P]), { refetch: R } = E, z = s(() => {
+		R();
+	}, [R]);
 	return {
-		rows: E,
-		isLoading: C.isLoading,
-		isError: C.isError,
-		pageSize: f,
-		pageSizeOptions: t,
-		onPageSizeChange: A,
-		hasNextPage: !!O,
-		hasPrevPage: !!k,
-		onNextPage: j,
-		onPrevPage: M,
-		filters: b,
-		emptyState: l(S, u),
-		onRetry: P
+		rows: j,
+		isLoading: E.isLoading,
+		isError: E.isError,
+		pageSize: h,
+		pageSizeOptions: r,
+		onPageSizeChange: F,
+		hasNextPage: !!N,
+		hasPrevPage: !!P,
+		onNextPage: I,
+		onPrevPage: L,
+		filters: C,
+		emptyState: u(T, d),
+		onRetry: z
 	};
 }
 //#endregion
-export { l as selectEmptyState, u as useApprovalRequestsTable };
+export { u as selectEmptyState, d as useApprovalRequestsTable };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/ui/dist/index.js

@@ -1,4 +1,5 @@
 import "./index2.js";
 import { ApprovalRequestsFilterField as e } from "./index3.js";
 import { ApprovalRequestsScreen as t } from "./index4.js";
-export { e as ApprovalRequestsFilterField, t as ApprovalRequestsScreen };
+import { RejectApprovalRequestDialog as n } from "./index5.js";
+export { e as ApprovalRequestsFilterField, t as ApprovalRequestsScreen, n as RejectApprovalRequestDialog };

package/dist/libs/tesouro-embedded-components-react/approval-requests-widget/ui/dist/index2.js

@@ -24,6 +24,10 @@ var n = {
 	columnStatus: "Status",
 	columnAmount: "Amount",
 	columnAddedBy: "Added by",
+	columnActions: "Actions",
+	rowActions: "Request actions",
+	approve: "Approve request",
+	reject: "Reject request",
 	loadingValue: "Loading",
 	errorTitle: "Couldn't load approval requests",
 	errorDescription: "Try again.",
@@ -31,6 +35,14 @@ var n = {
 	filterBar: n,
 	accessRestrictedTitle: "Access restricted",
 	accessRestrictedDescription: "You don't have permission to view approval requests."
+}, i = {
+	title: "Reject this request?",
+	description: "The bill is rejected and nobody else is asked to approve it.",
+	reason: "Reason",
+	optionalNote: "(optional)",
+	confirm: "Reject request",
+	cancel: "Cancel",
+	close: "Close"
 };
 //#endregion
-export { n as APPROVAL_REQUESTS_FILTER_BAR_LABELS_EN, r as APPROVAL_REQUESTS_SCREEN_LABELS_EN };
+export { n as APPROVAL_REQUESTS_FILTER_BAR_LABELS_EN, r as APPROVAL_REQUESTS_SCREEN_LABELS_EN, i as REJECT_APPROVAL_REQUEST_DIALOG_LABELS_EN };