@tesouro/embedded-components-react 0.3.16 → 0.3.18

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js

@@ -2,89 +2,214 @@
 "use client";
 "use client";
 "use client";
-import { WidgetProvider as e } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useAllBankAccountsQuery as e } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useWidgetConfig as n, useWidgetError as ee, useWidgetLoading as te } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { CardProgram as r } from "../../../shared/feature/dist/lib/card/cardProgram.js";
 import "../../../shared/feature/dist/index.js";
-import { WIDGET_NAME as t } from "./index2.js";
-import { resolveCardsListLabels as n } from "../../ui/dist/lib/CardsList/labels.js";
-import { CardsList as r } from "../../ui/dist/lib/CardsList/CardsList.js";
-import { CardsListDetailsSheet as i } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
-import "../../ui/dist/index.js";
-import { useCardsWidget as a } from "./index7.js";
-import { CardDetailsWidget as o } from "../../../card-details-widget/feature/dist/index6.js";
-import "../../../card-details-widget/feature/dist/index.js";
-import { CreateCardWidget as s } from "../../../create-card-widget/feature/dist/index7.js";
-import "../../../create-card-widget/feature/dist/index.js";
-import { useCallback as c, useMemo as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { resolveCardsFeatureLabels as ne } from "./index4.js";
+import { getCardsPermissions as re } from "./index6.js";
+import { CardsWidgetAnalyticsEvent as ie } from "./index2.js";
+import { maskAccountNumber as ae } from "./index5.js";
+import { CARD_COLUMNS_BY_PROGRAM as oe, toCardRows as se, toCreditCardListItems as ce, toDebitCardListItems as le } from "./index7.js";
+import { useCreditCardsQuery as ue } from "../../data-access/dist/index2.js";
+import { useDebitCardsQuery as de } from "../../data-access/dist/index3.js";
+import "../../data-access/dist/index.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as fe, useState as s } from "react";
+import { useControllableState as pe } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js
-function m({ cardProgram: e, pagination: t, defaultPagination: m, onPaginationChange: h, labels: g, featureLabels: _, selectedCardId: v, defaultSelectedCardId: y, onSelectedCardIdChange: b, cardDetailsLabels: x, cardDetailsFeatureLabels: S, bankLogoSrc: C, bankLogoAlt: w, cardArtSrc: T, createCardLabels: E, createCardFeatureLabels: D, onCreateCard: O, onActivateCard: k }) {
-	let { selectedCardId: A, onSelectCard: j, onCreateCardClick: M, canCreateCard: N, canReadCards: P, ...F } = a({
-		cardProgram: e,
-		pagination: t,
-		defaultPagination: m,
-		onPaginationChange: h,
-		featureLabels: _,
-		selectedCardId: v,
-		defaultSelectedCardId: y,
-		onSelectedCardIdChange: b,
-		onCreateCard: O,
-		onActivateCard: k,
-		cardArtSrc: T
-	}), I = l(() => n(g), [g]), [L, R] = u(!1), [z, B] = u(0), [V, H] = u(A), [U, W] = u(null), G = c(() => {
-		A !== null && j(null), B((e) => e + 1), R(!0);
-	}, [A, j]), K = c(() => {
-		R(!1), A !== null && j(null);
-	}, [A, j]), q = c((e) => {
-		R(!1), j(e);
-	}, [j]), J = e === "debit" && !!T && !!N && M === void 0, Y = L && A === null && J;
-	L && (A !== null || !J) && R(!1), Y ? U !== "create" && W("create") : A !== null && (U !== "details" && W("details"), A !== V && H(A));
-	let X = U === "create", Z = A !== null || Y;
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
-		...F,
-		canCreateCard: N,
-		onCreateCardClick: M ?? G,
-		labels: I
-	}), /* @__PURE__ */ f(i, {
-		isOpen: Z,
-		labels: X ? I.createSheet : I.detailsSheet,
-		contentClassName: X ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
-		onClose: K,
-		children: X && J && T ? /* @__PURE__ */ f(s, {
-			cardArtSrc: T,
-			labels: E,
-			featureLabels: D,
-			onClose: K,
-			onCancel: K,
-			onViewCard: P ? q : void 0,
-			className: "ttw:min-h-0 ttw:flex-1"
-		}, z) : V === null ? null : /* @__PURE__ */ f(o, {
-			cardId: V,
-			cardProgram: e,
-			labels: x,
-			featureLabels: S,
-			bankLogoSrc: C,
-			bankLogoAlt: w,
-			onClose: K
-		}, V)
-	})] });
+var me = [
+	10,
+	25,
+	50
+], c = 10, he = "<none>";
+function l(e, t) {
+	return e !== void 0 && t !== void 0 && e !== t;
 }
-function h({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: p, disclosuresAcceptance: h, ...g }) {
-	return /* @__PURE__ */ f(e, {
-		widgetName: t,
-		baseUrl: n,
-		widgetToken: r,
-		organizationId: i,
-		configClient: a,
-		gatewayRouting: o,
-		linkComponent: s,
-		implementation: c,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: p,
-		disclosuresAcceptance: h,
-		children: /* @__PURE__ */ f(m, { ...g })
-	});
+function u(e) {
+	let t = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : c;
+	return {
+		paginationToken: e?.paginationToken,
+		pageSize: t
+	};
+}
+function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationChange: p, featureLabels: m, selectedCardId: ge, defaultSelectedCardId: _e, onSelectedCardIdChange: ve, onCreateCard: h, onActivateCard: g, cardArtSrc: ye }) {
+	let _ = o(() => ne(m), [m]), v = t();
+	a(() => {
+		v(ie.Mounted);
+	}, [v]);
+	let { organizationId: y, widgetToken: be, initResponse: b } = n(), x = b?.userId ?? void 0, xe = te(), S = !!ee(), C = !!(y && be), w = o(() => re({
+		cardProgram: c,
+		scopes: b?.scopes
+	}), [c, b?.scopes]), T = C && w.canRead && !!b, Se = o(() => u(d), [d?.pageSize, d?.paginationToken]), E = o(() => u(f), [f?.pageSize, f?.paginationToken]), [D, Ce] = s(x);
+	x !== void 0 && x !== D && Ce(x);
+	let [O, we] = s(y);
+	y !== void 0 && y !== O && we(y);
+	let k = [
+		[
+			c,
+			O === null ? he : O ?? "",
+			D ?? ""
+		].join("\0"),
+		E.paginationToken ?? "",
+		E.pageSize
+	].join("\0"), A = d !== void 0, [j, M] = s(() => ({
+		resetKey: k,
+		paginationToken: E.paginationToken,
+		pageSize: E.pageSize
+	})), [Te, Ee] = s(!0), [De, N] = pe({
+		prop: ge,
+		defaultProp: _e ?? null,
+		onChange: ve,
+		caller: "CardsWidget"
+	}), P = fe({
+		cardProgram: c,
+		organizationId: O,
+		userId: D
+	}), Oe = P.current.cardProgram !== c || l(P.current.organizationId, O) || l(P.current.userId, D);
+	a(() => {
+		let e = P.current;
+		P.current = {
+			cardProgram: c,
+			organizationId: O,
+			userId: D
+		}, (e.cardProgram !== c || l(e.organizationId, O) || l(e.userId, D)) && N(null);
+	}, [
+		c,
+		O,
+		D,
+		N
+	]);
+	let F = i((e) => {
+		N(e);
+	}, [N]), I = Te && !!x, ke = j.resetKey === k;
+	a(() => {
+		A || M((e) => e.resetKey === k ? e : {
+			resetKey: k,
+			paginationToken: E.paginationToken,
+			pageSize: E.pageSize
+		});
+	}, [
+		E.pageSize,
+		E.paginationToken,
+		A,
+		k
+	]);
+	let L = A ? Se : ke ? j : E, Ae = L.paginationToken, R = L.pageSize, z = I ? x : void 0, B = {
+		limit: R,
+		paginationToken: Ae
+	}, V = ue({
+		...B,
+		userId: z,
+		enabled: T && c === r.Credit
+	}), H = de({
+		...B,
+		cardholderUserId: z,
+		enabled: T && c === r.Debit
+	}), U = c === r.Credit ? V : H, W = T && w.canReadFundingAccounts, G = e({ enabled: W }), K = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!w.canReadFundingAccounts) return e;
+		for (let t of G.data?.data ?? []) {
+			let n = t.nickname?.trim();
+			e.set(t.id, n ? {
+				name: n,
+				lastFour: t.accountNumber?.trim().slice(-4) || void 0
+			} : { name: ae(t.accountNumber) ?? _.untitledFundingAccount });
+		}
+		return e;
+	}, [
+		G.data?.data,
+		_.untitledFundingAccount,
+		w.canReadFundingAccounts
+	]), q = W && G.isError, je = W && !q && (G.isLoading || G.isFetchingNextPage || !!G.hasNextPage), J = o(() => T ? c === r.Credit ? ce(V.data?.data ?? []) : le(H.data?.data ?? []) : [], [
+		T,
+		c,
+		V.data?.data,
+		H.data?.data
+	]), Me = o(() => se(J, {
+		labels: _,
+		fundingAccountNames: K,
+		canActivate: w.canActivate,
+		onCardSelect: F,
+		onActivateCard: g
+	}), [
+		J,
+		K,
+		F,
+		_,
+		g,
+		w.canActivate
+	]), Y = U.data?.nextPaginationToken ?? void 0, X = U.data?.prevPaginationToken ?? void 0, Ne = !!U.data, Z = T && (U.isError || q), Q = i((e) => {
+		A || M({
+			resetKey: k,
+			paginationToken: e.paginationToken,
+			pageSize: e.pageSize
+		}), p?.(e);
+	}, [
+		A,
+		p,
+		k
+	]), $ = i(() => {
+		Q({
+			paginationToken: void 0,
+			pageSize: R
+		});
+	}, [Q, R]), Pe = i((e) => {
+		Q({
+			paginationToken: void 0,
+			pageSize: e
+		});
+	}, [Q]), Fe = i((e) => {
+		Ee(e), $();
+	}, [$]), Ie = i(() => {
+		Q({
+			paginationToken: X,
+			pageSize: R
+		});
+	}, [
+		Q,
+		R,
+		X
+	]), Le = i(() => {
+		Q({
+			paginationToken: Y,
+			pageSize: R
+		});
+	}, [
+		Q,
+		Y,
+		R
+	]), Re = U.refetch, ze = G.refetch, Be = i(() => {
+		Re(), W && ze();
+	}, [
+		W,
+		Re,
+		ze
+	]);
+	return {
+		rows: Me,
+		selectedCardId: Oe ? null : De,
+		onSelectCard: F,
+		canReadCards: w.canRead,
+		columns: oe[c],
+		isLoading: !S && (!C || xe && !b || T && (U.isLoading || je)),
+		isError: S || Z,
+		canToggleShowMyCards: w.canRead && !!x,
+		isShowingMyCards: I,
+		onShowMyCardsChange: Fe,
+		canCreateCard: w.canCreate && (!!h || !!ye && w.canComposeDebitCreate),
+		onCreateCardClick: h,
+		onRetry: Be,
+		isPaginationVisible: T && Ne && !Z,
+		pageSize: R,
+		pageSizeOptions: me,
+		isPreviousPageDisabled: !X,
+		isNextPageDisabled: !Y,
+		onPageSizeChange: Pe,
+		onPreviousPageClick: Ie,
+		onNextPageClick: Le
+	};
 }
 //#endregion
-export { h as CardsWidget, h as default };
+export { d as useCardsWidget };

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index9.js

@@ -0,0 +1,95 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { WidgetProvider as e } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { WIDGET_NAME as t } from "./index2.js";
+import { cardsWidgetTestIds as n } from "./index3.js";
+import { resolveCardsListLabels as r } from "../../ui/dist/lib/CardsList/labels.js";
+import { CardsList as i } from "../../ui/dist/lib/CardsList/CardsList.js";
+import { CardsListDetailsSheet as a } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
+import "../../ui/dist/index.js";
+import { useCardsWidget as o } from "./index8.js";
+import { CardDetailsWidget as s } from "../../../card-details-widget/feature/dist/index6.js";
+import "../../../card-details-widget/feature/dist/index.js";
+import { CreateCardWidget as c } from "../../../create-card-widget/feature/dist/index7.js";
+import "../../../create-card-widget/feature/dist/index.js";
+import { useCallback as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index9.js
+function h({ cardProgram: e, pagination: t, defaultPagination: h, onPaginationChange: g, labels: _, featureLabels: v, selectedCardId: y, defaultSelectedCardId: b, onSelectedCardIdChange: x, cardDetailsLabels: S, cardDetailsFeatureLabels: C, bankLogoSrc: w, bankLogoAlt: T, cardArtSrc: E, createCardLabels: D, createCardFeatureLabels: O, onCreateCard: k, onActivateCard: A }) {
+	let { selectedCardId: j, onSelectCard: M, onCreateCardClick: N, canCreateCard: P, canReadCards: F, ...I } = o({
+		cardProgram: e,
+		pagination: t,
+		defaultPagination: h,
+		onPaginationChange: g,
+		featureLabels: v,
+		selectedCardId: y,
+		defaultSelectedCardId: b,
+		onSelectedCardIdChange: x,
+		onCreateCard: k,
+		onActivateCard: A,
+		cardArtSrc: E
+	}), L = u(() => r(_), [_]), [R, z] = d(!1), [B, V] = d(0), [H, U] = d(j), [W, G] = d(null), K = l(() => {
+		j !== null && M(null), V((e) => e + 1), z(!0);
+	}, [j, M]), q = l(() => {
+		z(!1), j !== null && M(null);
+	}, [j, M]), J = l((e) => {
+		z(!1), M(e);
+	}, [M]), Y = e === "debit" && !!E && !!P && N === void 0, X = R && j === null && Y;
+	R && (j !== null || !Y) && z(!1), X ? W !== "create" && G("create") : j !== null && (W !== "details" && G("details"), j !== H && U(j));
+	let Z = W === "create", Q = j !== null || X;
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+		...I,
+		canCreateCard: P,
+		onCreateCardClick: N ?? K,
+		labels: L,
+		testIds: {
+			root: n.list,
+			row: { cardFaceSwatch: { root: n.cardFaceSwatch } }
+		}
+	}), /* @__PURE__ */ p(a, {
+		isOpen: Q,
+		labels: Z ? L.createSheet : L.detailsSheet,
+		contentClassName: Z ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
+		onClose: q,
+		children: Z && Y && E ? /* @__PURE__ */ p(c, {
+			cardArtSrc: E,
+			labels: D,
+			featureLabels: O,
+			onClose: q,
+			onCancel: q,
+			onViewCard: F ? J : void 0,
+			className: "ttw:min-h-0 ttw:flex-1"
+		}, B) : H === null ? null : /* @__PURE__ */ p(s, {
+			cardId: H,
+			cardProgram: e,
+			labels: S,
+			featureLabels: C,
+			bankLogoSrc: w,
+			bankLogoAlt: T,
+			onClose: q
+		}, H)
+	})] });
+}
+function g({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: m, ...g }) {
+	return /* @__PURE__ */ p(e, {
+		widgetName: t,
+		baseUrl: n,
+		widgetToken: r,
+		organizationId: i,
+		configClient: a,
+		gatewayRouting: o,
+		linkComponent: s,
+		implementation: c,
+		uiFramework: l,
+		errorFallback: u,
+		onError: d,
+		analytics: f,
+		disclosuresAcceptance: m,
+		children: /* @__PURE__ */ p(h, { ...g })
+	});
+}
+//#endregion
+export { g as CardsWidget, g as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardFaceSwatch.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardFaceSwatch.js
-function t() {
+function t({ testIds: t }) {
 	return /* @__PURE__ */ e("span", {
 		"aria-hidden": !0,
-		"data-testid": "card-face-swatch",
+		"data-testid": t?.root,
 		className: "ttw:flex ttw:h-7 ttw:w-[42px] ttw:shrink-0 ttw:items-end ttw:rounded-[3.5px] ttw:bg-foreground ttw:p-1",
 		children: /* @__PURE__ */ e("span", { className: "ttw:h-1 ttw:w-2.5 ttw:rounded-[1px] ttw:bg-muted-foreground" })
 	});

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js

@@ -24,36 +24,36 @@ function w({ columnCount: e }) {
 		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(t, { className: "ttw:h-4 ttw:w-24" }) }, n))
 	}, r)) });
 }
-function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleShowMyCards: E = !1, isShowingMyCards: D = !0, onShowMyCardsChange: O, canCreateCard: k = !1, onCreateCardClick: A, onRetry: j, isPaginationVisible: M = !1, pageSize: N = 10, pageSizeOptions: P = S, rangeLabel: F = "", isPreviousPageDisabled: I = !1, isNextPageDisabled: L = !1, onPageSizeChange: R, onPreviousPageClick: z, onNextPageClick: B, labels: V }) {
-	let H = h(), U = g(() => p(V), [V]), W = !!(k && A), G = R && z && B ? {
+function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleShowMyCards: E = !1, isShowingMyCards: D = !0, onShowMyCardsChange: O, canCreateCard: k = !1, onCreateCardClick: A, onRetry: j, isPaginationVisible: M = !1, pageSize: N = 10, pageSizeOptions: P = S, rangeLabel: F = "", isPreviousPageDisabled: I = !1, isNextPageDisabled: L = !1, onPageSizeChange: R, onPreviousPageClick: z, onNextPageClick: B, labels: V, testIds: H }) {
+	let U = h(), W = g(() => p(V), [V]), G = !!(k && A), K = R && z && B ? {
 		onPageSizeChange: R,
 		onPreviousPageClick: z,
 		onNextPageClick: B
-	} : void 0, K = _.length + 1;
+	} : void 0, q = _.length + 1;
 	return /* @__PURE__ */ y("section", {
-		"aria-label": U.regionLabel,
+		"aria-label": W.regionLabel,
 		"aria-busy": C || void 0,
-		"data-testid": "cards-list",
+		"data-testid": H?.root,
 		children: [
 			/* @__PURE__ */ y("header", {
 				className: "ttw:mb-5 ttw:flex ttw:flex-wrap ttw:items-start ttw:justify-between ttw:gap-4",
 				children: [/* @__PURE__ */ v(l, {
 					variant: "h2",
-					children: U.title
-				}), W && /* @__PURE__ */ y(e, {
+					children: W.title
+				}), G && /* @__PURE__ */ y(e, {
 					size: "sm",
 					disabled: C,
 					onClick: A,
 					children: [/* @__PURE__ */ v(x, {
 						"aria-hidden": !0,
 						className: "ttw:size-4"
-					}), U.createCardButton]
+					}), W.createCardButton]
 				})]
 			}),
 			C && /* @__PURE__ */ v("span", {
 				role: "status",
 				className: "ttw:sr-only",
-				children: U.loadingLabel
+				children: W.loadingLabel
 			}),
 			E && O && /* @__PURE__ */ y("div", {
 				className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-3",
@@ -61,11 +61,11 @@ function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleS
 					checked: D,
 					disabled: C,
 					onCheckedChange: O,
-					"aria-labelledby": H
+					"aria-labelledby": U
 				}), /* @__PURE__ */ v("span", {
-					id: H,
+					id: U,
 					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-					children: U.showMyCardsToggle
+					children: W.showMyCardsToggle
 				})]
 			}),
 			/* @__PURE__ */ y("div", {
@@ -74,58 +74,59 @@ function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleS
 					className: "ttw:hover:bg-transparent",
 					children: [_.map((e) => /* @__PURE__ */ v(o, {
 						className: "ttw:text-sm",
-						children: U.columnHeaders[e]
+						children: W.columnHeaders[e]
 					}, e)), /* @__PURE__ */ v(o, {
 						className: "ttw:w-[90px]",
 						children: /* @__PURE__ */ v("span", {
 							className: "ttw:sr-only",
-							children: U.rowActionsColumn
+							children: W.rowActionsColumn
 						})
 					})]
 				}) }), /* @__PURE__ */ v(i, { children: T ? /* @__PURE__ */ v(c, {
 					className: "ttw:hover:bg-transparent",
 					children: /* @__PURE__ */ v(a, {
-						colSpan: K,
+						colSpan: q,
 						className: "ttw:p-0",
 						children: /* @__PURE__ */ v(d, {
-							title: U.errorTitle,
-							description: U.errorDescription,
-							retryLabel: U.retryButton,
+							title: W.errorTitle,
+							description: W.errorDescription,
+							retryLabel: W.retryButton,
 							onRetry: j
 						})
 					})
-				}) : C ? /* @__PURE__ */ v(w, { columnCount: K }) : t.length === 0 ? /* @__PURE__ */ v(c, {
+				}) : C ? /* @__PURE__ */ v(w, { columnCount: q }) : t.length === 0 ? /* @__PURE__ */ v(c, {
 					className: "ttw:hover:bg-transparent",
 					children: /* @__PURE__ */ v(a, {
-						colSpan: K,
+						colSpan: q,
 						className: "ttw:p-0",
 						children: /* @__PURE__ */ v(u, {
 							icon: /* @__PURE__ */ v(b, { className: "ttw:size-6 ttw:text-muted-foreground" }),
-							title: U.emptyTitle,
-							description: U.emptyDescription,
-							actionLabel: W ? U.createCardButton : void 0,
+							title: W.emptyTitle,
+							description: W.emptyDescription,
+							actionLabel: G ? W.createCardButton : void 0,
 							actionIcon: /* @__PURE__ */ v(x, {
 								"aria-hidden": !0,
 								className: "ttw:size-4"
 							}),
-							onAction: W ? A : void 0
+							onAction: G ? A : void 0
 						})
 					})
 				}) : t.map((e) => /* @__PURE__ */ v(m, {
+					testIds: H?.row,
 					row: e,
 					columns: _,
-					labels: U
-				}, e.key)) })] }), M && G && /* @__PURE__ */ v(f, {
+					labels: W
+				}, e.key)) })] }), M && K && /* @__PURE__ */ v(f, {
 					pageSize: N,
 					pageSizeOptions: P,
 					rangeLabel: F,
 					isPreviousDisabled: I,
 					isNextDisabled: L,
 					isDisabled: C,
-					onPageSizeChange: G.onPageSizeChange,
-					onPreviousPageClick: G.onPreviousPageClick,
-					onNextPageClick: G.onNextPageClick,
-					labels: U.pagination
+					onPageSizeChange: K.onPageSizeChange,
+					onPreviousPageClick: K.onPreviousPageClick,
+					onNextPageClick: K.onNextPageClick,
+					labels: W.pagination
 				})]
 			})
 		]

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListRow.js

@@ -7,8 +7,8 @@ import { cardStatusToneClassName as r } from "./statusBadge.js";
 import { CardFaceSwatch as i } from "./CardFaceSwatch.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListRow.js
-function c({ row: e, labels: t }) {
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, {}), /* @__PURE__ */ s("span", {
+function c({ row: e, labels: t, testIds: n }) {
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, { testIds: n?.cardFaceSwatch }), /* @__PURE__ */ s("span", {
 		className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
 		children: [/* @__PURE__ */ s("span", {
 			className: "ttw:flex ttw:gap-1 ttw:text-sm ttw:leading-none",
@@ -33,13 +33,14 @@ function c({ row: e, labels: t }) {
 		})]
 	})] });
 }
-function l({ row: i, columns: a, labels: l }) {
-	let u = !!i.onActivate, d = !!i.onSelect, f = {
+function l({ row: i, columns: a, labels: l, testIds: u }) {
+	let d = !!i.onActivate, f = !!i.onSelect, p = {
 		cardName: /* @__PURE__ */ o("span", {
 			className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3",
 			children: /* @__PURE__ */ o(c, {
 				row: i,
-				labels: l
+				labels: l,
+				testIds: u
 			})
 		}),
 		fundingAccount: /* @__PURE__ */ s("span", {
@@ -80,15 +81,15 @@ function l({ row: i, columns: a, labels: l }) {
 	};
 	return /* @__PURE__ */ s(n, {
 		"data-testid": `cards-list-row-${i.key}`,
-		className: d ? "ttw:relative ttw:h-18 ttw:cursor-pointer" : "ttw:h-18",
-		children: [a.map((e, n) => /* @__PURE__ */ s(t, { children: [n === 0 && d ? /* @__PURE__ */ o("button", {
+		className: f ? "ttw:relative ttw:h-18 ttw:cursor-pointer" : "ttw:h-18",
+		children: [a.map((e, n) => /* @__PURE__ */ s(t, { children: [n === 0 && f ? /* @__PURE__ */ o("button", {
 			type: "button",
 			"aria-label": `${l.selectCardButton} ${i.nickname} ${i.lastFour} ${i.typeLabel}`,
 			onClick: () => i.onSelect?.(),
 			className: "ttw:absolute ttw:inset-0 ttw:z-10 ttw:cursor-pointer ttw:rounded-md ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2"
-		}) : null, f[e]] }, e)), /* @__PURE__ */ o(t, {
-			className: d ? "ttw:relative ttw:z-20 ttw:text-right" : "ttw:text-right",
-			children: u && /* @__PURE__ */ o(e, {
+		}) : null, p[e]] }, e)), /* @__PURE__ */ o(t, {
+			className: f ? "ttw:relative ttw:z-20 ttw:text-right" : "ttw:text-right",
+			children: d && /* @__PURE__ */ o(e, {
 				size: "sm",
 				"aria-label": `${l.activateButtonForCard} ${i.nickname}`,
 				onClick: (e) => {

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index.js

@@ -1,7 +1,7 @@
 import "./index4.js";
-import { ExpenseApprovalPoliciesWidget as e } from "./index5.js";
-import { UploadReceiptWidget as t } from "./index6.js";
-import { ExpenseManagementWidget as n } from "./index8.js";
-import "./index9.js";
-import { ReceiptMatchWidget as r } from "./index12.js";
+import { ExpenseApprovalPoliciesWidget as e } from "./index6.js";
+import { UploadReceiptWidget as t } from "./index7.js";
+import { ExpenseManagementWidget as n } from "./index9.js";
+import "./index10.js";
+import { ReceiptMatchWidget as r } from "./index13.js";
 export { e as ExpenseApprovalPoliciesWidget, n as ExpenseManagementWidget, r as ReceiptMatchWidget, t as UploadReceiptWidget };