@tesouro/embedded-components-react 0.11.19 → 0.11.21

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

@@ -9,7 +9,11 @@ var a = "PENDING_ACTIVATION", o = {
 	[e.Credit]: i.filter((e) => e !== "fundingAccount" && e !== "limit"),
 	[e.Debit]: i.filter((e) => e !== "limit")
 };
-function s(e) {
+function s({ cardProgram: e, canReadFundingAccounts: t }) {
+	let n = o[e];
+	return t ? n : n.filter((e) => e !== "fundingAccount");
+}
+function c(e) {
 	return e.map((e) => ({
 		id: e.id,
 		userId: e.userId,
@@ -22,7 +26,7 @@ function s(e) {
 		limitCurrencyCode: e.currentBalance?.currencyCode
 	}));
 }
-function c(e) {
+function l(e) {
 	return e.map((e) => ({
 		id: e.id,
 		userId: e.userId,
@@ -34,7 +38,7 @@ function c(e) {
 		fundingAccountId: e.bankAccountId
 	}));
 }
-function l(e, { labels: i, fundingAccountNames: o, canActivate: s, onCardSelect: c, onActivateCard: l }) {
+function u(e, { labels: i, fundingAccountNames: o, canActivate: s, onCardSelect: c, onActivateCard: l }) {
 	return e.map((e) => {
 		let u = s && e.status === a, d = e.fundingAccountId ? o?.get(e.fundingAccountId) : void 0;
 		return {
@@ -56,4 +60,4 @@ function l(e, { labels: i, fundingAccountNames: o, canActivate: s, onCardSelect:
 		};
 	});
 }
-export { o as CARD_COLUMNS_BY_PROGRAM, l as toCardRows, s as toCreditCardListItems, c as toDebitCardListItems };
+export { o as CARD_COLUMNS_BY_PROGRAM, u as toCardRows, c as toCreditCardListItems, l as toDebitCardListItems, s as visibleCardColumns };

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

@@ -14,7 +14,7 @@ import { resolveCardsFeatureLabels as ae } from "./labels.js";
 import { getCardsPermissions as oe } from "./permissions.js";
 import { CardsWidgetAnalyticsEvent as se } from "./analytics/events.js";
 import { maskAccountNumber as ce } from "./formatters.js";
-import { CARD_COLUMNS_BY_PROGRAM as le, toCardRows as ue, toCreditCardListItems as de, toDebitCardListItems as fe } from "./rows.js";
+import { toCardRows as le, toCreditCardListItems as ue, toDebitCardListItems as de, visibleCardColumns as fe } from "./rows.js";
 import { useCreditCardsQuery as pe } from "../../../data-access/dist/index2.js";
 import { useDebitCardsQuery as me } from "../../../data-access/dist/index3.js";
 import "../../../data-access/dist/index.js";
@@ -36,18 +36,18 @@ function u(e) {
 		pageSize: t
 	};
 }
-function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationChange: ye, featureLabels: p, selectedCardId: be, defaultSelectedCardId: xe, onSelectedCardIdChange: Se, onCreateCard: m, onActivateCard: h }) {
-	let g = o(() => ae(p), [p]), _ = te();
+function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationChange: p, featureLabels: m, selectedCardId: ye, defaultSelectedCardId: be, onSelectedCardIdChange: xe, onCreateCard: Se, onActivateCard: Ce }) {
+	let h = o(() => ae(m), [m]), g = te();
 	a(() => {
-		_(se.Mounted);
-	}, [_]);
-	let { organizationId: v, widgetToken: Ce, initResponse: y } = ne(), b = y?.userId ?? void 0, we = ie(), { organizationStatus: x } = n(), Te = t(x), S = !!re(), Ee = !!(v && Ce) || !!Ce && x === e.Rotating, C = o(() => oe({
+		g(se.Mounted);
+	}, [g]);
+	let { organizationId: _, widgetToken: v, initResponse: y } = ne(), b = y?.userId ?? void 0, we = ie(), { organizationStatus: x } = n(), Te = t(x), S = !!re(), Ee = !!(_ && v) || !!v && x === e.Rotating, C = o(() => oe({
 		cardProgram: c,
 		scopes: y?.scopes
 	}), [c, y?.scopes]), w = Ee && C.canRead && !!y, De = o(() => u(d), [d?.pageSize, d?.paginationToken]), T = o(() => u(f), [f?.pageSize, f?.paginationToken]), [E, Oe] = s(b);
 	b !== void 0 && b !== E && Oe(b);
-	let [D, ke] = s(v);
-	v !== void 0 && v !== D && ke(v);
+	let [D, ke] = s(_);
+	_ !== void 0 && _ !== D && ke(_);
 	let O = [
 		c,
 		D === null ? ve : D ?? "",
@@ -61,9 +61,9 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 		paginationToken: T.paginationToken,
 		pageSize: T.pageSize
 	})), [Ae, N] = s(!1), [je, P] = ge({
-		prop: be,
-		defaultProp: xe ?? null,
-		onChange: Se,
+		prop: ye,
+		defaultProp: be ?? null,
+		onChange: xe,
 		caller: "CardsWidget"
 	}), F = he({
 		cardProgram: c,
@@ -117,114 +117,117 @@ function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationCh
 			e.set(t.id, n ? {
 				name: n,
 				lastFour: t.accountNumber?.trim().slice(-4) || void 0
-			} : { name: ce(t.accountNumber) ?? g.untitledFundingAccount });
+			} : { name: ce(t.accountNumber) ?? h.untitledFundingAccount });
 		}
 		return e;
 	}, [
 		K.data?.data,
-		g.untitledFundingAccount,
+		h.untitledFundingAccount,
 		C.canReadFundingAccounts
-	]), J = G && K.isError, Fe = G && !J && (K.isLoading || K.isFetchingNextPage || !!K.hasNextPage), Y = o(() => w ? c === r.Credit ? de(H.data?.data ?? []) : fe(U.data?.data ?? []) : [], [
+	]), Fe = G && K.isError, Ie = G && !Fe && (K.isLoading || K.isFetchingNextPage || !!K.hasNextPage), J = o(() => w ? c === r.Credit ? ue(H.data?.data ?? []) : de(U.data?.data ?? []) : [], [
 		w,
 		c,
 		H.data?.data,
 		U.data?.data
-	]), Ie = o(() => ue(Y, {
-		labels: g,
+	]), Le = o(() => fe({
+		cardProgram: c,
+		canReadFundingAccounts: C.canReadFundingAccounts
+	}), [c, C.canReadFundingAccounts]), Re = o(() => le(J, {
+		labels: h,
 		fundingAccountNames: q,
 		canActivate: C.canActivate,
 		onCardSelect: I,
-		onActivateCard: h
+		onActivateCard: Ce
 	}), [
-		Y,
+		J,
 		q,
 		I,
-		g,
 		h,
+		Ce,
 		C.canActivate
-	]), X = W.data?.nextPaginationToken ?? void 0, Z = W.data?.prevPaginationToken ?? void 0, Le = !!W.data, Re = w && (W.isError || J), [Q, ze] = s({
+	]), Y = W.data?.nextPaginationToken ?? void 0, X = W.data?.prevPaginationToken ?? void 0, ze = !!W.data, Z = w && (W.isError || Fe), [Q, Be] = s({
 		key: O,
 		value: !1
 	});
-	if (w && !L && Le) {
-		let e = Q.key !== O, t = !!b && Y.some((e) => e.userId !== b) || !e && Q.value;
-		(e || Q.value !== t) && ze({
+	if (w && !L && ze) {
+		let e = Q.key !== O, t = !!b && J.some((e) => e.userId !== b) || !e && Q.value;
+		(e || Q.value !== t) && Be({
 			key: O,
 			value: t
 		});
-	} else Q.key !== O && ze({
+	} else Q.key !== O && Be({
 		key: O,
 		value: !1
 	});
-	let Be = Q.value, $ = i((e) => {
+	let Ve = Q.value, $ = i((e) => {
 		A || M({
 			resetKey: k,
 			paginationToken: e.paginationToken,
 			pageSize: e.pageSize
-		}), ye?.(e);
+		}), p?.(e);
 	}, [
 		A,
-		ye,
+		p,
 		k
-	]), Ve = i(() => {
+	]), He = i(() => {
 		$({
 			paginationToken: void 0,
 			pageSize: z
 		});
-	}, [$, z]), He = i((e) => {
+	}, [$, z]), Ue = i((e) => {
 		$({
 			paginationToken: void 0,
 			pageSize: e
 		});
-	}, [$]), Ue = i((e) => {
-		N(e), Ve();
-	}, [Ve]), We = i(() => {
+	}, [$]), We = i((e) => {
+		N(e), He();
+	}, [He]), Ge = i(() => {
 		$({
-			paginationToken: Z,
+			paginationToken: X,
 			pageSize: z
 		});
 	}, [
 		$,
 		z,
-		Z
-	]), Ge = i(() => {
+		X
+	]), Ke = i(() => {
 		$({
-			paginationToken: X,
+			paginationToken: Y,
 			pageSize: z
 		});
 	}, [
 		$,
-		X,
+		Y,
 		z
-	]), Ke = W.refetch, qe = K.refetch, Je = i(() => {
-		Ke(), G && qe();
+	]), qe = W.refetch, Je = K.refetch, Ye = i(() => {
+		qe(), G && Je();
 	}, [
 		G,
-		Ke,
-		qe
+		qe,
+		Je
 	]);
 	return {
-		rows: Ie,
+		rows: Re,
 		selectedCardId: Me ? null : je,
 		onSelectCard: I,
 		canReadCards: C.canRead,
-		columns: le[c],
-		isLoading: !S && (Te && !W.data || we && !y || w && (W.isLoading || Fe)),
-		isError: S || Re,
-		canToggleShowMyCards: C.canRead && !!b && Be,
+		columns: Le,
+		isLoading: !S && (Te && !W.data || we && !y || w && (W.isLoading || Ie)),
+		isError: S || Z,
+		canToggleShowMyCards: C.canRead && !!b && Ve,
 		isShowingMyCards: L,
-		onShowMyCardsChange: Ue,
-		canCreateCard: C.canCreate && (!!m || C.canComposeDebitCreate),
-		onCreateCardClick: m,
-		onRetry: Je,
-		isPaginationVisible: w && Le && !Re,
+		onShowMyCardsChange: We,
+		canCreateCard: C.canCreate && (!!Se || C.canComposeDebitCreate),
+		onCreateCardClick: Se,
+		onRetry: Ye,
+		isPaginationVisible: w && ze && !Z,
 		pageSize: z,
 		pageSizeOptions: _e,
-		isPreviousPageDisabled: !Z,
-		isNextPageDisabled: !X,
-		onPageSizeChange: He,
-		onPreviousPageClick: We,
-		onNextPageClick: Ge
+		isPreviousPageDisabled: !X,
+		isNextPageDisabled: !Y,
+		onPageSizeChange: Ue,
+		onPreviousPageClick: Ge,
+		onNextPageClick: Ke
 	};
 }
 export { d as useCardsWidget };

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

@@ -1,5 +1,5 @@
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.11.19", n = "810658288be16dc038561c916563461b8a4cd161", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.11.21", n = "c679ff5861e72ab093600c95f18af84dbb20f020", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/packages/shared-ui-shadcn/dist/index.js

@@ -10231,29 +10231,29 @@ function kx({ className: e, ...t }) {
 		...t
 	});
 }
-function Ax({ className: e, children: t, side: n = "right", showCloseButton: r = !0, closeButtonTestId: i, closeDisabled: a = !1, onEscapeKeyDown: o, onInteractOutside: s, labels: c, onOpenAutoFocus: l, ...u }) {
-	let d = {
+function Ax({ className: e, children: t, side: n = "right", showCloseButton: r = !0, closeButtonTestId: i, closeDisabled: a = !1, onEscapeKeyDown: o, onInteractOutside: s, labels: c, overlayClassName: l, onOpenAutoFocus: u, ...d }) {
+	let f = {
 		...Tx,
 		...c
 	};
-	return /* @__PURE__ */ v(Ox, { children: [/* @__PURE__ */ _(kx, {}), /* @__PURE__ */ v(Gd, {
+	return /* @__PURE__ */ v(Ox, { children: [/* @__PURE__ */ _(kx, { className: l }), /* @__PURE__ */ v(Gd, {
 		"data-slot": "sheet-content",
 		className: Y("ttw:fixed ttw:z-50 ttw:flex ttw:flex-col ttw:gap-4 ttw:border-border ttw:bg-background ttw:shadow-lg ttw:transition ttw:ease-in-out ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:duration-300 ttw:data-[state=open]:animate-in ttw:data-[state=open]:duration-500", n === "right" && "ttw:inset-y-0 ttw:right-0 ttw:h-full ttw:w-full ttw:border-l ttw:data-[state=closed]:slide-out-to-right ttw:data-[state=open]:slide-in-from-right ttw:sm:max-w-150", n === "left" && "ttw:inset-y-0 ttw:left-0 ttw:h-full ttw:w-full ttw:border-r ttw:data-[state=closed]:slide-out-to-left ttw:data-[state=open]:slide-in-from-left ttw:sm:max-w-150", n === "top" && "ttw:inset-x-0 ttw:top-0 ttw:h-auto ttw:border-b ttw:data-[state=closed]:slide-out-to-top ttw:data-[state=open]:slide-in-from-top", n === "bottom" && "ttw:inset-x-0 ttw:bottom-0 ttw:h-auto ttw:border-t ttw:data-[state=closed]:slide-out-to-bottom ttw:data-[state=open]:slide-in-from-bottom", e),
 		onOpenAutoFocus: (e) => {
-			if (l?.(e), e.defaultPrevented) return;
+			if (u?.(e), e.defaultPrevented) return;
 			let t = e.target.querySelector("[data-autofocus]");
 			t && (t.focus(), document.activeElement === t && e.preventDefault());
 		},
 		onEscapeKeyDown: ry(a, o),
 		onInteractOutside: ry(a, s),
-		...u,
+		...d,
 		children: [t, r && /* @__PURE__ */ _(ef, {
 			"data-slot": "sheet-close-button",
 			"data-testid": i,
 			disabled: a,
-			title: d.close,
+			title: f.close,
 			className: Y(ty, "ttw:absolute ttw:top-4 ttw:right-4"),
-			children: /* @__PURE__ */ _(iy, { label: d.close })
+			children: /* @__PURE__ */ _(iy, { label: f.close })
 		})]
 	})] });
 }

package/package.json

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