@tesouro/embedded-components-react 0.9.44 → 0.9.45

package/dist/experimental/ApprovalRequests.d.ts

@@ -680,11 +680,19 @@ interface ApprovalRequestsListLabels {
     status: Record<ApprovalRequestStatus, string>;
     filters: ApprovalRequestsFilterLabels;
 }
+/** Toast copy for approve and reject; the error copy is the fallback when the API gives no reason. */
+interface ApprovalRequestsMessageLabels {
+    approved: string;
+    rejected: string;
+    approveError: string;
+    rejectError: string;
+}
 
 interface ApprovalRequestsWidgetOwnProps {
     screenLabels?: PartialDeep<ApprovalRequestsScreenLabels>;
     listLabels?: PartialDeep<ApprovalRequestsListLabels>;
-    rejectDialogLabels?: Partial<RejectApprovalRequestDialogLabels>;
+    rejectDialogLabels?: PartialDeep<RejectApprovalRequestDialogLabels>;
+    messageLabels?: PartialDeep<ApprovalRequestsMessageLabels>;
 }
 /** Public props for {@link ApprovalRequestsWidget}. */
 type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetOwnProps;
@@ -692,7 +700,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, rejectDialogLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
+declare function ApprovalRequestsWidget({ screenLabels, listLabels, rejectDialogLabels, messageLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
 
 export { ApprovalRequestsWidget };
 export type { ApprovalRequestsWidgetProps };

package/dist/experimental/index.d.ts

@@ -680,11 +680,19 @@ interface ApprovalRequestsListLabels {
     status: Record<ApprovalRequestStatus, string>;
     filters: ApprovalRequestsFilterLabels;
 }
+/** Toast copy for approve and reject; the error copy is the fallback when the API gives no reason. */
+interface ApprovalRequestsMessageLabels {
+    approved: string;
+    rejected: string;
+    approveError: string;
+    rejectError: string;
+}
 
 interface ApprovalRequestsWidgetOwnProps {
     screenLabels?: PartialDeep<ApprovalRequestsScreenLabels>;
     listLabels?: PartialDeep<ApprovalRequestsListLabels>;
-    rejectDialogLabels?: Partial<RejectApprovalRequestDialogLabels>;
+    rejectDialogLabels?: PartialDeep<RejectApprovalRequestDialogLabels>;
+    messageLabels?: PartialDeep<ApprovalRequestsMessageLabels>;
 }
 /** Public props for {@link ApprovalRequestsWidget}. */
 type ApprovalRequestsWidgetProps = WidgetProviderProps & ApprovalRequestsWidgetOwnProps;
@@ -692,7 +700,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, rejectDialogLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
+declare function ApprovalRequestsWidget({ screenLabels, listLabels, rejectDialogLabels, messageLabels, ...widgetProviderProps }: ApprovalRequestsWidgetProps): React.JSX.Element;
 
 interface CheckAmountAndDetailScreenLabels {
     title: string;

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

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

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

@@ -19,6 +19,11 @@ var e = {
 		moreSelected: (e, t) => `${e} + ${t} more`,
 		dateRange: (e, t) => `${e} - ${t}`
 	}
+}, t = {
+	approved: "Request was approved",
+	rejected: "Request was rejected",
+	approveError: "Couldn't approve the request. Try again.",
+	rejectError: "Couldn't reject the request. Try again."
 };
 //#endregion
-export { e as APPROVAL_REQUESTS_LIST_LABELS_EN };
+export { e as APPROVAL_REQUESTS_LIST_LABELS_EN, t as APPROVAL_REQUESTS_MESSAGE_LABELS_EN };

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

@@ -2,75 +2,93 @@
 "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 { toast as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { extractApiErrorMessage as t } from "../../../../../shared/util/dist/lib/apiErrors.js";
+import "../../../../../shared/util/dist/index.js";
+import { isOrganizationOnItsWay as n } from "../../../../../shared/data-access/dist/lib/organizationStatus.js";
+import { useEmbedApi as r } 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/ui/dist/index.js";
+import { useWidgetConfig as i, useWidgetInitStaleForToken as a } 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 { useApproveApprovalRequestMutation as o } from "../../../../data-access/dist/index4.js";
+import { useRejectApprovalRequestMutation as s } from "../../../../data-access/dist/index5.js";
 import "../../../../data-access/dist/index.js";
-import { useCallback as o, useState as s } from "react";
+import { useCallback as c, useState as l } 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
+var u = /* @__PURE__ */ new Set();
+function d({ messages: d }) {
+	let { mutateAsync: f } = o(), { mutateAsync: p } = s(), [m, h] = l(u), [g, _] = l(), [v, y] = l(""), { client: b, organizationId: x, organizationStatus: S } = r(), C = a(), w = n(S) || C, T = i().initResponse?.userId, E = C ? void 0 : T, [D, O] = l({
+		client: b,
+		organizationId: x,
+		userId: E
 	});
-	(_ !== 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));
+	(b !== D.client || x !== void 0 && x !== D.organizationId || E !== void 0 && E !== D.userId) && (O({
+		client: b,
+		organizationId: x === void 0 ? D.organizationId : x,
+		userId: E === void 0 ? D.userId : E
+	}), _(void 0));
+	let k = c(async (n, { decide: r, successMessage: i, errorFallback: a }) => {
+		h((e) => new Set(e).add(n));
 		try {
-			return await t(), !0;
-		} catch {
-			return !1;
+			return await r(), e.success(i), !0;
+		} catch (n) {
+			return e.error(t(n) ?? a), !1;
 		} finally {
-			f((t) => {
-				let n = new Set(t);
-				return n.delete(e), n;
+			h((e) => {
+				let t = new Set(e);
+				return t.delete(n), t;
 			});
 		}
-	}, []), 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);
+	}, []), A = c((e) => {
+		w || k(e, {
+			decide: () => f({ approvalRequestId: e }),
+			successMessage: d.approved,
+			errorFallback: d.approveError
 		});
 	}, [
-		x,
-		u,
-		h,
+		f,
+		w,
+		d,
+		k
+	]), j = c((e) => {
+		_(e), y("");
+	}, []), M = !!(g && m.has(g)), N = c(() => {
+		g && !w && k(g, {
+			decide: () => p({
+				approvalRequestId: g,
+				rejectReason: v
+			}),
+			successMessage: d.rejected,
+			errorFallback: d.rejectError
+		}).then((e) => {
+			e && _((e) => e === g ? void 0 : e);
+		});
+	}, [
+		w,
+		d,
 		p,
-		E
-	]), j = o(() => {
-		k || m(void 0);
-	}, [k]);
+		v,
+		g,
+		k
+	]), P = c(() => {
+		M || _(void 0);
+	}, [M]);
 	return {
-		pendingRequestIds: d,
-		areDecisionsPaused: x,
-		onApprove: D,
-		onReject: O,
+		pendingRequestIds: m,
+		areDecisionsPaused: w,
+		onApprove: A,
+		onReject: j,
 		rejectDialog: {
-			open: !!p,
-			reason: h,
-			onReasonChange: g,
-			onConfirm: A,
-			onCancel: j,
-			isPending: k,
-			isConfirmDisabled: x
+			open: !!g,
+			reason: v,
+			onReasonChange: y,
+			onConfirm: N,
+			onCancel: P,
+			isPending: M,
+			isConfirmDisabled: w
 		}
 	};
 }
 //#endregion
-export { l as useApprovalRequestDecisions };
+export { d as useApprovalRequestDecisions };

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.44", n = "0566ca36c3657385b52cd990c71145af70b75966", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.45", n = "0d9dec8b8927b2abd568eb61986dd26ca14843b6", 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.44",
+  "version": "0.9.45",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [