@tesouro/embedded-components-react 0.2.300 → 0.2.301

package/dist/index.d.ts

@@ -2182,7 +2182,6 @@ interface CreateCardWidgetLabels {
     cardArtAlt: string;
     setup: {
         sectionTitle: string;
-        sectionDescription: string;
         cardholderLabel: string;
         cardholderPlaceholder: string;
         cardFormatLabel: string;

package/dist/lib/CardsWidget.d.ts

@@ -861,7 +861,6 @@ interface CreateCardWidgetLabels {
     cardArtAlt: string;
     setup: {
         sectionTitle: string;
-        sectionDescription: string;
         cardholderLabel: string;
         cardholderPlaceholder: string;
         cardFormatLabel: string;

package/dist/lib/CreateCardWidget.d.ts

@@ -13,7 +13,6 @@ interface CreateCardWidgetLabels {
     cardArtAlt: string;
     setup: {
         sectionTitle: string;
-        sectionDescription: string;
         cardholderLabel: string;
         cardholderPlaceholder: string;
         cardFormatLabel: string;

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

@@ -42,7 +42,8 @@ function l(e, { labels: i, fundingAccountNames: o, canActivate: s, onCardSelect:
 			nickname: r(e.nickname, i.untitledCard),
 			lastFour: e.lastFourDigits,
 			typeLabel: i.cardType[e.type] ?? i.emptyValue,
-			fundingAccount: d ?? i.emptyValue,
+			fundingAccount: d?.name ?? i.emptyValue,
+			fundingAccountLastFour: d?.lastFour,
 			cardholder: r(e.cardholderName, i.emptyValue),
 			statusLabel: i.cardStatus[e.status] ?? i.emptyValue,
 			statusTone: t[e.status] ?? "neutral",

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

@@ -5,204 +5,210 @@
 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 ee, useWidgetError as te, useWidgetLoading as ne } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProgram.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 { resolveCardsFeatureLabels as re } from "./index3.js";
-import { getCardsPermissions as ie } from "./index5.js";
-import { CardsWidgetAnalyticsEvent as ae } from "./index2.js";
-import { maskAccountNumber as oe, withFallback as se } from "./index4.js";
-import { CARD_COLUMNS_BY_PROGRAM as ce, toCardRows as le, toCreditCardListItems as ue, toDebitCardListItems as de } from "./index6.js";
-import { useCreditCardsQuery as fe } from "../../data-access/dist/index2.js";
-import { useDebitCardsQuery as pe } from "../../data-access/dist/index3.js";
+import { resolveCardsFeatureLabels as ne } from "./index3.js";
+import { getCardsPermissions as re } from "./index5.js";
+import { CardsWidgetAnalyticsEvent as ie } from "./index2.js";
+import { maskAccountNumber as ae } from "./index4.js";
+import { CARD_COLUMNS_BY_PROGRAM as oe, toCardRows as se, toCreditCardListItems as ce, toDebitCardListItems as le } from "./index6.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 r, useEffect as i, useMemo as a, useRef as me, useState as o } from "react";
-import { useControllableState as he } from "@radix-ui/react-use-controllable-state";
+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/index7.js
-var ge = [
+var me = [
 	10,
 	25,
 	50
-], s = 10, _e = "<none>";
-function c(e, t) {
+], c = 10, he = "<none>";
+function l(e, t) {
 	return e !== void 0 && t !== void 0 && e !== t;
 }
-function l(e) {
-	let t = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : s;
+function u(e) {
+	let t = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : c;
 	return {
 		paginationToken: e?.paginationToken,
 		pageSize: t
 	};
 }
-function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h, cardArtSrc: xe }) {
-	let g = a(() => re(p), [p]), _ = t();
-	i(() => {
-		_(ae.Mounted);
-	}, [_]);
-	let { organizationId: v, widgetToken: Se, initResponse: y } = ee(), b = y?.userId ?? void 0, Ce = ne(), x = !!te(), S = !!(v && Se), C = a(() => ie({
-		cardProgram: s,
-		scopes: y?.scopes
-	}), [s, y?.scopes]), w = S && C.canRead && !!y, we = a(() => l(u), [u?.pageSize, u?.paginationToken]), T = a(() => l(d), [d?.pageSize, d?.paginationToken]), [E, Te] = o(b);
-	b !== void 0 && b !== E && Te(b);
-	let [D, Ee] = o(v);
-	v !== void 0 && v !== D && Ee(v);
-	let O = [
+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 = [
 		[
-			s,
-			D === null ? _e : D ?? "",
-			E ?? ""
+			c,
+			O === null ? he : O ?? "",
+			D ?? ""
 		].join("\0"),
-		T.paginationToken ?? "",
-		T.pageSize
-	].join("\0"), k = u !== void 0, [A, j] = o(() => ({
-		resetKey: O,
-		paginationToken: T.paginationToken,
-		pageSize: T.pageSize
-	})), [De, Oe] = o(!0), [ke, M] = he({
-		prop: ve,
-		defaultProp: ye ?? null,
-		onChange: be,
+		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"
-	}), N = me({
-		cardProgram: s,
-		organizationId: D,
-		userId: E
-	}), Ae = N.current.cardProgram !== s || c(N.current.organizationId, D) || c(N.current.userId, E);
-	i(() => {
-		let e = N.current;
-		N.current = {
-			cardProgram: s,
-			organizationId: D,
-			userId: E
-		}, (e.cardProgram !== s || c(e.organizationId, D) || c(e.userId, E)) && M(null);
+	}), 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);
 	}, [
-		s,
+		c,
+		O,
 		D,
-		E,
-		M
+		N
 	]);
-	let P = r((e) => {
-		M(e);
-	}, [M]), F = De && !!b, je = A.resetKey === O;
-	i(() => {
-		k || j((e) => e.resetKey === O ? e : {
-			resetKey: O,
-			paginationToken: T.paginationToken,
-			pageSize: T.pageSize
+	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
 		});
 	}, [
-		T.pageSize,
-		T.paginationToken,
-		k,
-		O
+		E.pageSize,
+		E.paginationToken,
+		A,
+		k
 	]);
-	let I = k ? we : je ? A : T, Me = I.paginationToken, L = I.pageSize, R = {
-		limit: L,
-		paginationToken: Me,
-		userId: F ? b : void 0
-	}, z = fe({
-		...R,
-		enabled: w && s === n.Credit
-	}), B = pe({
-		...R,
-		enabled: w && s === n.Debit
-	}), V = s === n.Credit ? z : B, H = w && C.canReadFundingAccounts, U = e({ enabled: H }), W = a(() => {
+	let L = A ? Se : ke ? j : E, Ae = L.paginationToken, R = L.pageSize, z = {
+		limit: R,
+		paginationToken: Ae,
+		userId: I ? x : void 0
+	}, B = ue({
+		...z,
+		enabled: T && c === r.Credit
+	}), V = de({
+		...z,
+		enabled: T && c === r.Debit
+	}), H = c === r.Credit ? B : V, U = T && w.canReadFundingAccounts, W = e({ enabled: U }), G = o(() => {
 		let e = /* @__PURE__ */ new Map();
-		if (!C.canReadFundingAccounts) return e;
-		for (let t of U.data?.data ?? []) e.set(t.id, se(t.nickname, oe(t.accountNumber) ?? g.untitledFundingAccount));
+		if (!w.canReadFundingAccounts) return e;
+		for (let t of W.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;
 	}, [
-		U.data?.data,
-		g.untitledFundingAccount,
-		C.canReadFundingAccounts
-	]), G = H && U.isError, Ne = H && !G && (U.isLoading || U.isFetchingNextPage || !!U.hasNextPage), K = a(() => w ? s === n.Credit ? ue(z.data?.data ?? []) : de(B.data?.data ?? []) : [], [
-		w,
-		s,
-		z.data?.data,
-		B.data?.data
-	]), Pe = a(() => le(K, {
-		labels: g,
-		fundingAccountNames: W,
-		canActivate: C.canActivate,
-		onCardSelect: P,
-		onActivateCard: h
+		W.data?.data,
+		_.untitledFundingAccount,
+		w.canReadFundingAccounts
+	]), K = U && W.isError, je = U && !K && (W.isLoading || W.isFetchingNextPage || !!W.hasNextPage), q = o(() => T ? c === r.Credit ? ce(B.data?.data ?? []) : le(V.data?.data ?? []) : [], [
+		T,
+		c,
+		B.data?.data,
+		V.data?.data
+	]), Me = o(() => se(q, {
+		labels: _,
+		fundingAccountNames: G,
+		canActivate: w.canActivate,
+		onCardSelect: F,
+		onActivateCard: g
 	}), [
-		K,
-		W,
-		P,
+		q,
+		G,
+		F,
+		_,
 		g,
-		h,
-		C.canActivate
-	]), q = V.data?.nextPaginationToken ?? void 0, J = V.data?.prevPaginationToken ?? void 0, Fe = !!V.data, Y = w && (V.isError || G), X = r((e) => {
-		k || j({
-			resetKey: O,
+		w.canActivate
+	]), J = H.data?.nextPaginationToken ?? void 0, Y = H.data?.prevPaginationToken ?? void 0, Ne = !!H.data, X = T && (H.isError || K), Z = i((e) => {
+		A || M({
+			resetKey: k,
 			paginationToken: e.paginationToken,
 			pageSize: e.pageSize
-		}), f?.(e);
+		}), p?.(e);
 	}, [
-		k,
-		f,
-		O
-	]), Z = r(() => {
-		X({
+		A,
+		p,
+		k
+	]), Q = i(() => {
+		Z({
 			paginationToken: void 0,
-			pageSize: L
+			pageSize: R
 		});
-	}, [X, L]), Ie = r((e) => {
-		X({
+	}, [Z, R]), Pe = i((e) => {
+		Z({
 			paginationToken: void 0,
 			pageSize: e
 		});
-	}, [X]), Le = r((e) => {
-		Oe(e), Z();
-	}, [Z]), Re = r(() => {
-		X({
-			paginationToken: J,
-			pageSize: L
+	}, [Z]), Fe = i((e) => {
+		Ee(e), Q();
+	}, [Q]), Ie = i(() => {
+		Z({
+			paginationToken: Y,
+			pageSize: R
 		});
 	}, [
-		X,
-		L,
-		J
-	]), ze = r(() => {
-		X({
-			paginationToken: q,
-			pageSize: L
+		Z,
+		R,
+		Y
+	]), Le = i(() => {
+		Z({
+			paginationToken: J,
+			pageSize: R
 		});
 	}, [
-		X,
-		q,
-		L
-	]), Q = V.refetch, $ = U.refetch, Be = r(() => {
-		Q(), H && $();
+		Z,
+		J,
+		R
+	]), $ = H.refetch, Re = W.refetch, ze = i(() => {
+		$(), U && Re();
 	}, [
-		H,
-		Q,
-		$
+		U,
+		$,
+		Re
 	]);
 	return {
-		rows: Pe,
-		selectedCardId: Ae ? null : ke,
-		onSelectCard: P,
-		canReadCards: C.canRead,
-		columns: ce[s],
-		isLoading: !x && (!S || Ce && !y || w && (V.isLoading || Ne)),
-		isError: x || Y,
-		canToggleShowMyCards: C.canRead && !!b,
-		isShowingMyCards: F,
-		onShowMyCardsChange: Le,
-		canCreateCard: C.canCreate && (!!m || !!xe && C.canComposeDebitCreate),
-		onCreateCardClick: m,
-		onRetry: Be,
-		isPaginationVisible: w && Fe && !Y,
-		pageSize: L,
-		pageSizeOptions: ge,
-		isPreviousPageDisabled: !J,
-		isNextPageDisabled: !q,
-		onPageSizeChange: Ie,
-		onPreviousPageClick: Re,
-		onNextPageClick: ze
+		rows: Me,
+		selectedCardId: Oe ? null : De,
+		onSelectCard: F,
+		canReadCards: w.canRead,
+		columns: oe[c],
+		isLoading: !S && (!C || xe && !b || T && (H.isLoading || je)),
+		isError: S || X,
+		canToggleShowMyCards: w.canRead && !!x,
+		isShowingMyCards: I,
+		onShowMyCardsChange: Fe,
+		canCreateCard: w.canCreate && (!!h || !!ye && w.canComposeDebitCreate),
+		onCreateCardClick: h,
+		onRetry: ze,
+		isPaginationVisible: T && Ne && !X,
+		pageSize: R,
+		pageSizeOptions: me,
+		isPreviousPageDisabled: !Y,
+		isNextPageDisabled: !J,
+		onPageSizeChange: Pe,
+		onPreviousPageClick: Ie,
+		onNextPageClick: Le
 	};
 }
 //#endregion
-export { u as useCardsWidget };
+export { d as useCardsWidget };

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

@@ -28,7 +28,7 @@ function c({ row: e, labels: t }) {
 				})
 			]
 		}), /* @__PURE__ */ o("span", {
-			className: "ttw:truncate ttw:text-xs ttw:leading-none ttw:text-muted-foreground",
+			className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
 			children: e.typeLabel
 		})]
 	})] });
@@ -42,9 +42,19 @@ function l({ row: i, columns: a, labels: l }) {
 				labels: l
 			})
 		}),
-		fundingAccount: /* @__PURE__ */ o("span", {
-			className: "ttw:text-sm ttw:text-foreground",
-			children: i.fundingAccount
+		fundingAccount: /* @__PURE__ */ s("span", {
+			className: "ttw:flex ttw:min-w-0 ttw:items-baseline ttw:gap-1 ttw:text-sm",
+			children: [/* @__PURE__ */ o("span", {
+				className: "ttw:truncate ttw:text-foreground",
+				children: i.fundingAccount
+			}), i.fundingAccountLastFour && /* @__PURE__ */ s("span", {
+				className: "ttw:shrink-0 ttw:text-muted-foreground",
+				children: [
+					l.cardNameSeparator,
+					" ",
+					i.fundingAccountLastFour
+				]
+			})]
 		}),
 		cardholder: /* @__PURE__ */ o("span", {
 			className: "ttw:text-sm ttw:text-foreground",

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

@@ -21,7 +21,7 @@ var t = {
 	noLimit: "No limit",
 	loadingLabel: "Loading cards",
 	emptyTitle: "No cards created yet",
-	emptyDescription: "No cards have been created yet. Click the Create card button to create your first physical or digital, debit or credit card.",
+	emptyDescription: "No cards have been created yet. Click the Create card button to create your first physical or virtual, debit or credit card.",
 	errorTitle: "Unable to load cards",
 	errorDescription: "Something went wrong while fetching your cards. Please try again.",
 	retryButton: "Try again",

package/dist/libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/SetupView.js

@@ -22,15 +22,9 @@ function _({ cardArtSrc: _, labels: v, cardholderOptions: y, selectedCardholder:
 			children: [/* @__PURE__ */ g("section", {
 				className: "ttw:flex ttw:flex-col ttw:gap-4",
 				children: [
-					/* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ h("h3", {
-							className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
-							children: v.setup.sectionTitle
-						}), /* @__PURE__ */ h("p", {
-							className: "ttw:text-sm ttw:text-muted-foreground",
-							children: v.setup.sectionDescription
-						})]
+					/* @__PURE__ */ h("h3", {
+						className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
+						children: v.setup.sectionTitle
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-1.5",

package/dist/libs/tesouro-embedded-components-react/create-card-widget/ui/dist/lib/CreateCardWidget/labels.js

@@ -7,7 +7,6 @@ var e = {
 	cardArtAlt: "Card preview",
 	setup: {
 		sectionTitle: "Set up your card",
-		sectionDescription: "Please select an enrolled employee to issue a card to. To invite an employee to enroll, please navigate to the Team Members menu.",
 		cardholderLabel: "Cardholder",
 		cardholderPlaceholder: "Select team member",
 		cardFormatLabel: "Card format",

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.2.300", n = "986204d04df1d87a219a5953e8c66f7129b9c947", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.301", n = "3745b6c37a62bf69fca31e244d989621f1882a80", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/card/cardPresentation.js

@@ -10,7 +10,7 @@ var e = {
 	LOCKED: "Frozen",
 	CLOSED: "Closed"
 }, n = {
-	DIGITAL: "Digital",
+	DIGITAL: "Virtual",
 	PHYSICAL: "Physical"
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.2.300",
+  "version": "0.2.301",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {