@tesouro/embedded-components-react 0.2.206 → 0.2.208

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

@@ -0,0 +1,56 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { Skeleton as m, Badge as u, DropdownMenu as p, DropdownMenuTrigger as g, Button as o, DropdownMenuContent as f } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EllipsisVerticalIcon as h, XIcon as x } from "lucide-react";
+import { cardStatusToneClassName as b } from "./statusBadge.js";
+import { cardDetailsWidgetUiTestIds as c } from "./testIds.js";
+function v({
+  labels: a,
+  title: s,
+  isTitlePending: d,
+  statusLabel: l,
+  statusTone: w,
+  formFactorLabel: i,
+  cardMenu: n,
+  onClose: r
+}) {
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-1.5 ttw:px-4 ttw:pt-4 ttw:pb-3", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1.5", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-1.5", children: [
+        d ? /* @__PURE__ */ t(m, { className: "ttw:h-8 ttw:w-48" }) : s ? /* @__PURE__ */ t("h2", { className: "ttw:truncate ttw:text-2xl ttw:font-semibold ttw:tracking-[-0.6px] ttw:text-foreground", children: s }) : null,
+        l ? /* @__PURE__ */ t(u, { className: b(w ?? "neutral"), children: l }) : null
+      ] }),
+      i ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: i }) : null
+    ] }),
+    n ? /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
+        o,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "ttw:size-8 ttw:shrink-0 ttw:bg-muted",
+          "aria-label": a.menuTriggerAriaLabel,
+          "data-testid": c.menuTrigger,
+          children: /* @__PURE__ */ t(h, { className: "ttw:size-4" })
+        }
+      ) }),
+      /* @__PURE__ */ t(f, { align: "end", children: n })
+    ] }) : null,
+    r ? /* @__PURE__ */ t(
+      o,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "ttw:size-8 ttw:shrink-0",
+        "aria-label": a.closeAriaLabel,
+        "data-testid": c.closeButton,
+        onClick: r,
+        children: /* @__PURE__ */ t(x, { className: "ttw:size-4" })
+      }
+    ) : null
+  ] });
+}
+export {
+  v as CardDetailsHeader
+};

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

