@tesouro/embedded-components-react 0.9.37 → 0.9.39

package/dist/experimental/ApprovalRequests.d.ts

@@ -600,10 +600,14 @@ 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;
@@ -616,6 +620,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,10 +600,14 @@ 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;
@@ -616,6 +620,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/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/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,39 @@ 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 }) {
+	let [u, d] = s(t[0]), [f, p] = s(), { organizationId: m } = e(), [h, g] = s(m);
+	m && m !== h && (g(m), p(void 0));
+	let _ = n({
+		limit: u,
+		pagination_token: f
+	}), v = o(() => _.data?.data ?? [], [_.data]), y = r({ items: v }), b = o(() => i(v, y, l), [
+		v,
+		y,
+		l
+	]), x = _.isPlaceholderData ? void 0 : _.data, S = x?.next_pagination_token ?? void 0, C = x?.prev_pagination_token ?? void 0, w = a((e) => {
+		d(e), p(void 0);
+	}, []), T = a(() => {
+		S && p(S);
+	}, [S]), E = a(() => {
+		C && p(C);
+	}, [C]), { refetch: D } = _, O = a(() => {
+		D();
+	}, [D]);
 	return {
-		rows: _,
-		isLoading: g.isLoading,
-		isError: g.isError,
-		pageSize: l,
+		rows: b,
+		isLoading: _.isLoading,
+		isError: _.isError,
+		pageSize: u,
 		pageSizeOptions: t,
-		onPageSizeChange: x,
-		hasNextPage: !!y,
-		hasPrevPage: !!b,
-		onNextPage: S,
-		onPrevPage: C,
-		emptyState: s(!1, c),
-		onRetry: T
+		onPageSizeChange: w,
+		hasNextPage: !!S,
+		hasPrevPage: !!C,
+		onNextPage: T,
+		onPrevPage: E,
+		emptyState: c(!1, l),
+		onRetry: O
 	};
 }
 //#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,10 +1,13 @@
 //#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"

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

@@ -1,71 +1,96 @@
-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, pageSize: f, onPageSizeChange: p, pageSizeOptions: m, hasNextPage: h, hasPrevPage: g, onNextPage: _, onPrevPage: v, emptyState: y, onRetry: b, labels: x }) {
+	let S = {
+		...a,
+		...x
+	}, C = [
 		{
 			accessorKey: "invoiceNumber",
-			header: x.columnInvoiceNumber
+			header: S.columnInvoiceNumber
+		},
+		{
+			accessorKey: "vendor",
+			header: S.columnVendor,
+			cell: ({ row: e }) => /* @__PURE__ */ s(d, {
+				name: e.original.vendor,
+				loadingLabel: S.loadingValue
+			})
 		},
 		{
 			accessorKey: "issueDate",
-			header: x.columnIssueDate
+			header: S.columnIssueDate
 		},
 		{
 			accessorKey: "dueDate",
-			header: x.columnDueDate
+			header: S.columnDueDate
 		},
 		{
 			accessorKey: "statusLabel",
-			header: x.columnStatus,
-			cell: ({ row: t }) => /* @__PURE__ */ a(e, {
+			header: S.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: S.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: S.columnAddedBy,
+			cell: ({ row: e }) => /* @__PURE__ */ s(d, {
+				name: e.original.addedBy,
+				loadingLabel: S.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 c ? /* @__PURE__ */ s(i, {
+		title: S.errorTitle,
+		description: S.errorDescription,
+		retryLabel: b ? S.errorRetry : void 0,
+		onRetry: b
+	}) : /* @__PURE__ */ s(t, {
+		columns: C,
+		data: n,
+		isLoading: o,
+		sorting: l,
+		onSortingChange: u,
+		pageSize: f,
+		onPageSizeChange: p,
+		pageSizeOptions: m,
+		hasNextPage: h,
+		hasPrevPage: g,
+		onNextPage: _,
+		onPrevPage: v,
+		children: /* @__PURE__ */ s(r, {
+			title: y.title,
+			description: y.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.37", n = "09c1ca22c40fa06851e49ad3410bd807486ce75d", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.39", n = "9a6cb2d3b516b6821374e3a4483594af885ce0ce", 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.37",
+  "version": "0.9.39",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [