@tesouro/embedded-components-react 0.2.257 → 0.2.260

package/README.md

@@ -239,27 +239,30 @@ A Monite-backed bill pay widget wrapped in Tesouro widget auth and theming.
 
 ### CardsWidget
 
-One page of an organization's credit **or** debit cards, with a scope-gated "Show my cards" toggle, Create card and per-row Activate affordances. Selecting a row opens that card's read-only details in a side sheet.
+One page of an organization's credit **or** debit cards, with a scope-gated "Show my cards" toggle, Create card and per-row Activate affordances. Selecting a row opens that card's read-only details in a side sheet. On a debit list with `cardArtSrc`, Create card opens the same sheet with the built-in debit issuance flow.
 
 #### Props
 
-| Prop                       | Type                                    | Default        | Description                                                                                                                                                        |
-| -------------------------- | --------------------------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `cardProgram`              | `'credit' \| 'debit'`                   | **Required**   | Which issuing program the list shows. Also selects the scopes that gate each affordance.                                                                           |
-| `pagination`               | `{ paginationToken?, pageSize? }`       | `undefined`    | Controlled cursor and page size. Supply with `onPaginationChange` when your app owns the list position.                                                            |
-| `defaultPagination`        | `{ paginationToken?, pageSize? }`       | First page, 10 | Initial cursor and page size when uncontrolled. Ignored when `pagination` is supplied.                                                                             |
-| `onPaginationChange`       | `(pagination) => void`                  | `undefined`    | Called whenever the widget moves page or changes page size. Persist the whole object, not the token alone.                                                         |
-| `labels`                   | `PartialDeep<CardsWidgetLabels>`        | English labels | Overrides the copy of the list screen, including the details sheet's screen-reader name under `detailsSheet`. Nested groups merge per group.                       |
-| `featureLabels`            | `PartialDeep<CardsWidgetFeatureLabels>` | English labels | Overrides the copy this widget resolves rather than passes through — status and form-factor vocabulary, the empty-cell placeholder, and name fallbacks.            |
-| `selectedCardId`           | `string \| null`                        | `undefined`    | Controlled selection of the card whose details panel is open. `null` closes it; omit for uncontrolled. See **Selection** below.                                    |
-| `defaultSelectedCardId`    | `string \| null`                        | `undefined`    | Initial selection when uncontrolled. Ignored when `selectedCardId` is supplied.                                                                                    |
-| `onSelectedCardIdChange`   | `(cardId: string \| null) => void`      | `undefined`    | Fires whenever the open card changes, including on close (`null`). Supplying it does **not** change what renders.                                                  |
-| `cardDetailsLabels`        | `PartialDeep<CardDetailsWidgetLabels>`  | English labels | Label overrides forwarded into the details panel.                                                                                                                  |
-| `cardDetailsFeatureLabels` | `PartialDeep<CardDetailsFeatureLabels>` | English labels | Overrides for the copy the panel's feature layer resolves — status vocabulary, form-factor copy, program label, copy-success toast. Distinct from `featureLabels`. |
-| `bankLogoSrc`              | `string`                                | `undefined`    | Bank logo for the details panel's card face. Omit and the face renders without a logo rather than with a placeholder.                                              |
-| `bankLogoAlt`              | `string`                                | `undefined`    | Alt text for `bankLogoSrc`.                                                                                                                                        |
-| `onCreateCard`             | `() => void`                            | `undefined`    | Called when Create card is clicked. Omit it and the button is not rendered.                                                                                        |
-| `onActivateCard`           | `(cardId: string) => void`              | `undefined`    | Called when a row's Activate button is clicked. Omit it and the button is not rendered.                                                                            |
+| Prop                       | Type                                    | Default        | Description                                                                                                                                                                             |
+| -------------------------- | --------------------------------------- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `cardProgram`              | `'credit' \| 'debit'`                   | **Required**   | Which issuing program the list shows. Also selects the scopes that gate each affordance.                                                                                                |
+| `pagination`               | `{ paginationToken?, pageSize? }`       | `undefined`    | Controlled cursor and page size. Supply with `onPaginationChange` when your app owns the list position.                                                                                 |
+| `defaultPagination`        | `{ paginationToken?, pageSize? }`       | First page, 10 | Initial cursor and page size when uncontrolled. Ignored when `pagination` is supplied.                                                                                                  |
+| `onPaginationChange`       | `(pagination) => void`                  | `undefined`    | Called whenever the widget moves page or changes page size. Persist the whole object, not the token alone.                                                                              |
+| `labels`                   | `PartialDeep<CardsWidgetLabels>`        | English labels | Overrides the copy of the list screen, including the details sheet's screen-reader name under `detailsSheet` and the create sheet's under `createSheet`. Nested groups merge per group. |
+| `featureLabels`            | `PartialDeep<CardsWidgetFeatureLabels>` | English labels | Overrides the copy this widget resolves rather than passes through — status and form-factor vocabulary, the empty-cell placeholder, and name fallbacks.                                 |
+| `selectedCardId`           | `string \| null`                        | `undefined`    | Controlled selection of the card whose details panel is open. `null` closes it; omit for uncontrolled. See **Selection** below.                                                         |
+| `defaultSelectedCardId`    | `string \| null`                        | `undefined`    | Initial selection when uncontrolled. Ignored when `selectedCardId` is supplied.                                                                                                         |
+| `onSelectedCardIdChange`   | `(cardId: string \| null) => void`      | `undefined`    | Fires whenever the open card changes, including on close (`null`). Supplying it does **not** change what renders.                                                                       |
+| `cardDetailsLabels`        | `PartialDeep<CardDetailsWidgetLabels>`  | English labels | Label overrides forwarded into the details panel.                                                                                                                                       |
+| `cardDetailsFeatureLabels` | `PartialDeep<CardDetailsFeatureLabels>` | English labels | Overrides for the copy the panel's feature layer resolves — status vocabulary, form-factor copy, program label, copy-success toast. Distinct from `featureLabels`.                      |
+| `bankLogoSrc`              | `string`                                | `undefined`    | Bank logo for the details panel's card face. Omit and the face renders without a logo rather than with a placeholder.                                                                   |
+| `bankLogoAlt`              | `string`                                | `undefined`    | Alt text for `bankLogoSrc`.                                                                                                                                                             |
+| `cardArtSrc`               | `string`                                | `undefined`    | Plastic art for the built-in debit create sheet. Required for that sheet: omit it (with no `onCreateCard`) and Create card is hidden. See **Create card** below.                        |
+| `createCardLabels`         | `PartialDeep<CreateCardWidgetLabels>`   | English labels | Label overrides forwarded into the nested create-card panel.                                                                                                                            |
+| `createCardFeatureLabels`  | toast / untitled-funding overrides      | English labels | Overrides for the copy the create panel's feature layer resolves — mutation toasts, untitled funding-account fallback, pending-activation success copy.                                 |
+| `onCreateCard`             | `() => void`                            | `undefined`    | Host-owned Create card handler. When supplied, the built-in debit sheet does not open. Credit Create card still requires this callback.                                                 |
+| `onActivateCard`           | `(cardId: string) => void`              | `undefined`    | Called when a row's Activate button is clicked. Omit it and the button is not rendered.                                                                                                 |
 
 ### CardDetailsWidget
 

package/dist/index.d.ts

@@ -1792,6 +1792,11 @@ interface CardsListLabels {
      * sits here for a footer that lives in `shared/ui`.
      */
     detailsSheet: CardsListDetailsSheetLabels;
+    /**
+     * Screen-reader copy for the same sheet when Create card is slotted in, rather
+     * than a selected card's details. Same chrome, different accessible name.
+     */
+    createSheet: CardsListDetailsSheetLabels;
 }
 
 /** Accessible copy for the panel header's controls. */
@@ -1931,14 +1936,130 @@ interface CardDetailsWidgetProps extends WidgetProviderProps {
  */
 declare function CardDetailsWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: CardDetailsWidgetProps): React.JSX.Element;
 
+type PartialDeep$2<T> = {
+    [K in keyof T]?: T[K] extends object ? PartialDeep$2<T[K]> : T[K];
+};
+interface CreateCardWidgetLabels {
+    header: {
+        title: string;
+        closeAriaLabel: string;
+    };
+    cardArtAlt: string;
+    setup: {
+        sectionTitle: string;
+        sectionDescription: string;
+        cardholderLabel: string;
+        cardholderPlaceholder: string;
+        cardFormatLabel: string;
+        cardFormatPlaceholder: string;
+        cardFormatVirtual: string;
+        cardFormatPhysical: string;
+        fundingAccountLabel: string;
+        fundingAccountPlaceholder: string;
+    };
+    mailing: {
+        sectionTitle: string;
+        sectionDescription: string;
+        businessTitle: string;
+        businessDescription: string;
+        customTitle: string;
+        customDescription: string;
+    };
+    manualAddress: {
+        streetLabel: string;
+        cityLabel: string;
+        stateLabel: string;
+        statePlaceholder: string;
+        zipLabel: string;
+    };
+    preparing: {
+        title: string;
+        description: string;
+    };
+    success: {
+        title: string;
+        description: string;
+        createAnother: string;
+        viewCard: string;
+    };
+    footer: {
+        cancel: string;
+        createCard: string;
+    };
+    cardholderError: {
+        title: string;
+        description: string;
+        retry: string;
+    };
+    fundingAccountError: {
+        title: string;
+        description: string;
+        retry: string;
+    };
+}
+
+interface CreateCardFeatureLabels {
+    toast: {
+        creating: string;
+        success: string;
+        error: string;
+    };
+    untitledFundingAccount: string;
+    /**
+     * Success-screen copy chosen from the create response's `cardStatus`.
+     * Active/ready wording lives on the UI defaults; these cover statuses that
+     * must not claim the card is already usable.
+     */
+    success: {
+        pendingActivationTitle: string;
+        pendingActivationDescription: string;
+        createdTitle: string;
+        createdDescription: string;
+    };
+}
+declare const CREATE_CARD_FEATURE_LABELS_EN: CreateCardFeatureLabels;
+declare function resolveCreateCardFeatureLabels(overrides?: Partial<{
+    toast: Partial<CreateCardFeatureLabels['toast']>;
+    untitledFundingAccount: string;
+    success: Partial<CreateCardFeatureLabels['success']>;
+}>): CreateCardFeatureLabels;
+
+type CreateCardWidgetProps = WidgetProviderProps & {
+    /** Static card plastic image URL (no overlays). Host / white-label supplied. */
+    cardArtSrc: string;
+    labels?: PartialDeep$2<CreateCardWidgetLabels>;
+    featureLabels?: Partial<{
+        toast: Partial<CreateCardFeatureLabels['toast']>;
+        untitledFundingAccount: string;
+        success: Partial<CreateCardFeatureLabels['success']>;
+    }>;
+    className?: string;
+    onClose?: () => void;
+    onCancel?: () => void;
+    /** Fired with the new debit card id after a successful create. */
+    onViewCard?: (cardId: string) => void;
+};
+/**
+ * Self-contained Create Card widget. Issues a debit card via the Embed API and
+ * drives setup → preparing → success with sonner toasts for the mutation.
+ */
+declare function CreateCardWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: CreateCardWidgetProps): React.JSX.Element;
+
+/** Opaque UI format values — mapped to API `DebitCardType` in the feature. */
+declare const CardFormatValue: {
+    readonly Virtual: "virtual";
+    readonly Physical: "physical";
+};
+type CardFormatValue = (typeof CardFormatValue)[keyof typeof CardFormatValue];
+
 /**
  * Every key of `T` optional, recursively, so a consumer can override one nested
  * label without restating its siblings. Defined locally because the repo has no
  * shared deep-partial type and does not depend on `type-fest` — same helper the
  * two card `ui` libs declare.
  */
