@tesouro/embedded-components-react 0.5.181 → 0.5.182

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

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

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.5.181", n = "ce2f6c5170bf0f6ef337971adcf7467d4d5c2baf", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.182", n = "d5767c7cda8709eab716afbae3de306710dc6d86", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -8,8 +8,8 @@ import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
 import { SectionHeading as r } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
 import "../../../shared/ui/dist/index.js";
-import { CreditCardsWidget as i } from "../../../cards-widget/feature/dist/index10.js";
-import { DebitCardsWidget as a } from "../../../cards-widget/feature/dist/index11.js";
+import { CreditCardsWidget as i } from "../../../cards-widget/feature/dist/index11.js";
+import { DebitCardsWidget as a } from "../../../cards-widget/feature/dist/index12.js";
 import "../../../cards-widget/feature/dist/index.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js
@@ -25,7 +25,7 @@ function c() {
 			})
 		}), t(c, [n.DebitCardReadOrg]) && /* @__PURE__ */ o(a, {
 			...d.debitCards,
-			cardArtSrc: u ?? "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='190' viewBox='0 0 300 190'><rect width='300' height='190' rx='16' fill='%23334155'/><rect x='28' y='64' width='44' height='34' rx='6' fill='%2364748b'/></svg>",
+			cardArtSrc: u,
 			headerStart: /* @__PURE__ */ o(r, {
 				className: "ttw:mb-0",
 				children: d.debitCardsTitle

package/package.json

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

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

@@ -1,19 +0,0 @@
-//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index3.js
-var e = {
-	list: "cards-list",
-	cardFaceSwatch: "card-face-swatch",
-	rowPrefix: "cards-list-row",
-	empty: "cards-list-empty",
-	error: "cards-list-error",
-	detailsSheet: "cards-list-details-sheet"
-}, t = {
-	root: e.list,
-	empty: e.empty,
-	error: e.error,
-	row: {
-		rootPrefix: e.rowPrefix,
-		cardFaceSwatch: { root: e.cardFaceSwatch }
-	}
-}, n = { root: e.detailsSheet };
-//#endregion
-export { n as cardsListDetailsSheetTestIds, t as cardsListTestIds, e as cardsWidgetTestIds };