@@ -0,0 +1,156 @@
+"use client";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Skeleton as p, Badge as k, cn as D } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import { CreditCardIcon as F } from "lucide-react";
+import { useMemo as T } from "react";
+import "../../../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { EmptyState as S } from "../../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as M } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { CardDetailsHeader as P } from "./CardDetailsHeader.js";
+import { CardFace as R } from "./CardFace.js";
+import { DetailCopyRow as i } from "./DetailCopyRow.js";
+import { resolveCardDetailsPanelLabels as j } from "./labels.js";
+import { cardDetailsWidgetUiTestIds as b } from "./testIds.js";
+function X({
+  labels: c,
+  state: r,
+  nickname: o,
+  statusLabel: f,
+  statusTone: u,
+  formFactorLabel: g,
+  cardMenu: y,
+  onClose: L,
+  bankLogoSrc: h,
+  bankLogoAlt: x,
+  cardholderName: l,
+  maskedCardNumber: v,
+  programLabel: C,
+  billingAddress: s,
+  allowedCategories: m,
+  onCopy: a,
+  onRetry: N,
+  className: A
+}) {
+  const t = T(
+    () => j(c),
+    [c]
+  ), n = !!m?.length;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-testid": b.panel,
+      className: D("ttw:flex ttw:w-full ttw:flex-col", A),
+      children: [
+        /* @__PURE__ */ e(
+          P,
+          {
+            labels: t.header,
+            title: r === "loaded" ? o ?? t.header.untitledCard : void 0,
+            isTitlePending: r === "loading",
+            statusLabel: r === "loaded" ? f : void 0,
+            statusTone: u,
+            formFactorLabel: r === "loaded" ? g : void 0,
+            cardMenu: r === "loaded" ? y : void 0,
+            onClose: L
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "ttw:px-4 ttw:pb-4", children: r === "loading" ? /* @__PURE__ */ d(
+          "div",
+          {
+            "data-testid": b.loading,
+            role: "status",
+            "aria-label": t.status.loadingAriaLabel,
+            className: "ttw:space-y-4",
+            children: [
+              /* @__PURE__ */ e(p, { className: "ttw:h-8 ttw:w-56" }),
+              /* @__PURE__ */ e(p, { className: "ttw:h-64 ttw:w-full ttw:rounded-xl" })
+            ]
+          }
+        ) : r === "error" ? /* @__PURE__ */ e(
+          M,
+          {
+            title: t.status.errorTitle,
+            description: t.status.errorDescription,
+            retryLabel: t.status.errorRetry,
+            onRetry: N
+          }
+        ) : r === "notFound" ? (
+          // First-class, not an error variant: standalone use makes a bad
+          // `cardId` a routine outcome rather than a failure.
+          /* @__PURE__ */ e(
+            S,
+            {
+              icon: /* @__PURE__ */ e(F, { className: "ttw:size-6 ttw:text-muted-foreground" }),
+              title: t.status.notFoundTitle,
+              description: t.status.notFoundDescription
+            }
+          )
+        ) : /* @__PURE__ */ d("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:sm:flex-row", children: [
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:bg-muted ttw:px-4 ttw:py-5", children: /* @__PURE__ */ e(
+            R,
+            {
+              bankLogoSrc: h,
+              bankLogoAlt: x ?? t.cardFace.bankLogoAlt,
+              cardholderName: l ?? "",
+              maskedCardNumber: v ?? "",
+              programLabel: C ?? ""
+            }
+          ) }),
+          /* @__PURE__ */ d("div", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:border-t ttw:border-border ttw:sm:border-t-0 ttw:sm:border-l", children: [
+            /* @__PURE__ */ e(
+              i,
+              {
+                label: t.fields.cardholder,
+                copyAriaLabel: l && a ? t.fields.copyCardholderAriaLabel : void 0,
+                onCopy: l && a ? () => a(l) : void 0,
+                children: l ?? t.fields.emptyValue
+              }
+            ),
+            /* @__PURE__ */ e(
+              i,
+              {
+                label: t.fields.nickname,
+                copyAriaLabel: o && a ? t.fields.copyNicknameAriaLabel : void 0,
+                onCopy: o && a ? () => a(o) : void 0,
+                isLast: !s && !n,
+                children: o ?? t.fields.emptyValue
+              }
+            ),
+            s ? /* @__PURE__ */ e(
+              i,
+              {
+                label: t.fields.billingAddress,
+                copyAriaLabel: a ? t.fields.copyBillingAddressAriaLabel : void 0,
+                onCopy: a ? () => a(s) : void 0,
+                isLast: !n,
+                children: s
+              }
+            ) : null,
+            n ? /* @__PURE__ */ e(i, { label: t.fields.allowedCategories, isLast: !0, children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-wrap ttw:gap-2", children: m?.map((w) => (
+              // Not `variant="secondary"`: that variant is written
+              // against `bg-neutral` / `text-neutral-foreground`, and
+              // no `--color-neutral` token exists in
+              // `shared-ui-shadcn/src/theme-tokens.css` — so the pill
+              // compiles to a transparent background and renders as
+              // bare text. Naming the `secondary` tokens directly gets
+              // the grey pill the comp shows.
+              /* @__PURE__ */ e(
+                k,
+                {
+                  className: "ttw:bg-secondary ttw:text-secondary-foreground",
+                  children: w
+                },
+                w
+              )
+            )) }) }) : null
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  X as CardDetailsPanel
+};

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