-type PartialDeep$2<T> = {
-    [K in keyof T]?: T[K] extends object ? PartialDeep$2<T[K]> : T[K];
+type PartialDeep$1<T> = {
+    [K in keyof T]?: T[K] extends object ? PartialDeep$1<T[K]> : T[K];
 };
 /**
  * Strings this layer produces rather than passes through.
@@ -2026,7 +2147,7 @@ interface CardsWidgetProps extends WidgetProviderProps {
      * the list library receives those values already formatted and so has no key
      * for them; `BankAccountsWidget.featureLabels` is the same split.
      */
-    featureLabels?: PartialDeep$2<CardsFeatureLabels>;
+    featureLabels?: PartialDeep$1<CardsFeatureLabels>;
     /**
      * The card whose details panel is open. Supply with `onSelectedCardIdChange`
      * when the host owns that state — a deep-linked `/cards/[id]`, say. `null`
@@ -2081,13 +2202,32 @@ interface CardsWidgetProps extends WidgetProviderProps {
     bankLogoSrc?: string;
     bankLogoAlt?: string;
     /**
-     * Called when Create card is clicked. The button renders only when the widget
-     * token also holds the program's issue scope.
-     *
-     * The widget deliberately implements no in-list creation flow: compose
-     * `CreateCardWidget` (debit) — or your own credit flow — and open it from
-     * this callback (for example in the details sheet). Omitting the callback
-     * hides the button rather than offering a control that does nothing.
+     * Plastic art for the built-in debit create sheet. Forwarded verbatim into
+     * nested `CreateCardWidget`. Required for that sheet: omitting it (with no
+     * host `onCreateCard`) hides Create card rather than opening a panel that
+     * cannot render. Same PLAT-1179 / ADR 0005 rule as `bankLogoSrc` — the package
+     * ships no card artwork.
+     */
+    cardArtSrc?: string;
+    /**
+     * Label overrides forwarded into the nested create-card panel. Indexed off
+     * `CreateCardWidgetProps` so the forwarded and received types cannot drift,
+     * the same feature → feature edge as `cardDetailsLabels`.
+     */
+    createCardLabels?: CreateCardWidgetProps['labels'];
+    /**
+     * Overrides for the copy the create panel's *feature* layer resolves — mutation
+     * toasts, the untitled funding-account fallback, and pending-activation success
+     * copy.
+     */
+    createCardFeatureLabels?: CreateCardWidgetProps['featureLabels'];
+    /**
+     * Called when Create card is clicked. When supplied, the host owns the
+     * gesture: the built-in debit sheet does **not** open. Omit it on a debit list
+     * with `cardArtSrc` to use the built-in `CreateCardWidget` sheet. Credit has
+     * no in-package issuance widget, so credit Create card still requires this
+     * callback — omitting it hides the button rather than offering a control that
+     * does nothing.
      */
     onCreateCard?: () => void;
     /**
@@ -2113,128 +2253,18 @@ interface CardsWidgetProps extends WidgetProviderProps {
  * query param, or take navigation over entirely — the widget itself reads no
  * router and no search params.
  *
+ * On a debit list with `cardArtSrc`, Create card opens the same sheet with
+ * nested `CreateCardWidget`. A host `onCreateCard` still takes over that
+ * gesture (credit, or a custom debit flow). The two panels are mutually
+ * exclusive: opening one closes the other. Success **View card** selects the
+ * new debit card so its details open.
+ *
  * A pure provider wrapper — every hook lives in `CardsWidgetInner` so it runs
  * inside `WidgetProvider`'s subtree, which is what the data-access hooks read
  * their client, org and token from.
  */
 declare function CardsWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: CardsWidgetProps): React.JSX.Element;
 
-type PartialDeep$1<T> = {
-    [K in keyof T]?: T[K] extends object ? PartialDeep$1<T[K]> : T[K];
-};
-interface CreateCardWidgetLabels {
-    header: {
-        title: string;
-        closeAriaLabel: string;
-    };
-    cardArtAlt: string;
-    setup: {
-        sectionTitle: string;
-        sectionDescription: string;
-        cardholderLabel: string;
-        cardholderPlaceholder: string;
-        cardFormatLabel: string;
-        cardFormatPlaceholder: string;
-        cardFormatVirtual: string;
-        cardFormatPhysical: string;
-        fundingAccountLabel: string;
-        fundingAccountPlaceholder: string;
-    };
-    mailing: {
-        sectionTitle: string;
-        sectionDescription: string;
-        businessTitle: string;
-        businessDescription: string;
-        customTitle: string;
-        customDescription: string;
-    };
-    manualAddress: {
-        streetLabel: string;
-        cityLabel: string;
-        stateLabel: string;
-        statePlaceholder: string;
-        zipLabel: string;
-    };
-    preparing: {
-        title: string;
-        description: string;
-    };
-    success: {
-        title: string;
-        description: string;
-        createAnother: string;
-        viewCard: string;
-    };
-    footer: {
-        cancel: string;
-        createCard: string;
-    };
-    cardholderError: {
-        title: string;
-        description: string;
-        retry: string;
-    };
-    fundingAccountError: {
-        title: string;
-        description: string;
-        retry: string;
-    };
-}
-
-interface CreateCardFeatureLabels {
-    toast: {
-        creating: string;
-        success: string;
-        error: string;
-    };
-    untitledFundingAccount: string;
-    /**
-     * Success-screen copy chosen from the create response's `cardStatus`.
-     * Active/ready wording lives on the UI defaults; these cover statuses that
-     * must not claim the card is already usable.
-     */
-    success: {
-        pendingActivationTitle: string;
-        pendingActivationDescription: string;
-        createdTitle: string;
-        createdDescription: string;
-    };
-}
-declare const CREATE_CARD_FEATURE_LABELS_EN: CreateCardFeatureLabels;
-declare function resolveCreateCardFeatureLabels(overrides?: Partial<{
-    toast: Partial<CreateCardFeatureLabels['toast']>;
-    untitledFundingAccount: string;
-    success: Partial<CreateCardFeatureLabels['success']>;
-}>): CreateCardFeatureLabels;
-
-type CreateCardWidgetProps = WidgetProviderProps & {
-    /** Static card plastic image URL (no overlays). Host / white-label supplied. */
-    cardArtSrc: string;
-    labels?: PartialDeep$1<CreateCardWidgetLabels>;
-    featureLabels?: Partial<{
-        toast: Partial<CreateCardFeatureLabels['toast']>;
-        untitledFundingAccount: string;
-        success: Partial<CreateCardFeatureLabels['success']>;
-    }>;
-    className?: string;
-    onClose?: () => void;
-    onCancel?: () => void;
-    /** Fired with the new debit card id after a successful create. */
-    onViewCard?: (cardId: string) => void;
-};
-/**
- * Self-contained Create Card widget. Issues a debit card via the Embed API and
- * drives setup → preparing → success with sonner toasts for the mutation.
- */
-declare function CreateCardWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: CreateCardWidgetProps): React.JSX.Element;
-
-/** Opaque UI format values — mapped to API `DebitCardType` in the feature. */
-declare const CardFormatValue: {
-    readonly Virtual: "virtual";
-    readonly Physical: "physical";
-};
-type CardFormatValue = (typeof CardFormatValue)[keyof typeof CardFormatValue];
-
 interface AddressFieldGroupLabels {
     line1: string;
     line2: string;

package/dist/index.js

@@ -18,12 +18,12 @@ import { CounterpartsWidget as S } from "./libs/tesouro-embedded-components-reac
 import { BillPayWidget as C } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js";
 import "./lib/BillPayWidget.js";
 import { CardDetailsWidget as w } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js";
-import { CardsWidget as T } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js";
+import { CardFormatValue as T } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.js";
+import { CREATE_CARD_FEATURE_LABELS_EN as E, resolveCreateCardFeatureLabels as D } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index4.js";
+import { CreateCardWidget as O } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index7.js";
+import { CardsWidget as k } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js";
 import "./lib/CardsWidget.js";
 import "./lib/CardDetailsWidget.js";
-import { CardFormatValue as E } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index3.js";
-import { CREATE_CARD_FEATURE_LABELS_EN as D, resolveCreateCardFeatureLabels as O } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index4.js";
-import { CreateCardWidget as k } from "./libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index7.js";
 import "./lib/CreateCardWidget.js";
 import "./lib/CounterpartsWidget.js";
 import { ExpenseApprovalPoliciesWidget as A } from "./libs/tesouro-embedded-components-react/expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
@@ -83,4 +83,4 @@ import "./lib/TransfersWidget.js";
 import "./lib/UploadReceiptWidget.js";
 import { WidgetProvider as me } from "./lib/WidgetProviderPublic.js";
 import "./lib/WidgetProvider.js";
-export { e as ACCEPT_DISCLOSURES_WIDGET_LABELS_EN, V as ACCOUNT_DELETE_DIALOG_LABELS_EN, H as ACCOUNT_FORM_SHEET_LABELS_EN, ee as ADDITIONAL_OWNERS_LABELS_EN, b as AcceptDisclosuresWidget, K as AccountDeleteDialog, G as AccountFormSheet, P as BALANCES_WIDGET_LABELS_EN, te as BUSINESS_DETAILS_LABELS_EN, F as BalancesWidget, ie as BankAccountOnboardingWidget, x as BankAccountsWidget, C as BillPayWidget, U as CHART_OF_ACCOUNTS_LABELS_EN, B as CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN, D as CREATE_CARD_FEATURE_LABELS_EN, w as CardDetailsWidget, E as CardFormatValue, T as CardsWidget, W as ChartOfAccountsTable, q as ChartOfAccountsWidget, S as CounterpartsWidget, k as CreateCardWidget, A as ExpenseApprovalPoliciesWidget, N as ExpenseManagementWidget, j as ExpenseRequirementsWidget, Y as HELP_FAQ_EN, J as HELP_WIDGET_LABELS_EN, X as HelpWidget, I as INSIGHTS_FEATURE_LABELS_EN, L as INSIGHTS_WIDGET_LABELS_EN, n as Implementation, z as InsightsWidget, Z as InvoicingWidget, $ as LinkedAccountsWidget, ne as PERSONAL_DETAILS_LABELS_EN, ae as ProductsWidget, oe as ProfileWidget, re as RESULT_LABELS_EN, se as ReceiptMatchWidget, Q as ReceivablesWidget, m as RefreshingRootWidgetProvider, d as RootWidgetProvider, R as SINGLE_INSIGHT_LABELS_EN, ue as SettingsWidget, de as TRANSFERS_FEATURE_LABELS_EN, fe as TRANSFERS_WIDGET_LABELS_EN, ce as TagsWidget, le as TeamWidget, pe as TransfersWidget, c as UIFramework, M as UploadReceiptWidget, me as WidgetProvider, f as WidgetTokenRefreshProvider, t as cloneEmbeddedClient, r as getGlobalWidgetConfig, o as getGlobalWidgetInitState, l as registerDesignSystemEnsurer, u as registerUIRenderers, O as resolveCreateCardFeatureLabels, i as setGlobalWidgetConfig, s as subscribeToGlobalWidgetInitState, a as updateGlobalWidgetConfig, h as useOwnWidgetConfig, g as useRefetchWidget, _ as useWidgetConfig, v as useWidgetError, y as useWidgetLoading, p as useWidgetToken };
+export { e as ACCEPT_DISCLOSURES_WIDGET_LABELS_EN, V as ACCOUNT_DELETE_DIALOG_LABELS_EN, H as ACCOUNT_FORM_SHEET_LABELS_EN, ee as ADDITIONAL_OWNERS_LABELS_EN, b as AcceptDisclosuresWidget, K as AccountDeleteDialog, G as AccountFormSheet, P as BALANCES_WIDGET_LABELS_EN, te as BUSINESS_DETAILS_LABELS_EN, F as BalancesWidget, ie as BankAccountOnboardingWidget, x as BankAccountsWidget, C as BillPayWidget, U as CHART_OF_ACCOUNTS_LABELS_EN, B as CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN, E as CREATE_CARD_FEATURE_LABELS_EN, w as CardDetailsWidget, T as CardFormatValue, k as CardsWidget, W as ChartOfAccountsTable, q as ChartOfAccountsWidget, S as CounterpartsWidget, O as CreateCardWidget, A as ExpenseApprovalPoliciesWidget, N as ExpenseManagementWidget, j as ExpenseRequirementsWidget, Y as HELP_FAQ_EN, J as HELP_WIDGET_LABELS_EN, X as HelpWidget, I as INSIGHTS_FEATURE_LABELS_EN, L as INSIGHTS_WIDGET_LABELS_EN, n as Implementation, z as InsightsWidget, Z as InvoicingWidget, $ as LinkedAccountsWidget, ne as PERSONAL_DETAILS_LABELS_EN, ae as ProductsWidget, oe as ProfileWidget, re as RESULT_LABELS_EN, se as ReceiptMatchWidget, Q as ReceivablesWidget, m as RefreshingRootWidgetProvider, d as RootWidgetProvider, R as SINGLE_INSIGHT_LABELS_EN, ue as SettingsWidget, de as TRANSFERS_FEATURE_LABELS_EN, fe as TRANSFERS_WIDGET_LABELS_EN, ce as TagsWidget, le as TeamWidget, pe as TransfersWidget, c as UIFramework, M as UploadReceiptWidget, me as WidgetProvider, f as WidgetTokenRefreshProvider, t as cloneEmbeddedClient, r as getGlobalWidgetConfig, o as getGlobalWidgetInitState, l as registerDesignSystemEnsurer, u as registerUIRenderers, D as resolveCreateCardFeatureLabels, i as setGlobalWidgetConfig, s as subscribeToGlobalWidgetInitState, a as updateGlobalWidgetConfig, h as useOwnWidgetConfig, g as useRefetchWidget, _ as useWidgetConfig, v as useWidgetError, y as useWidgetLoading, p as useWidgetToken };

package/dist/lib/CardsWidget.d.ts

@@ -34,8 +34,8 @@ interface PaginationFooterLabels {
  * label without restating its siblings. Defined locally because the repo has no
  * shared deep-partial type and does not depend on `type-fest`.
  */
-type PartialDeep$2<T> = {
-    [K in keyof T]?: T[K] extends object ? PartialDeep$2<T[K]> : T[K];
+type PartialDeep$3<T> = {
+    [K in keyof T]?: T[K] extends object ? PartialDeep$3<T[K]> : T[K];
 };
 interface CardsListColumnHeaderLabels {
     cardName: string;
@@ -103,6 +103,11 @@ interface CardsListLabels {
      * sits here for a footer that lives in `shared/ui`.
      */
     detailsSheet: CardsListDetailsSheetLabels;
+    /**
+     * Screen-reader copy for the same sheet when Create card is slotted in, rather
+     * than a selected card's details. Same chrome, different accessible name.
+     */
+    createSheet: CardsListDetailsSheetLabels;
 }
 
 type AuthToken = string | undefined;
@@ -744,8 +749,8 @@ interface CardDetailsPanelLabels {
  * has an identical one for the panel's labels, and this declaration also types
  * that prop here so the widget carries one such helper rather than two.
  */
-type PartialDeep$1<T> = {
-    [K in keyof T]?: T[K] extends object ? PartialDeep$1<T[K]> : T[K];
+type PartialDeep$2<T> = {
+    [K in keyof T]?: T[K] extends object ? PartialDeep$2<T[K]> : T[K];
 };
 /**
  * Copy the **feature** layer owns, as opposed to the panel's own
@@ -798,9 +803,9 @@ interface CardDetailsWidgetProps extends WidgetProviderProps {
      */
     onClose?: () => void;
     /** Overrides for the panel's own copy. */
-    labels?: PartialDeep$1<CardDetailsPanelLabels>;
+    labels?: PartialDeep$2<CardDetailsPanelLabels>;
     /** Overrides for the copy this layer resolves — see `CardDetailsFeatureLabels`. */
-    featureLabels?: PartialDeep$1<CardDetailsFeatureLabels>;
+    featureLabels?: PartialDeep$2<CardDetailsFeatureLabels>;
     /**
      * Bank logo for the card face. The widget ships no bank artwork of its own and
      * resolves none from the init response: an embeddable library must not depend
@@ -813,6 +818,104 @@ interface CardDetailsWidgetProps extends WidgetProviderProps {
     bankLogoAlt?: string;
 }
 
+type PartialDeep$1<T> = {
+    [K in keyof T]?: T[K] extends object ? PartialDeep$1<T[K]> : T[K];
+};
+interface CreateCardWidgetLabels {
+    header: {
+        title: string;
+        closeAriaLabel: string;
+    };
+    cardArtAlt: string;
+    setup: {
+        sectionTitle: string;
+        sectionDescription: string;
+        cardholderLabel: string;
+        cardholderPlaceholder: string;
+        cardFormatLabel: string;
+        cardFormatPlaceholder: string;
+        cardFormatVirtual: string;
+        cardFormatPhysical: string;
+        fundingAccountLabel: string;
+        fundingAccountPlaceholder: string;
+    };
+    mailing: {
+        sectionTitle: string;
+        sectionDescription: string;
+        businessTitle: string;
+        businessDescription: string;
+        customTitle: string;
+        customDescription: string;
+    };
+    manualAddress: {
+        streetLabel: string;
+        cityLabel: string;
+        stateLabel: string;
+        statePlaceholder: string;
+        zipLabel: string;
+    };
+    preparing: {
+        title: string;
+        description: string;
+    };
+    success: {
+        title: string;
+        description: string;
+        createAnother: string;
+        viewCard: string;
+    };
+    footer: {
+        cancel: string;
+        createCard: string;
+    };
+    cardholderError: {
+        title: string;
+        description: string;
+        retry: string;
+    };
+    fundingAccountError: {
+        title: string;
+        description: string;
+        retry: string;
+    };
+}
+
+interface CreateCardFeatureLabels {
+    toast: {
+        creating: string;
+        success: string;
+        error: string;
+    };
+    untitledFundingAccount: string;
+    /**
+     * Success-screen copy chosen from the create response's `cardStatus`.
+     * Active/ready wording lives on the UI defaults; these cover statuses that
+     * must not claim the card is already usable.
+     */
+    success: {
+        pendingActivationTitle: string;
+        pendingActivationDescription: string;
+        createdTitle: string;
+        createdDescription: string;
+    };
+}
+
+type CreateCardWidgetProps = WidgetProviderProps & {
+    /** Static card plastic image URL (no overlays). Host / white-label supplied. */
+    cardArtSrc: string;
+    labels?: PartialDeep$1<CreateCardWidgetLabels>;
+    featureLabels?: Partial<{
+        toast: Partial<CreateCardFeatureLabels['toast']>;
+        untitledFundingAccount: string;
+        success: Partial<CreateCardFeatureLabels['success']>;
+    }>;
+    className?: string;
+    onClose?: () => void;
+    onCancel?: () => void;
+    /** Fired with the new debit card id after a successful create. */
+    onViewCard?: (cardId: string) => void;
+};
+
 /**
  * Every key of `T` optional, recursively, so a consumer can override one nested
  * label without restating its siblings. Defined locally because the repo has no
@@ -900,7 +1003,7 @@ interface CardsWidgetProps extends WidgetProviderProps {
      * `ui` lib's own deep-partial helper (each labels module declares one — the
      * repo has no shared version) so this prop follows that library's contract.
      */
-    labels?: PartialDeep$2<CardsListLabels>;
+    labels?: PartialDeep$3<CardsListLabels>;
     /**
      * Overrides for the copy this layer produces rather than passes through — the
      * status and form-factor vocabulary, the empty-cell placeholder, the nickname
@@ -963,13 +1066,32 @@ interface CardsWidgetProps extends WidgetProviderProps {
     bankLogoSrc?: string;
     bankLogoAlt?: string;
     /**
-     * Called when Create card is clicked. The button renders only when the widget
-     * token also holds the program's issue scope.
-     *
-     * The widget deliberately implements no in-list creation flow: compose
-     * `CreateCardWidget` (debit) — or your own credit flow — and open it from
-     * this callback (for example in the details sheet). Omitting the callback
-     * hides the button rather than offering a control that does nothing.
+     * Plastic art for the built-in debit create sheet. Forwarded verbatim into
+     * nested `CreateCardWidget`. Required for that sheet: omitting it (with no
+     * host `onCreateCard`) hides Create card rather than opening a panel that
+     * cannot render. Same PLAT-1179 / ADR 0005 rule as `bankLogoSrc` — the package
+     * ships no card artwork.
+     */
+    cardArtSrc?: string;
+    /**
+     * Label overrides forwarded into the nested create-card panel. Indexed off
+     * `CreateCardWidgetProps` so the forwarded and received types cannot drift,
+     * the same feature → feature edge as `cardDetailsLabels`.
+     */
+    createCardLabels?: CreateCardWidgetProps['labels'];
+    /**
+     * Overrides for the copy the create panel's *feature* layer resolves — mutation
+     * toasts, the untitled funding-account fallback, and pending-activation success
+     * copy.
+     */
+    createCardFeatureLabels?: CreateCardWidgetProps['featureLabels'];
+    /**
+     * Called when Create card is clicked. When supplied, the host owns the
+     * gesture: the built-in debit sheet does **not** open. Omit it on a debit list
+     * with `cardArtSrc` to use the built-in `CreateCardWidget` sheet. Credit has
+     * no in-package issuance widget, so credit Create card still requires this
+     * callback — omitting it hides the button rather than offering a control that
+     * does nothing.
      */
     onCreateCard?: () => void;
     /**
@@ -995,6 +1117,12 @@ interface CardsWidgetProps extends WidgetProviderProps {
  * query param, or take navigation over entirely — the widget itself reads no
  * router and no search params.
  *
+ * On a debit list with `cardArtSrc`, Create card opens the same sheet with
+ * nested `CreateCardWidget`. A host `onCreateCard` still takes over that
+ * gesture (credit, or a custom debit flow). The two panels are mutually
+ * exclusive: opening one closes the other. Success **View card** selects the
+ * new debit card so its details open.
+ *
  * A pure provider wrapper — every hook lives in `CardsWidgetInner` so it runs
  * inside `WidgetProvider`'s subtree, which is what the data-access hooks read
  * their client, org and token from.

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index8.js

@@ -122,6 +122,7 @@ function b({ accountId: b, onBack: me, labels: he, featureLabels: ge, isBankingT
 		bankLogoSrc: ve,
 		bankLogoAlt: ye,
 		balanceLabel: Ve,
+		balanceTestId: "bank-accounts-widget-detail-balance",
 		isBankingTaglineVisible: _e,
 		activeTab: A,
 		transactionRows: Z,
@@ -135,6 +136,7 @@ function b({ accountId: b, onBack: me, labels: he, featureLabels: ge, isBankingT
 		disabledExportEndDates: Ge,
 		accountNumberLabel: K?.accountNumber ?? "",
 		maskedAccountNumberLabel: ae(K?.accountNumber ?? ""),
+		accountNumberTestId: "bank-accounts-widget-detail-account-number",
 		wireAccountNumberLabel: K?.accountNumber ?? "",
 		routingNumberLabel: K?.routingNumber ?? "",
 		bankAddressLabel: J,