@tesouro/embedded-components-react 0.2.259 → 0.2.261

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";
@@ -70,17 +70,18 @@ import "./lib/ProfileWidget.js";
 import "./lib/ReceivablesWidget.js";
 import { ReceiptMatchWidget as se } from "./libs/tesouro-embedded-components-react/expense-receipt-match-widget/feature/dist/lib/ReceiptMatchWidget.js";
 import "./lib/ReceiptMatchWidget.js";
-import { TagsWidget as ce } from "./libs/tesouro-embedded-components-react/tags-widget/feature/dist/index11.js";
-import { TeamWidget as le } from "./libs/tesouro-embedded-components-react/team-widget/feature/dist/index17.js";
-import { SettingsWidget as ue } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js";
+import { SettingsSection as ce } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js";
+import { TagsWidget as le } from "./libs/tesouro-embedded-components-react/tags-widget/feature/dist/index11.js";
+import { TeamWidget as ue } from "./libs/tesouro-embedded-components-react/team-widget/feature/dist/index17.js";
+import { SettingsWidget as de } from "./libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js";
 import "./lib/SettingsWidget.js";
 import "./lib/TagsWidget.js";
 import "./lib/TeamWidget.js";
-import { DEFAULT_FEATURE_LABELS as de } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index3.js";
-import { TRANSFERS_WIDGET_LABELS_EN as fe } from "./libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js";
-import { TransfersWidget as pe } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js";
+import { DEFAULT_FEATURE_LABELS as fe } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index3.js";
+import { TRANSFERS_WIDGET_LABELS_EN as pe } from "./libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js";
+import { TransfersWidget as me } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js";
 import "./lib/TransfersWidget.js";
 import "./lib/UploadReceiptWidget.js";
-import { WidgetProvider as me } from "./lib/WidgetProviderPublic.js";
+import { WidgetProvider as he } 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, ce as SettingsSection, de as SettingsWidget, fe as TRANSFERS_FEATURE_LABELS_EN, pe as TRANSFERS_WIDGET_LABELS_EN, le as TagsWidget, ue as TeamWidget, me as TransfersWidget, c as UIFramework, M as UploadReceiptWidget, he 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/lib/ProfileWidget.d.ts

@@ -5,6 +5,14 @@ import { FallbackProps } from 'react-error-boundary';
 interface Labels {
     loadingLabel: string;
     errorLabel: string;
+    /**
+     * Lead-in for the contact line, rendered as
+     * `{contactPrefix} {bankName} {link}.` when both a bank name and a contact
+     * URL are available.
+     */
+    contactPrefix: string;
+    /** Text of the contact link (wraps the contact URL). */
+    contactLinkText: string;
 }
 
 type AuthToken = string | undefined;
@@ -588,6 +596,14 @@ interface FeatureLabels {
 interface ProfileWidgetProps extends WidgetProviderProps {
     labels?: Partial<Labels>;
     featureLabels?: Partial<FeatureLabels>;
+    /**
+     * Where the "to change this information, contact your bank" line links (a
+     * support page URL or a `mailto:`). Left unset, the card shows the plain
+     * unlinked sentence instead — the package has no tenant-agnostic support
+     * address to fall back on. The bank name in that line comes from widget init,
+     * so this is the only value a host needs to supply.
+     */
+    contactUrl?: string;
 }
 declare function ProfileWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: ProfileWidgetProps): React.JSX.Element;
 

package/dist/lib/SettingsWidget.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo } from 'react';
+import { ReactNode, ComponentType, AnchorHTMLAttributes, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 
 interface Labels {
@@ -7,6 +7,12 @@ interface Labels {
     description?: string;
 }
 
+interface SettingsWidgetSection {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+
 interface FinopsThemeColors {
     primary?: string;
     primaryForeground?: string;
@@ -594,6 +600,46 @@ interface FeatureLabels {
     expenseRequirementsTab: string;
 }
 
+/**
+ * The sections this widget renders itself. These ids are the public vocabulary
+ * a host uses to deep-link into a section, so they are part of the package's
+ * API surface — renaming one is a breaking change.
+ */
+declare const SettingsSection: {
+    readonly Profile: "profile";
+    readonly Team: "team";
+    readonly Invoice: "invoice";
+    readonly Expense: "expense";
+    readonly BillPay: "bill-pay";
+    readonly Accounting: "accounting";
+    readonly Tags: "tags";
+    readonly Help: "help";
+};
+type SettingsSection = (typeof SettingsSection)[keyof typeof SettingsSection];
+/**
+ * A selectable section id: one of the built-ins, or the id of a host-supplied
+ * {@link SettingsWidgetAdditionalSection}. The `string & {}` arm keeps the
+ * built-in literals visible to editor autocomplete while still accepting a
+ * host's own id.
+ */
+type SettingsWidgetSectionId = SettingsSection | (string & {});
+/**
+ * A section contributed by the host, rendered alongside the built-in ones.
+ *
+ * This exists for surfaces the published package cannot own — the white-label
+ * dashboard's password management, for instance, which is an app-auth concern
+ * rather than an embedded one. Prefer the `*Content` props when replacing the
+ * content of a section that already exists.
+ */
+interface SettingsWidgetAdditionalSection extends SettingsWidgetSection {
+    /**
+     * Place this section immediately after the named built-in one. Sections with
+     * no `after` — and those whose anchor is hidden by scope gating — are
+     * appended to the end of the list.
+     */
+    after?: SettingsSection;
+}
+
 interface SettingsWidgetProps extends MoniteRegionProviderProps {
     labels?: Partial<Labels>;
     featureLabels?: Partial<FeatureLabels>;
@@ -609,6 +655,22 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
      * support address to fall back on. The bank name in that line comes from
      * widget init, so this is the only value a host needs to supply. */
     helpContactUrl?: string;
+    /** Forwarded to the embedded Profile section's {@link ProfileWidget} — where
+     * its "to change this information, contact your bank" line links. The line
+     * falls back to a plain, unlinked sentence when unset, for the same reason
+     * {@link SettingsWidgetProps.helpContactUrl} does. */
+    profileContactUrl?: string;
+    /** The section to show. Leave unset to let the widget own the selection;
+     * supply it (with {@link SettingsWidgetProps.onSelectedSectionChange}) to
+     * drive navigation from a route, a search param, or host state. A section
+     * hidden by the user's scopes falls back to the first visible one. */
+    selectedSection?: SettingsWidgetSectionId;
+    /** Called with the id of the section the user selected. Fires whether or not
+     * {@link SettingsWidgetProps.selectedSection} is supplied, so a host can mirror
+     * the selection into its URL without taking ownership of it. */
+    onSelectedSectionChange?: (section: SettingsWidgetSectionId) => void;
+    /** Host-owned sections rendered alongside the built-in ones. */
+    additionalSections?: SettingsWidgetAdditionalSection[];
     profileContent?: ReactNode;
     teamContent?: ReactNode;
     billPayContent?: ReactNode;
@@ -620,5 +682,5 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
 }
 declare function SettingsWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, finopsThemeColors, analytics, ...innerProps }: SettingsWidgetProps): React.JSX.Element;
 
-export { SettingsWidget };
-export type { FeatureLabels as SettingsWidgetFeatureLabels, Labels as SettingsWidgetLabels, SettingsWidgetProps };
+export { SettingsSection, SettingsWidget };
+export type { SettingsWidgetAdditionalSection, FeatureLabels as SettingsWidgetFeatureLabels, Labels as SettingsWidgetLabels, SettingsWidgetProps, SettingsWidgetSection, SettingsWidgetSectionId };

package/dist/lib/SettingsWidget.js

@@ -1,3 +1,4 @@
-import { SettingsWidget as e } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js";
+import { SettingsSection as e } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js";
+import { SettingsWidget as t } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js";
 import "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index.js";
-export { e as SettingsWidget };
+export { e as SettingsSection, t as SettingsWidget };

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

@@ -15,15 +15,20 @@ var r = {
 		activate: [t.DebitCardActivateOrg],
 		create: [t.DebitCardIssueOrg]
 	}
-}, i = [t.BankAccountReadOrg];
-function a({ cardProgram: t, scopes: a }) {
-	let o = new Set(a ?? []), s = r[t];
+}, i = [t.BankAccountReadOrg], a = {
+	users: [t.UserReadOrg],
+	roles: [t.RoleReadOrg],
+	funding: i
+};
+function o({ cardProgram: t, scopes: o }) {
+	let s = new Set(o ?? []), c = r[t];
 	return {
-		canRead: e(o, s.read),
-		canActivate: e(o, s.activate),
-		canCreate: e(o, s.create),
-		canReadFundingAccounts: t === n.Debit && e(o, i)
+		canRead: e(s, c.read),
+		canActivate: e(s, c.activate),
+		canCreate: e(s, c.create),
+		canReadFundingAccounts: t === n.Debit && e(s, i),
+		canComposeDebitCreate: t === n.Debit && e(s, a.users) && e(s, a.roles) && e(s, a.funding)
 	};
 }
 //#endregion
-export { a as getCardsPermissions };
+export { o as getCardsPermissions };

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

@@ -34,18 +34,18 @@ function l(e) {
 		pageSize: t
 	};
 }