@@ -0,0 +1,49 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { cn as l } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { cardDetailsWidgetUiTestIds as d } from "./testIds.js";
+function x({
+  bankLogoSrc: a,
+  bankLogoAlt: w,
+  cardholderName: r,
+  maskedCardNumber: i,
+  programLabel: s,
+  className: n
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": d.cardFace,
+      className: l(
+        "ttw:relative ttw:flex ttw:h-[190px] ttw:w-[300px] ttw:flex-col ttw:justify-between ttw:overflow-hidden ttw:rounded-xl ttw:bg-[#101317] ttw:p-4",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "ttw:pointer-events-none ttw:absolute ttw:inset-0 ttw:bg-[radial-gradient(120%_120%_at_85%_100%,rgba(45,212,191,0.22)_0%,transparent_55%)]"
+          }
+        ),
+        a ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: a,
+            alt: w,
+            className: "ttw:relative ttw:h-8 ttw:w-auto ttw:max-w-[60%] ttw:object-contain ttw:object-left"
+          }
+        ) : /* @__PURE__ */ t("span", { className: "ttw:relative ttw:h-8" }),
+        /* @__PURE__ */ e("div", { className: "ttw:relative ttw:flex ttw:items-end ttw:justify-between ttw:gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-base ttw:font-medium ttw:text-white", children: r }),
+            /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:truncate ttw:text-lg ttw:tracking-wide ttw:text-white/90", children: i })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "ttw:shrink-0 ttw:text-[10px] ttw:font-medium ttw:text-white/90", children: s })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  x as CardFace
+};

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

@@ -0,0 +1,38 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Button as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CopyIcon as l } from "lucide-react";
+function d({
+  label: s,
+  children: i,
+  copyAriaLabel: e,
+  onCopy: r,
+  isLast: a
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3 ttw:px-4 ttw:py-3" + (a ? "" : " ttw:border-b ttw:border-border"),
+      children: [
+        /* @__PURE__ */ o("div", { className: "ttw:min-w-0 ttw:space-y-1", children: [
+          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: s }),
+          /* @__PURE__ */ t("div", { className: "ttw:text-sm ttw:text-foreground", children: i })
+        ] }),
+        e && r ? /* @__PURE__ */ t(
+          n,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "ttw:size-8 ttw:shrink-0 ttw:text-muted-foreground",
+            "aria-label": e,
+            onClick: r,
+            children: /* @__PURE__ */ t(l, { className: "ttw:size-4" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  d as DetailCopyRow
+};

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

@@ -0,0 +1,43 @@
+const a = {
+  header: {
+    untitledCard: "Untitled card",
+    menuTriggerAriaLabel: "Card actions",
+    closeAriaLabel: "Close card details"
+  },
+  cardFace: {
+    bankLogoAlt: "Bank logo"
+  },
+  fields: {
+    cardholder: "Cardholder",
+    nickname: "Nickname",
+    billingAddress: "Billing address",
+    allowedCategories: "Allowed categories",
+    emptyValue: "—",
+    copyCardholderAriaLabel: "Copy cardholder",
+    copyNicknameAriaLabel: "Copy nickname",
+    copyBillingAddressAriaLabel: "Copy billing address"
+  },
+  status: {
+    loadingAriaLabel: "Loading card details",
+    errorTitle: "We couldn't load this card",
+    errorDescription: "Something went wrong on our end. Please try again.",
+    errorRetry: "Try again",
+    notFoundTitle: "Card not found",
+    notFoundDescription: "This card may have been closed, or you may not have access to it."
+  }
+};
+function r(e) {
+  return {
+    header: { ...a.header, ...e?.header },
+    cardFace: {
+      ...a.cardFace,
+      ...e?.cardFace
+    },
+    fields: { ...a.fields, ...e?.fields },
+    status: { ...a.status, ...e?.status }
+  };
+}
+export {
+  a as CARD_DETAILS_PANEL_LABELS_EN,
+  r as resolveCardDetailsPanelLabels
+};

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

@@ -0,0 +1,12 @@
+const e = {
+  success: "ttw:bg-[#ECFDF5] ttw:text-[#027A48]",
+  info: "ttw:bg-[#EFF8FF] ttw:text-[#175CD3]",
+  warning: "ttw:bg-[#FFFAEB] ttw:text-[#B54708]",
+  neutral: "ttw:bg-[#F2F4F7] ttw:text-[#344054]"
+}, w = "ttw:rounded ttw:border-transparent ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium";
+function n(t) {
+  return `${w} ${e[t]}`;
+}
+export {
+  n as cardStatusToneClassName
+};

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
+};