@tesouro/embedded-components-react 0.9.38 → 0.9.40

package/dist/experimental/ApprovalRequests.d.ts

@@ -600,13 +600,19 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 
 interface ApprovalRequestsScreenLabels {
     columnInvoiceNumber: string;
+    columnVendor: string;
     columnIssueDate: string;
     columnDueDate: string;
     columnStatus: string;
     columnAmount: string;
+    columnAddedBy: string;
+    /** Read by screen readers in a cell whose name is still loading. */
+    loadingValue: string;
     errorTitle: string;
     errorDescription: string;
     errorRetry: string;
+    accessRestrictedTitle: string;
+    accessRestrictedDescription: string;
 }
 
 interface ApprovalRequestsListLabels {
@@ -616,6 +622,8 @@ interface ApprovalRequestsListLabels {
     filterEmptyDescription: string;
     /** Shown in a cell whose value the request's payable does not carry. */
     missingValue: string;
+    /** Shown for a vendor or creator this session may not read, or whose lookup failed. */
+    unavailableValue: string;
     status: Record<ApprovalRequestStatus, string>;
 }
 

package/dist/experimental/index.d.ts

@@ -600,13 +600,19 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 
 interface ApprovalRequestsScreenLabels {
     columnInvoiceNumber: string;
+    columnVendor: string;
     columnIssueDate: string;
     columnDueDate: string;
     columnStatus: string;
     columnAmount: string;
+    columnAddedBy: string;
+    /** Read by screen readers in a cell whose name is still loading. */
+    loadingValue: string;
     errorTitle: string;
     errorDescription: string;
     errorRetry: string;
+    accessRestrictedTitle: string;
+    accessRestrictedDescription: string;
 }
 
 interface ApprovalRequestsListLabels {
@@ -616,6 +622,8 @@ interface ApprovalRequestsListLabels {
     filterEmptyDescription: string;
     /** Shown in a cell whose value the request's payable does not carry. */
     missingValue: string;
+    /** Shown for a vendor or creator this session may not read, or whose lookup failed. */
+    unavailableValue: string;
     status: Record<ApprovalRequestStatus, string>;
 }
 

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

@@ -5,4 +5,5 @@ import { useApprovalRequestsQuery as e } from "./index3.js";
 import "./index4.js";
 import "./index5.js";
 import "./index6.js";
-export { e as useApprovalRequestsQuery };
+import { useEntityUsersByIdsQuery as t } from "./index7.js";
+export { e as useApprovalRequestsQuery, t as useEntityUsersByIdsQuery };

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

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { getEntityUsersOptions as e } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as t } from "../../../shared/data-access/dist/lib/withAuthEpoch.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 { useMemo as i } from "react";
+import { useQuery as a } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/data-access/dist/index7.js
+function o({ ids: o, enabled: s }) {
+	let { client: c, organizationId: l, widgetToken: u, authEpoch: d, organizationStatus: f } = n(), p = i(() => [...new Set(o.filter(Boolean))].sort().slice(0, 100), [o]), m = e({
+		client: c,
+		headers: r(l),
+		query: {
+			id__in: p,
+			limit: 100
+		}
+	});
+	return a({
+		...t(m, {
+			authEpoch: d,
+			organizationStatus: f
+		}, { carryWithinOrg: !0 }),
+		enabled: !!(l && u) && (s === !0 || s === void 0) && p.length > 0
+	});
+}
+//#endregion
+export { o as useEntityUsersByIdsQuery };

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

@@ -7,54 +7,59 @@ import { useEmbedApi as t } from "../../../../../shared/data-access/dist/lib/Emb
 import "../../../../../shared/data-access/dist/index.js";
 import { useAnalyticsTrack as n } from "../../../../../shared/feature/dist/lib/analytics/hooks.js";
 import { WidgetProvider as r } from "../../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useRefetchWidget as i, useWidgetConfig as a, useWidgetError as o, useWidgetInitStaleForToken as s } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useRefetchWidget as i, useWidgetConfig as a, useWidgetError as o, useWidgetInitStaleForToken as s, useWidgetLoading as c } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
-import { ApprovalRequestsWidgetAnalyticsEvent as c, WIDGET_NAME as l } from "../analytics/events.js";
-import { APPROVAL_REQUESTS_LIST_LABELS_EN as u } from "./labels.js";
-import { useApprovalRequestsTable as d } from "./useApprovalRequestsTable.js";
-import { ApprovalRequestsScreen as f } from "../../../../ui/dist/index3.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 { useApprovalRequestsTable as p } from "./useApprovalRequestsTable.js";
+import { ApprovalRequestsScreen as m } from "../../../../ui/dist/index3.js";
 import "../../../../ui/dist/index.js";
-import { useEffect as p, useMemo as m } from "react";
-import { jsx as h } from "react/jsx-runtime";
+import { useEffect as h, useMemo as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/ApprovalRequestsWidget.js
-function g({ screenLabels: r, listLabels: l }) {
-	let g = n();
-	p(() => {
-		g(c.Mounted);
-	}, [g]);
-	let _ = m(() => ({
+function v({ screenLabels: r, listLabels: u }) {
+	let v = n();
+	h(() => {
+		v(l.Mounted);
+	}, [v]);
+	let y = g(() => ({
+		...d,
 		...u,
-		...l,
 		status: {
-			...u.status,
-			...l?.status
+			...d.status,
+			...u?.status
 		}
-	}), [l]), v = d({ labels: _ }), { initResponse: y } = a(), b = o(), x = s(), S = i(), { organizationStatus: C } = t(), w = !!b && (!y || x);
-	return /* @__PURE__ */ h(f, {
-		rows: v.rows,
-		isLoading: v.isLoading || e(C) && v.rows.length === 0,
-		isError: w || v.isError,
-		pageSize: v.pageSize,
-		onPageSizeChange: v.onPageSizeChange,
-		pageSizeOptions: v.pageSizeOptions,
-		hasNextPage: v.hasNextPage,
-		hasPrevPage: v.hasPrevPage,
-		onNextPage: v.onNextPage,
-		onPrevPage: v.onPrevPage,
-		emptyState: v.emptyState,
-		onRetry: w ? S : v.onRetry,
+	}), [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 = p({
+		labels: y,
+		enabled: D.canRead
+	});
+	return /* @__PURE__ */ _(m, {
+		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,
+		onRetry: k ? T : A.onRetry,
 		labels: r
 	});
 }
-function _({ screenLabels: e, listLabels: t, ...n }) {
-	return /* @__PURE__ */ h(r, {
+function y({ screenLabels: e, listLabels: t, ...n }) {
+	return /* @__PURE__ */ _(r, {
 		...n,
-		widgetName: l,
-		children: /* @__PURE__ */ h(g, {
+		widgetName: u,
+		children: /* @__PURE__ */ _(v, {
 			screenLabels: e,
 			listLabels: t
 		})
 	});
 }
 //#endregion
-export { _ as ApprovalRequestsWidget, _ as default };
+export { y as ApprovalRequestsWidget, y as default };

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

@@ -2,28 +2,41 @@ import { createCurrencyFormatter as e } from "../../../../../shared/util/dist/li
 import { formatCalendarDate as t } from "../../../../../shared/util/dist/lib/formatCalendarDate.js";
 import "../../../../../shared/util/dist/index.js";
 import { STATUS_TONE as n } from "./constants.js";
+import { NameLookupState as r } from "./useApprovalRequestNames.js";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/buildApprovalRequestRows.js
-var r = { day: "2-digit" };
-function i(t, n) {
+var i = { day: "2-digit" };
+function a(t, n) {
 	let r = new Intl.NumberFormat("en-US", {
 		style: "currency",
 		currency: n
 	}).resolvedOptions().maximumFractionDigits ?? 2;
 	return e(n).format(t / 10 ** r);
 }
-function a(e, a) {
-	return e.map(({ request: e, payable: o }) => {
-		let s = o?.amount_to_pay, c = o?.currency;
+function o(e, t, n) {
+	if (!e) return n.missingValue;
+	let i = t.names.get(e);
+	if (i) return i;
+	switch (t.state) {
+		case r.Resolving: return;
+		case r.Unavailable: return n.unavailableValue;
+		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;
 		return {
 			id: e.id,
-			invoiceNumber: o?.document_id || a.missingValue,
-			issueDate: t(o?.issued_at, r) || a.missingValue,
-			dueDate: t(o?.due_date, r) || a.missingValue,
-			statusLabel: a.status[e.status],
+			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],
 			statusTone: n[e.status],
-			amount: typeof s == "number" && c ? i(s, c) : a.missingValue
+			amount: typeof l == "number" && u ? a(l, u) : s.missingValue,
+			addedBy: o(e.created_by, r.users, s)
 		};
 	});
 }
 //#endregion
-export { a as buildApprovalRequestRows };
+export { s as buildApprovalRequestRows };

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

@@ -5,6 +5,7 @@ var e = {
 	filterEmptyTitle: "No approval requests found",
 	filterEmptyDescription: "Try adjusting your filter criteria.",
 	missingValue: "—",
+	unavailableValue: "Unavailable",
 	status: {
 		waiting: "In approval",
 		approved: "Approved",

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

@@ -0,0 +1,9 @@
+import { Scope as e } from "../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/permissions.js
+function t(t) {
+	let n = new Set(t ?? []);
+	return { canRead: n.has(e.ApprovalRequestReadOrg) && n.has(e.PayableReadOrg) };
+}
+//#endregion
+export { t as getApprovalRequestPermissions };

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

@@ -0,0 +1,66 @@
+"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 { useWidgetConfig as n, useWidgetInitStaleForToken as r } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../../shared/feature/dist/index.js";
+import { getCounterpartName as i } from "../../../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsByIdsQuery as a } from "../../../../../shared/counterpart-management/data-access/dist/index3.js";
+import "../../../../../shared/counterpart-management/feature/dist/index.js";
+import { useEntityUsersByIdsQuery as o } from "../../../../data-access/dist/index7.js";
+import "../../../../data-access/dist/index.js";
+import { useMemo as s } from "react";
+//#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestNames.js
+var c = {
+	Resolving: "resolving",
+	Unavailable: "unavailable",
+	Settled: "settled"
+}, l = /* @__PURE__ */ new Map();
+function u(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e ?? []) {
+		let e = t(r);
+		e && n.set(r.id, e);
+	}
+	return n;
+}
+function d({ isInitResolved: e, canRead: t, isPaused: n }, { isFetching: r, isError: i }) {
+	return !e || n ? c.Resolving : t ? r ? c.Resolving : i ? c.Unavailable : c.Settled : c.Unavailable;
+}
+function f({ items: c }) {
+	let { initResponse: f } = n(), p = r(), m = !!f, h = e(f?.scopes, [t.CounterpartReadOrg]), g = e(f?.scopes, [t.UserReadOrg]), _ = s(() => c.map(({ payable: e }) => e?.counterpart_id).filter((e) => !!e), [c]), v = s(() => c.map(({ request: e }) => e.created_by).filter((e) => !!e), [c]), y = a({
+		counterpartIds: _,
+		enabled: h && !p
+	}), b = o({
+		ids: v,
+		enabled: g && !p
+	}), x = m && !h && !p, S = m && !g && !p, C = s(() => x ? l : u(y.data?.data, i), [y.data, x]), w = s(() => S ? l : u(b.data?.data, (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim()), [b.data, S]), T = d({
+		isInitResolved: m,
+		canRead: h,
+		isPaused: p
+	}, y), E = d({
+		isInitResolved: m,
+		canRead: g,
+		isPaused: p
+	}, b);
+	return s(() => ({
+		vendors: {
+			names: C,
+			state: T
+		},
+		users: {
+			names: w,
+			state: E
+		}
+	}), [
+		C,
+		T,
+		w,
+		E
+	]);
+}
+//#endregion
+export { c as NameLookupState, f as useApprovalRequestNames };

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

@@ -5,12 +5,13 @@
 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 { buildApprovalRequestRows as n } from "./buildApprovalRequestRows.js";
-import { useApprovalRequestsQuery as r } from "../../../../data-access/dist/index3.js";
+import { useApprovalRequestsQuery as n } from "../../../../data-access/dist/index3.js";
 import "../../../../data-access/dist/index.js";
-import { useCallback as i, useMemo as a, useState as o } from "react";
+import { useApprovalRequestNames as r } from "./useApprovalRequestNames.js";
+import { buildApprovalRequestRows as i } from "./buildApprovalRequestRows.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/feature/dist/lib/ApprovalRequestsWidget/useApprovalRequestsTable.js
-function s(e, t) {
+function c(e, t) {
 	return e ? {
 		title: t.filterEmptyTitle,
 		description: t.filterEmptyDescription
@@ -19,35 +20,40 @@ function s(e, t) {
 		description: t.emptyDescription
 	};
 }
-function c({ labels: c }) {
-	let [l, u] = o(t[0]), [d, f] = o(), { organizationId: p } = e(), [m, h] = o(p);
-	p && p !== m && (h(p), f(void 0));
-	let g = r({
-		limit: l,
-		pagination_token: d
-	}), _ = a(() => n(g.data?.data ?? [], c), [g.data, c]), v = g.isPlaceholderData ? void 0 : g.data, y = v?.next_pagination_token ?? void 0, b = v?.prev_pagination_token ?? void 0, x = i((e) => {
-		u(e), f(void 0);
-	}, []), S = i(() => {
-		y && f(y);
-	}, [y]), C = i(() => {
-		b && f(b);
-	}, [b]), { refetch: w } = g, T = i(() => {
-		w();
-	}, [w]);
+function l({ labels: l, enabled: u = !0 }) {
+	let [d, f] = s(t[0]), [p, m] = s(), { organizationId: h } = e(), [g, _] = s(h);
+	h && h !== g && (_(h), m(void 0));
+	let v = n({
+		limit: d,
+		pagination_token: p,
+		enabled: u
+	}), y = o(() => v.data?.data ?? [], [v.data]), b = r({ items: y }), x = o(() => i(y, b, l), [
+		y,
+		b,
+		l
+	]), S = v.isPlaceholderData ? void 0 : v.data, C = S?.next_pagination_token ?? void 0, w = S?.prev_pagination_token ?? void 0, T = a((e) => {
+		f(e), m(void 0);
+	}, []), E = a(() => {
+		C && m(C);
+	}, [C]), D = a(() => {
+		w && m(w);
+	}, [w]), { refetch: O } = v, k = a(() => {
+		O();
+	}, [O]);
 	return {
-		rows: _,
-		isLoading: g.isLoading,
-		isError: g.isError,
-		pageSize: l,
+		rows: x,
+		isLoading: v.isLoading,
+		isError: v.isError,
+		pageSize: d,
 		pageSizeOptions: t,
-		onPageSizeChange: x,
-		hasNextPage: !!y,
-		hasPrevPage: !!b,
-		onNextPage: S,
-		onPrevPage: C,
-		emptyState: s(!1, c),
-		onRetry: T
+		onPageSizeChange: T,
+		hasNextPage: !!C,
+		hasPrevPage: !!w,
+		onNextPage: E,
+		onPrevPage: D,
+		emptyState: c(!1, l),
+		onRetry: k
 	};
 }
 //#endregion
-export { s as selectEmptyState, c as useApprovalRequestsTable };
+export { c as selectEmptyState, l as useApprovalRequestsTable };

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

@@ -1,13 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/ui/dist/index2.js
 var e = {
 	columnInvoiceNumber: "Invoice #",
+	columnVendor: "Vendor",
 	columnIssueDate: "Issue date",
 	columnDueDate: "Due date",
 	columnStatus: "Status",
 	columnAmount: "Amount",
+	columnAddedBy: "Added by",
+	loadingValue: "Loading",
 	errorTitle: "Couldn't load approval requests",
 	errorDescription: "Try again.",
-	errorRetry: "Try again"
+	errorRetry: "Try again",
+	accessRestrictedTitle: "Access restricted",
+	accessRestrictedDescription: "You don't have permission to view approval requests."
 };
 //#endregion
 export { e as APPROVAL_REQUESTS_SCREEN_LABELS_EN };

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

@@ -1,71 +1,99 @@
-import { Badge as e, DataTable as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as n } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as r } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Badge as e, DataTable as t, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as r } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as i } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { APPROVAL_REQUESTS_SCREEN_LABELS_EN as i } from "./index2.js";
-import { jsx as a } from "react/jsx-runtime";
+import { APPROVAL_REQUESTS_SCREEN_LABELS_EN as a } from "./index2.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/approval-requests-widget/ui/dist/index3.js
-var o = [], s = () => void 0;
-function c({ rows: c, isLoading: l, isError: u, pageSize: d, onPageSizeChange: f, pageSizeOptions: p, hasNextPage: m, hasPrevPage: h, onNextPage: g, onPrevPage: _, emptyState: v, onRetry: y, labels: b }) {
-	let x = {
-		...i,
-		...b
-	}, S = [
+var l = [], u = () => void 0;
+function d({ name: e, loadingLabel: t }) {
+	return e === void 0 ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+		className: "ttw:h-4 ttw:w-32",
+		"aria-hidden": !0
+	}), /* @__PURE__ */ s("span", {
+		className: "ttw:sr-only",
+		children: t
+	})] }) : /* @__PURE__ */ s(o, { children: e });
+}
+function f({ rows: n, isLoading: o, isError: c, isAccessRestricted: f, pageSize: p, onPageSizeChange: m, pageSizeOptions: h, hasNextPage: g, hasPrevPage: _, onNextPage: v, onPrevPage: y, emptyState: b, onRetry: x, labels: S }) {
+	let C = {
+		...a,
+		...S
+	}, w = [
 		{
 			accessorKey: "invoiceNumber",
-			header: x.columnInvoiceNumber
+			header: C.columnInvoiceNumber
+		},
+		{
+			accessorKey: "vendor",
+			header: C.columnVendor,
+			cell: ({ row: e }) => /* @__PURE__ */ s(d, {
+				name: e.original.vendor,
+				loadingLabel: C.loadingValue
+			})
 		},
 		{
 			accessorKey: "issueDate",
-			header: x.columnIssueDate
+			header: C.columnIssueDate
 		},
 		{
 			accessorKey: "dueDate",
-			header: x.columnDueDate
+			header: C.columnDueDate
 		},
 		{
 			accessorKey: "statusLabel",
-			header: x.columnStatus,
-			cell: ({ row: t }) => /* @__PURE__ */ a(e, {
+			header: C.columnStatus,
+			cell: ({ row: t }) => /* @__PURE__ */ s(e, {
 				tone: t.original.statusTone,
 				children: t.original.statusLabel
 			})
 		},
 		{
 			accessorKey: "amount",
-			header: () => /* @__PURE__ */ a("div", {
+			header: () => /* @__PURE__ */ s("div", {
 				className: "ttw:text-right",
-				children: x.columnAmount
+				children: C.columnAmount
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ a("div", {
+			cell: ({ row: e }) => /* @__PURE__ */ s("div", {
 				className: "ttw:text-right ttw:tabular-nums",
 				children: e.original.amount
 			})
+		},
+		{
+			accessorKey: "addedBy",
+			header: C.columnAddedBy,
+			cell: ({ row: e }) => /* @__PURE__ */ s(d, {
+				name: e.original.addedBy,
+				loadingLabel: C.loadingValue
+			})
 		}
 	];
-	return u ? /* @__PURE__ */ a(r, {
-		title: x.errorTitle,
-		description: x.errorDescription,
-		retryLabel: y ? x.errorRetry : void 0,
-		onRetry: y
-	}) : /* @__PURE__ */ a(t, {
-		columns: S,
-		data: c,
-		isLoading: l,
-		sorting: o,
-		onSortingChange: s,
-		pageSize: d,
-		onPageSizeChange: f,
-		pageSizeOptions: p,
-		hasNextPage: m,
-		hasPrevPage: h,
-		onNextPage: g,
-		onPrevPage: _,
-		children: /* @__PURE__ */ a(n, {
-			title: v.title,
-			description: v.description
+	return f ? /* @__PURE__ */ s(i, {
+		title: C.accessRestrictedTitle,
+		description: C.accessRestrictedDescription
+	}) : c ? /* @__PURE__ */ s(i, {
+		title: C.errorTitle,
+		description: C.errorDescription,
+		retryLabel: x ? C.errorRetry : void 0,
+		onRetry: x
+	}) : /* @__PURE__ */ s(t, {
+		columns: w,
+		data: n,
+		isLoading: o,
+		sorting: l,
+		onSortingChange: u,
+		pageSize: p,
+		onPageSizeChange: m,
+		pageSizeOptions: h,
+		hasNextPage: g,
+		hasPrevPage: _,
+		onNextPage: v,
+		onPrevPage: y,
+		children: /* @__PURE__ */ s(r, {
+			title: b.title,
+			description: b.description
 		})
 	});
 }
 //#endregion
-export { c as ApprovalRequestsScreen, c as default };
+export { f as ApprovalRequestsScreen, f as default };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.9.38", n = "c747cb8a674d8b9420e5f06a290af1a8ac7fd73c", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.40", n = "f9977fa659d9b5a376c67729dd2762d7e065f98c", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.9.38",
+  "version": "0.9.40",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [