@tesouro/embedded-components-react 0.2.206 → 0.2.211

package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/testIds.js

@@ -0,0 +1,10 @@
+const e = {
+  panel: "card-details-widget-panel",
+  cardFace: "card-details-widget-card-face",
+  loading: "card-details-widget-loading",
+  menuTrigger: "card-details-widget-menu-trigger",
+  closeButton: "card-details-widget-close-button"
+};
+export {
+  e as cardDetailsWidgetUiTestIds
+};

package/dist/libs/tesouro-embedded-components-react/cards-widget/data-access/dist/index2.js

@@ -0,0 +1,27 @@
+"use client";
+import { useQuery as n } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as s } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as p } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getCreditCardsOptions as d } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as u } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+function E({
+  enabled: r,
+  ...t
+} = {}) {
+  const { client: e, organizationId: o, widgetToken: i, authEpoch: a } = s(), m = d({
+    query: t,
+    client: e,
+    headers: p(o)
+  });
+  return n({
+    ...u(m, a),
+    enabled: !!(o && i) && (r === !0 || r === void 0)
+  });
+}
+export {
+  E as useCreditCardsQuery
+};

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

@@ -0,0 +1,27 @@
+"use client";
+import { useQuery as n } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as s } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as p } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getDebitCardsOptions as u } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as d } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+function w({
+  enabled: r,
+  ...t
+} = {}) {
+  const { client: e, organizationId: o, widgetToken: i, authEpoch: a } = s(), m = u({
+    query: t,
+    client: e,
+    headers: p(o)
+  });
+  return n({
+    ...d(m, a),
+    enabled: !!(o && i) && (r === !0 || r === void 0)
+  });
+}
+export {
+  w as useDebitCardsQuery
+};

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

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as a, jsxs as S, Fragment as P } from "react/jsx-runtime";
+import { CardsList as F } from "../../ui/dist/lib/CardsList/CardsList.js";
+import { CardsListDetailsSheet as w } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
+import { resolveCardsListLabels as A } from "../../ui/dist/lib/CardsList/labels.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 { useMemo as D, useState as W } from "react";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
+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 { WidgetProvider as v } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { CardDetailsWidget as E } from "../../../card-details-widget/feature/dist/index2.js";
+import { WIDGET_NAME as x } from "./index5.js";
+import { useCardsWidget as z } from "./index6.js";
+function T({
+  cardProgram: r,
+  pagination: i,
+  defaultPagination: n,
+  onPaginationChange: l,
+  labels: t,
+  featureLabels: d,
+  selectedCardId: s,
+  defaultSelectedCardId: m,
+  onSelectedCardIdChange: c,
+  cardDetailsLabels: C,
+  cardDetailsFeatureLabels: p,
+  bankLogoSrc: f,
+  bankLogoAlt: b,
+  onCreateCard: L,
+  onActivateCard: k
+}) {
+  const {
+    // Peeled off rather than spread: these two are this component's own state,
+    // not `CardsList` props.
+    selectedCardId: e,
+    onSelectCard: g,
+    ...I
+  } = z({
+    cardProgram: r,
+    pagination: i,
+    defaultPagination: n,
+    onPaginationChange: l,
+    featureLabels: d,
+    selectedCardId: s,
+    defaultSelectedCardId: m,
+    onSelectedCardIdChange: c,
+    onCreateCard: L,
+    onActivateCard: k
+  }), u = D(() => A(t), [t]), [o, h] = W(e);
+  return e !== null && e !== o && h(e), /* @__PURE__ */ S(P, { children: [
+    /* @__PURE__ */ a(F, { ...I, labels: u }),
+    /* @__PURE__ */ a(
+      w,
+      {
+        isOpen: e !== null,
+        labels: u.detailsSheet,
+        onClose: () => g(null),
+        children: o === null ? null : /* @__PURE__ */ a(
+          E,
+          {
+            cardId: o,
+            cardProgram: r,
+            labels: C,
+            featureLabels: p,
+            bankLogoSrc: f,
+            bankLogoAlt: b,
+            onClose: () => g(null)
+          },
+          o
+        )
+      }
+    )
+  ] });
+}
+function re({
+  baseUrl: r,
+  widgetToken: i,
+  organizationId: n,
+  configClient: l,
+  linkComponent: t,
+  implementation: d,
+  uiFramework: s,
+  errorFallback: m,
+  onError: c,
+  analytics: C,
+  ...p
+}) {
+  return /* @__PURE__ */ a(
+    v,
+    {
+      widgetName: x,
+      baseUrl: r,
+      widgetToken: i,
+      organizationId: n,
+      configClient: l,
+      linkComponent: t,
+      implementation: d,
+      uiFramework: s,
+      errorFallback: m,
+      onError: c,
+      analytics: C,
+      children: /* @__PURE__ */ a(T, { ...p })
+    }
+  );
+}
+export {
+  re as CardsWidget
+};

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

@@ -0,0 +1,42 @@
+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 "react";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";
+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 "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { CARD_TYPE_LABELS_EN as o, CARD_STATUS_LABELS_EN as a } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+const r = {
+  emptyValue: "—",
+  untitledCard: "Untitled card",
+  untitledFundingAccount: "Account",
+  cardStatus: a,
+  cardType: o
+};
+function y(t) {
+  return {
+    ...r,
+    ...t,
+    cardStatus: {
+      ...r.cardStatus,
+      ...t?.cardStatus
+    },
+    cardType: {
+      ...r.cardType,
+      ...t?.cardType
+    }
+  };
+}
+export {
+  r as DEFAULT_CARDS_FEATURE_LABELS,
+  y as resolveCardsFeatureLabels
+};

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

@@ -0,0 +1,46 @@
+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 { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as r } from "../../../shared/data-access/dist/lib/scopes.js";
+import "react";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "react/jsx-runtime";
+import "@radix-ui/react-use-controllable-state";
+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 "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { CardProgram as i } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+const c = {
+  [i.Credit]: {
+    read: [r.CreditCardReadOrg],
+    activate: [r.CreditCardActivateOrg],
+    create: [r.CreditCardIssueOrg]
+  },
+  [i.Debit]: {
+    read: [r.DebitCardReadOrg],
+    activate: [r.DebitCardActivateOrg],
+    create: [r.DebitCardIssueOrg]
+  }
+}, p = [r.BankAccountReadOrg];
+function w({
+  cardProgram: o,
+  scopes: m
+}) {
+  const t = new Set(m ?? []), a = c[o];
+  return {
+    canRead: e(t, a.read),
+    canActivate: e(t, a.activate),
+    canCreate: e(t, a.create),
+    canReadFundingAccounts: o === i.Debit && e(t, p)
+  };
+}
+export {
+  w as getCardsPermissions
+};

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

@@ -0,0 +1,7 @@
+const t = {
+  Mounted: "cards.mounted"
+}, d = "cards";
+export {
+  t as CardsWidgetAnalyticsEvent,
+  d as WIDGET_NAME
+};

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

@@ -0,0 +1,260 @@
+"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;
+}
+function Z(e) {
+  const i = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : Qe;
+  return {
+    paginationToken: e?.paginationToken,
+    pageSize: i
+  };
+}
+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
+  };
+}
+export {
+  Sa as useCardsWidget
+};

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

@@ -0,0 +1,34 @@
+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;
+}
+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 s(r) {
+  const t = r?.trim().slice(-4);
+  return t ? `••••${t}` : void 0;
+}
+function f(r, t) {
+  return r?.trim() || t;
+}
+export {
+  a as formatCardLimit,
+  s as maskAccountNumber,
+  f as withFallback
+};

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

@@ -0,0 +1,91 @@
+import "react/jsx-runtime";
+import "react";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { CARD_COLUMN_KEYS as o } from "../../ui/dist/lib/CardsList/types.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 "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import "react-error-boundary";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { CardProgram as d } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import { CARD_STATUS_TONE as p } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
+import { formatCardLimit as l, withFallback as n } from "./index7.js";
+const C = "PENDING_ACTIVATION", M = {
+  [d.Credit]: o.filter(
+    (a) => a !== "fundingAccount"
+  ),
+  [d.Debit]: o
+};
+function P(a) {
+  return a.map((t) => ({
+    id: t.id,
+    userId: t.userId,
+    status: t.cardStatus,
+    type: t.cardType,
+    cardholderName: t.cardholderName,
+    nickname: t.nickname,
+    lastFourDigits: t.lastFourDigits,
+    limit: t.cardLimit,
+    limitCurrencyCode: t.currentBalance?.currencyCode
+  }));
+}
+function U(a) {
+  return a.map((t) => ({
+    id: t.id,
+    userId: t.userId,
+    status: t.cardStatus,
+    type: t.cardType,
+    cardholderName: t.cardholderName,
+    nickname: t.nickname,
+    lastFourDigits: t.lastFourDigits,
+    limit: t.spendingLimit,
+    fundingAccountId: t.bankAccountId
+  }));
+}
+function $(a, {
+  labels: t,
+  fundingAccountNames: m,
+  canActivate: c,
+  onCardSelect: e,
+  onActivateCard: i
+}) {
+  return a.map((r) => {
+    const s = c && r.status === C, u = r.fundingAccountId ? m?.get(r.fundingAccountId) : void 0;
+    return {
+      key: r.id,
+      nickname: n(r.nickname, t.untitledCard),
+      lastFour: r.lastFourDigits,
+      // All three lookups are exhaustive over the generated unions, so
+      // TypeScript sees no `undefined` here — but these values arrive over the
+      // wire, and a backend adding a member (a `SUSPENDED` status, say) reaches
+      // this map before the client is regenerated. Without the fallbacks that
+      // rendered an empty badge carrying no tone class, which reads as a broken
+      // widget rather than an unrecognised status.
+      typeLabel: t.cardType[r.type] ?? t.emptyValue,
+      fundingAccount: u ?? t.emptyValue,
+      cardholder: n(r.cardholderName, t.emptyValue),
+      statusLabel: t.cardStatus[r.status] ?? t.emptyValue,
+      statusTone: p[r.status] ?? "neutral",
+      limit: l({
+        limit: r.limit,
+        currencyCode: r.limitCurrencyCode
+      }),
+      onSelect: e ? () => e(r.id) : void 0,
+      onActivate: s && i ? () => i(r.id) : void 0
+    };
+  });
+}
+export {
+  M as CARD_COLUMNS_BY_PROGRAM,
+  $ as toCardRows,
+  P as toCreditCardListItems,
+  U as toDebitCardListItems
+};

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

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+function r() {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-testid": "card-face-swatch",
+      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__ */ t("span", { className: "ttw:h-1 ttw:w-2.5 ttw:rounded-[1px] ttw:bg-muted-foreground" })
+    }
+  );
+}
+export {
+  r as CardFaceSwatch
+};