@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,260 +1,60 @@
-"use client";
-import { useControllableState as ve } from "@radix-ui/react-use-controllable-state";
-import { useMemo as l, useEffect as x, useState as I, useRef as Ie, useCallback as g } from "react";
-import { useCreditCardsQuery as be } from "../../data-access/dist/index2.js";
-import { useDebitCardsQuery as Ae } from "../../data-access/dist/index3.js";
-import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { useAllBankAccountsQuery as ye } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import "react/jsx-runtime";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import { useAnalyticsTrack as he } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as Ne, useWidgetLoading as Re, useWidgetError as $e } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { CardProgram as b } from "../../../shared/feature/dist/lib/card/cardProgram.js";
-import { CardsWidgetAnalyticsEvent as we } from "./index5.js";
-import { resolveCardsFeatureLabels as Le } from "./index3.js";
-import { withFallback as xe, maskAccountNumber as De } from "./index7.js";
-import { getCardsPermissions as Fe } from "./index4.js";
-import { toCreditCardListItems as We, toDebitCardListItems as Ee, toCardRows as Me, CARD_COLUMNS_BY_PROGRAM as _e } from "./index8.js";
-const Ke = [10, 25, 50], Qe = 10, je = "<none>";
-function A(e, i) {
-  return e !== void 0 && i !== void 0 && e !== i;
+import { CardProgram as e } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import { CARD_STATUS_TONE as t } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+import "../../../shared/feature/dist/index.js";
+import { formatCardLimit as n, withFallback as r } from "./index4.js";
+import { CARD_COLUMN_KEYS as i } from "../../ui/dist/lib/CardsList/types.js";
+import "../../ui/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index6.js
+var a = "PENDING_ACTIVATION", o = {
+	[e.Credit]: i.filter((e) => e !== "fundingAccount"),
+	[e.Debit]: i
+};
+function s(e) {
+	return e.map((e) => ({
+		id: e.id,
+		userId: e.userId,
+		status: e.cardStatus,
+		type: e.cardType,
+		cardholderName: e.cardholderName,
+		nickname: e.nickname,
+		lastFourDigits: e.lastFourDigits,
+		limit: e.cardLimit,
+		limitCurrencyCode: e.currentBalance?.currencyCode
+	}));
 }
-function Z(e) {
-  const i = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : Qe;
-  return {
-    paginationToken: e?.paginationToken,
-    pageSize: i
-  };
+function c(e) {
+	return e.map((e) => ({
+		id: e.id,
+		userId: e.userId,
+		status: e.cardStatus,
+		type: e.cardType,
+		cardholderName: e.cardholderName,
+		nickname: e.nickname,
+		lastFourDigits: e.lastFourDigits,
+		limit: e.spendingLimit,
+		fundingAccountId: e.bankAccountId
+	}));
 }
-function Sa({
-  cardProgram: e,
-  pagination: i,
-  defaultPagination: y,
-  onPaginationChange: D,
-  featureLabels: F,
-  selectedCardId: ee,
-  defaultSelectedCardId: ae,
-  onSelectedCardIdChange: ie,
-  onCreateCard: W,
-  onActivateCard: E
-}) {
-  const P = l(
-    () => Le(F),
-    [F]
-  ), M = he();
-  x(() => {
-    M(we.Mounted);
-  }, [M]);
-  const { organizationId: S, widgetToken: ne, initResponse: f } = Ne(), c = f?.userId ?? void 0, oe = Re(), _ = !!$e(), K = !!(S && ne), o = l(
-    () => Fe({ cardProgram: e, scopes: f?.scopes }),
-    [e, f?.scopes]
-  ), t = K && o.canRead && !!f, te = l(
-    () => Z(i),
-    [i?.pageSize, i?.paginationToken]
-  ), n = l(
-    () => Z(y),
-    [y?.pageSize, y?.paginationToken]
-  ), [p, re] = I(c);
-  c !== void 0 && c !== p && re(c);
-  const [r, se] = I(S);
-  S !== void 0 && S !== r && se(S);
-  const u = [
-    [
-      e,
-      r === null ? je : r ?? "",
-      p ?? ""
-    ].join("\0"),
-    n.paginationToken ?? "",
-    n.pageSize
-  ].join("\0"), k = i !== void 0, [Q, j] = I(() => ({
-    resetKey: u,
-    paginationToken: n.paginationToken,
-    pageSize: n.pageSize
-  })), [de, ge] = I(!1), [ce, v] = ve({
-    prop: ee,
-    defaultProp: ae ?? null,
-    onChange: ie,
-    caller: "CardsWidget"
-  }), z = Ie({
-    cardProgram: e,
-    organizationId: r,
-    userId: p
-  }), pe = z.current.cardProgram !== e || A(
-    z.current.organizationId,
-    r
-  ) || A(z.current.userId, p);
-  x(() => {
-    const a = z.current;
-    z.current = {
-      cardProgram: e,
-      organizationId: r,
-      userId: p
-    }, (a.cardProgram !== e || A(
-      a.organizationId,
-      r
-    ) || A(a.userId, p)) && v(null);
-  }, [
-    e,
-    r,
-    p,
-    v
-  ]);
-  const h = g(
-    (a) => {
-      v(a);
-    },
-    [v]
-  ), G = de && !!c, ue = Q.resetKey === u;
-  x(() => {
-    k || j(
-      (a) => a.resetKey === u ? a : {
-        resetKey: u,
-        paginationToken: n.paginationToken,
-        pageSize: n.pageSize
-      }
-    );
-  }, [
-    n.pageSize,
-    n.paginationToken,
-    k,
-    u
-  ]);
-  const O = k ? te : ue ? Q : n, me = O.paginationToken, s = O.pageSize, U = {
-    limit: s,
-    paginationToken: me,
-    userId: G ? c : void 0
-    // Both hooks are always called — hooks cannot be conditional — and exactly
-    // one of them is enabled, so only the selected program issues a request.
-    // Folding them into one hook was rejected upstream: the request contracts
-    // match but the response shapes do not.
-  }, N = be({
-    ...U,
-    enabled: t && e === b.Credit
-  }), R = Ae({
-    ...U,
-    enabled: t && e === b.Debit
-  }), C = e === b.Credit ? N : R, T = t && o.canReadFundingAccounts, m = ye({
-    enabled: T
-  }), V = l(() => {
-    const a = /* @__PURE__ */ new Map();
-    if (!o.canReadFundingAccounts)
-      return a;
-    for (const L of m.data?.data ?? [])
-      a.set(
-        L.id,
-        xe(
-          L.nickname,
-          De(L.accountNumber) ?? P.untitledFundingAccount
-        )
-      );
-    return a;
-  }, [
-    m.data?.data,
-    P.untitledFundingAccount,
-    o.canReadFundingAccounts
-  ]), Y = T && m.isError, le = T && !Y && (m.isLoading || m.isFetchingNextPage || !!m.hasNextPage), q = l(() => t ? e === b.Credit ? We(N.data?.data ?? []) : Ee(R.data?.data ?? []) : [], [
-    t,
-    e,
-    N.data?.data,
-    R.data?.data
-  ]), Ce = l(
-    () => Me(q, {
-      labels: P,
-      fundingAccountNames: V,
-      canActivate: o.canActivate,
-      // Always supplied now, so every row is selectable. A host that wants rows
-      // inert pins `selectedCardId` to `null`: the click is still reported, it
-      // just opens nothing.
-      onCardSelect: h,
-      onActivateCard: E
-    }),
-    [
-      q,
-      V,
-      h,
-      P,
-      E,
-      o.canActivate
-    ]
-  ), $ = C.data?.nextPaginationToken ?? void 0, w = C.data?.prevPaginationToken ?? void 0, Se = !!C.data, B = t && (C.isError || Y), d = g(
-    (a) => {
-      k || j({
-        resetKey: u,
-        paginationToken: a.paginationToken,
-        pageSize: a.pageSize
-      }), D?.(a);
-    },
-    [k, D, u]
-  ), H = g(() => {
-    d({ paginationToken: void 0, pageSize: s });
-  }, [d, s]), fe = g(
-    (a) => {
-      d({ paginationToken: void 0, pageSize: a });
-    },
-    [d]
-  ), ke = g(
-    (a) => {
-      ge(a), H();
-    },
-    [H]
-  ), ze = g(() => {
-    d({ paginationToken: w, pageSize: s });
-  }, [d, s, w]), Te = g(() => {
-    d({ paginationToken: $, pageSize: s });
-  }, [d, $, s]), J = C.refetch, X = m.refetch, Pe = g(() => {
-    J(), T && X();
-  }, [T, J, X]);
-  return {
-    rows: Ce,
-    // Not `CardsList` props — `CardsWidget` peels these two off for its details
-    // sheet and spreads the rest into the list.
-    //
-    // Reported closed from the first render the identity moves, rather than waiting
-    // for the effect above to clear it: a card that no longer belongs to this list
-    // must not reach the panel even once.
-    selectedCardId: pe ? null : ce,
-    onSelectCard: h,
-    columns: _e[e],
-    isLoading: !_ && (!K || oe && !f || t && (C.isLoading || le)),
-    // A token without the program's read scope resolves to neither loading nor
-    // error, so the list settles on its empty state. That matches every other
-    // embedded widget (`useBankAccountsWidget`, `useLinkedAccountsWidget`); the
-    // `ui` lib has no separate unauthorized screen, and inventing one here would
-    // be the only such state in the package.
-    isError: _ || B,
-    canToggleShowMyCards: o.canRead && !!c,
-    isShowingMyCards: G,
-    onShowMyCardsChange: ke,
-    // The affordance needs both the scope and somewhere to send the gesture —
-    // this widget implements neither flow, so an unsupplied callback correctly
-    // hides the button rather than offering a dead control.
-    canCreateCard: o.canCreate && !!W,
-    onCreateCardClick: W,
-    onRetry: Pe,
-    // Show the footer whenever a page loaded cleanly, not only when a cursor
-    // exists, so a single-page org keeps its rows-per-page control.
-    // The chevrons stay disabled by token availability.
-    isPaginationVisible: t && Se && !B,
-    pageSize: s,
-    pageSizeOptions: Ke,
-    isPreviousPageDisabled: !w,
-    isNextPageDisabled: !$,
-    onPageSizeChange: fe,
-    onPreviousPageClick: ze,
-    onNextPageClick: Te
-  };
+function l(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 {
+			key: e.id,
+			nickname: r(e.nickname, i.untitledCard),
+			lastFour: e.lastFourDigits,
+			typeLabel: i.cardType[e.type] ?? i.emptyValue,
+			fundingAccount: d ?? i.emptyValue,
+			cardholder: r(e.cardholderName, i.emptyValue),
+			statusLabel: i.cardStatus[e.status] ?? i.emptyValue,
+			statusTone: t[e.status] ?? "neutral",
+			limit: n({
+				limit: e.limit,
+				currencyCode: e.limitCurrencyCode
+			}),
+			onSelect: c ? () => c(e.id) : void 0,
+			onActivate: u && l ? () => l(e.id) : void 0
+		};
+	});
 }
-export {
-  Sa as useCardsWidget
-};
+//#endregion
+export { o as CARD_COLUMNS_BY_PROGRAM, l as toCardRows, s as toCreditCardListItems, c as toDebitCardListItems };

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

@@ -1,34 +1,207 @@
-import { minorExponentForCurrency as o } from "../../../shared/util/dist/index3.js";
-import { normalizeAmountOutputCurrencyCode as e } from "../../../shared/util/dist/index7.js";
-function u(r) {
-  if (r == null || r === "")
-    return;
-  const t = Number(r);
-  return Number.isFinite(t) ? t : void 0;
+"use client";
+"use client";
+"use client";
+"use client";
+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 "../../../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 "../../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";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index7.js
+var ge = [
+	10,
+	25,
+	50
+], s = 10, _e = "<none>";
+function c(e, t) {
+	return e !== void 0 && t !== void 0 && e !== t;
 }
-function a({
-  limit: r,
-  currencyCode: t
-}) {
-  const n = u(r);
-  if (n === void 0)
-    return;
-  const i = e(t);
-  return new Intl.NumberFormat(void 0, {
-    style: "currency",
-    currency: i,
-    maximumFractionDigits: 0
-  }).format(n / 10 ** o(i));
+function l(e) {
+	let t = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : s;
+	return {
+		paginationToken: e?.paginationToken,
+		pageSize: t
+	};
 }
-function s(r) {
-  const t = r?.trim().slice(-4);
-  return t ? `••••${t}` : void 0;
+function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h }) {
+	let g = a(() => re(p), [p]), _ = t();
+	i(() => {
+		_(ae.Mounted);
+	}, [_]);
+	let { organizationId: v, widgetToken: xe, initResponse: y } = ee(), b = y?.userId ?? void 0, Se = ne(), x = !!te(), S = !!(v && xe), C = a(() => ie({
+		cardProgram: s,
+		scopes: y?.scopes
+	}), [s, y?.scopes]), w = S && C.canRead && !!y, Ce = a(() => l(u), [u?.pageSize, u?.paginationToken]), T = a(() => l(d), [d?.pageSize, d?.paginationToken]), [E, we] = o(b);
+	b !== void 0 && b !== E && we(b);
+	let [D, Te] = o(v);
+	v !== void 0 && v !== D && Te(v);
+	let O = [
+		[
+			s,
+			D === null ? _e : D ?? "",
+			E ?? ""
+		].join("\0"),
+		T.paginationToken ?? "",
+		T.pageSize
+	].join("\0"), k = u !== void 0, [A, j] = o(() => ({
+		resetKey: O,
+		paginationToken: T.paginationToken,
+		pageSize: T.pageSize
+	})), [Ee, De] = o(!1), [Oe, M] = he({
+		prop: ve,
+		defaultProp: ye ?? null,
+		onChange: be,
+		caller: "CardsWidget"
+	}), N = me({
+		cardProgram: s,
+		organizationId: D,
+		userId: E
+	}), ke = 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);
+	}, [
+		s,
+		D,
+		E,
+		M
+	]);
+	let P = r((e) => {
+		M(e);
+	}, [M]), F = Ee && !!b, Ae = A.resetKey === O;
+	i(() => {
+		k || j((e) => e.resetKey === O ? e : {
+			resetKey: O,
+			paginationToken: T.paginationToken,
+			pageSize: T.pageSize
+		});
+	}, [
+		T.pageSize,
+		T.paginationToken,
+		k,
+		O
+	]);
+	let I = k ? Ce : Ae ? A : T, je = I.paginationToken, L = I.pageSize, R = {
+		limit: L,
+		paginationToken: je,
+		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 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));
+		return e;
+	}, [
+		U.data?.data,
+		g.untitledFundingAccount,
+		C.canReadFundingAccounts
+	]), G = H && U.isError, Me = 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
+	]), Ne = a(() => le(K, {
+		labels: g,
+		fundingAccountNames: W,
+		canActivate: C.canActivate,
+		onCardSelect: P,
+		onActivateCard: h
+	}), [
+		K,
+		W,
+		P,
+		g,
+		h,
+		C.canActivate
+	]), q = V.data?.nextPaginationToken ?? void 0, J = V.data?.prevPaginationToken ?? void 0, Pe = !!V.data, Y = w && (V.isError || G), X = r((e) => {
+		k || j({
+			resetKey: O,
+			paginationToken: e.paginationToken,
+			pageSize: e.pageSize
+		}), f?.(e);
+	}, [
+		k,
+		f,
+		O
+	]), Z = r(() => {
+		X({
+			paginationToken: void 0,
+			pageSize: L
+		});
+	}, [X, L]), Fe = r((e) => {
+		X({
+			paginationToken: void 0,
+			pageSize: e
+		});
+	}, [X]), Ie = r((e) => {
+		De(e), Z();
+	}, [Z]), Le = r(() => {
+		X({
+			paginationToken: J,
+			pageSize: L
+		});
+	}, [
+		X,
+		L,
+		J
+	]), Re = r(() => {
+		X({
+			paginationToken: q,
+			pageSize: L
+		});
+	}, [
+		X,
+		q,
+		L
+	]), Q = V.refetch, $ = U.refetch, ze = r(() => {
+		Q(), H && $();
+	}, [
+		H,
+		Q,
+		$
+	]);
+	return {
+		rows: Ne,
+		selectedCardId: ke ? null : Oe,
+		onSelectCard: P,
+		columns: ce[s],
+		isLoading: !x && (!S || Se && !y || w && (V.isLoading || Me)),
+		isError: x || Y,
+		canToggleShowMyCards: C.canRead && !!b,
+		isShowingMyCards: F,
+		onShowMyCardsChange: Ie,
+		canCreateCard: C.canCreate && !!m,
+		onCreateCardClick: m,
+		onRetry: ze,
+		isPaginationVisible: w && Pe && !Y,
+		pageSize: L,
+		pageSizeOptions: ge,
+		isPreviousPageDisabled: !J,
+		isNextPageDisabled: !q,
+		onPageSizeChange: Fe,
+		onPreviousPageClick: Le,
+		onNextPageClick: Re
+	};
 }
-function f(r, t) {
-  return r?.trim() || t;
-}
-export {
-  a as formatCardLimit,
-  s as maskAccountNumber,
-  f as withFallback
-};
+//#endregion
+export { u as useCardsWidget };