-function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h }) {
+function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationChange: f, featureLabels: p, selectedCardId: ve, defaultSelectedCardId: ye, onSelectedCardIdChange: be, onCreateCard: m, onActivateCard: h, cardArtSrc: xe }) {
 	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({
+	let { organizationId: v, widgetToken: Se, initResponse: y } = ee(), b = y?.userId ?? void 0, Ce = ne(), x = !!te(), S = !!(v && Se), 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);
+	}), [s, y?.scopes]), w = S && C.canRead && !!y, we = a(() => l(u), [u?.pageSize, u?.paginationToken]), T = a(() => l(d), [d?.pageSize, d?.paginationToken]), [E, Te] = o(b);
+	b !== void 0 && b !== E && Te(b);
+	let [D, Ee] = o(v);
+	v !== void 0 && v !== D && Ee(v);
 	let O = [
 		[
 			s,
@@ -58,7 +58,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		resetKey: O,
 		paginationToken: T.paginationToken,
 		pageSize: T.pageSize
-	})), [Ee, De] = o(!1), [Oe, M] = he({
+	})), [De, Oe] = o(!1), [ke, M] = he({
 		prop: ve,
 		defaultProp: ye ?? null,
 		onChange: be,
@@ -67,7 +67,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		cardProgram: s,
 		organizationId: D,
 		userId: E
-	}), ke = N.current.cardProgram !== s || c(N.current.organizationId, D) || c(N.current.userId, E);
+	}), Ae = N.current.cardProgram !== s || c(N.current.organizationId, D) || c(N.current.userId, E);
 	i(() => {
 		let e = N.current;
 		N.current = {
@@ -83,7 +83,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 	]);
 	let P = r((e) => {
 		M(e);
-	}, [M]), F = Ee && !!b, Ae = A.resetKey === O;
+	}, [M]), F = De && !!b, je = A.resetKey === O;
 	i(() => {
 		k || j((e) => e.resetKey === O ? e : {
 			resetKey: O,
@@ -96,9 +96,9 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		k,
 		O
 	]);
-	let I = k ? Ce : Ae ? A : T, je = I.paginationToken, L = I.pageSize, R = {
+	let I = k ? we : je ? A : T, Me = I.paginationToken, L = I.pageSize, R = {
 		limit: L,
-		paginationToken: je,
+		paginationToken: Me,
 		userId: F ? b : void 0
 	}, z = fe({
 		...R,
@@ -115,12 +115,12 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		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 ?? []) : [], [
+	]), G = H && U.isError, Ne = 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, {
+	]), Pe = a(() => le(K, {
 		labels: g,
 		fundingAccountNames: W,
 		canActivate: C.canActivate,
@@ -133,7 +133,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		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) => {
+	]), q = V.data?.nextPaginationToken ?? void 0, J = V.data?.prevPaginationToken ?? void 0, Fe = !!V.data, Y = w && (V.isError || G), X = r((e) => {
 		k || j({
 			resetKey: O,
 			paginationToken: e.paginationToken,
@@ -148,14 +148,14 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 			paginationToken: void 0,
 			pageSize: L
 		});
-	}, [X, L]), Fe = r((e) => {
+	}, [X, L]), Ie = r((e) => {
 		X({
 			paginationToken: void 0,
 			pageSize: e
 		});
-	}, [X]), Ie = r((e) => {
-		De(e), Z();
-	}, [Z]), Le = r(() => {
+	}, [X]), Le = r((e) => {
+		Oe(e), Z();
+	}, [Z]), Re = r(() => {
 		X({
 			paginationToken: J,
 			pageSize: L
@@ -164,7 +164,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		X,
 		L,
 		J
-	]), Re = r(() => {
+	]), ze = r(() => {
 		X({
 			paginationToken: q,
 			pageSize: L
@@ -173,7 +173,7 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		X,
 		q,
 		L
-	]), Q = V.refetch, $ = U.refetch, ze = r(() => {
+	]), Q = V.refetch, $ = U.refetch, Be = r(() => {
 		Q(), H && $();
 	}, [
 		H,
@@ -181,26 +181,27 @@ function u({ cardProgram: s, pagination: u, defaultPagination: d, onPaginationCh
 		$
 	]);
 	return {
-		rows: Ne,
-		selectedCardId: ke ? null : Oe,
+		rows: Pe,
+		selectedCardId: Ae ? null : ke,
 		onSelectCard: P,
+		canReadCards: C.canRead,
 		columns: ce[s],
-		isLoading: !x && (!S || Se && !y || w && (V.isLoading || Me)),
+		isLoading: !x && (!S || Ce && !y || w && (V.isLoading || Ne)),
 		isError: x || Y,
 		canToggleShowMyCards: C.canRead && !!b,
 		isShowingMyCards: F,
-		onShowMyCardsChange: Ie,
-		canCreateCard: C.canCreate && !!m,
+		onShowMyCardsChange: Le,
+		canCreateCard: C.canCreate && (!!m || !!xe && C.canComposeDebitCreate),
 		onCreateCardClick: m,
-		onRetry: ze,
-		isPaginationVisible: w && Pe && !Y,
+		onRetry: Be,
+		isPaginationVisible: w && Fe && !Y,
 		pageSize: L,
 		pageSizeOptions: ge,
 		isPreviousPageDisabled: !J,
 		isNextPageDisabled: !q,
-		onPageSizeChange: Fe,
-		onPreviousPageClick: Le,
-		onNextPageClick: Re
+		onPageSizeChange: Ie,
+		onPreviousPageClick: Re,
+		onNextPageClick: ze
 	};
 }
 //#endregion