@tesouro/embedded-components-react 0.3.60 → 0.3.62

package/README.md

@@ -312,20 +312,20 @@ One page of an organization's **debit** cards, with a scope-gated "Show my cards
 
 ### CardDetailsWidget
 
-Read-only details for one credit **or** debit card — status, form factor, program, masked card number, and copyable cardholder and nickname rows. A debit card can also reveal its number, expiry and security code on demand. It renders panel content rather than its own drawer, so it sits on a page of your own as readily as inside chrome you already have.
+Details for one credit **or** debit card — status, form factor, program, masked card number, and copyable cardholder, nickname and billing-address rows. A debit card can also reveal its number, expiry and security code on demand, lock and unlock itself, and be renamed in place. It renders panel content rather than its own drawer, so it sits on a page of your own as readily as inside chrome you already have.
 
 #### Props
 
-| Prop             | Type                                    | Default        | Description                                                                                                                                                                                              |
-| ---------------- | --------------------------------------- | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `cardId`         | `string`                                | **Required**   | Id of the card to show.                                                                                                                                                                                  |
-| `cardProgram`    | `'credit' \| 'debit'`                   | **Required**   | Which issuing program `cardId` belongs to. Selects the endpoint the card is fetched from.                                                                                                                |
-| `onClose`        | `() => void`                            | `undefined`    | Called when the header's close control is pressed. Omit it and no close control is rendered at all.                                                                                                      |
-| `labels`         | `PartialDeep<CardDetailsWidgetLabels>`  | English labels | Overrides the panel's own copy — header, card face alt text, row headings, copy-button accessible names, and the loading/error/not-found screens.                                                        |
-| `activateLabels` | `PartialDeep<ActivateCardPanelLabels>`  | English labels | Overrides the Activate Card form's copy — its heading, the two field labels, the security-code explanation, and the validation and status text.                                                          |
-| `featureLabels`  | `PartialDeep<CardDetailsFeatureLabels>` | English labels | Overrides the copy this widget resolves rather than passes through — status, form-factor and program vocabulary, the copy-success toast, the activation-conflict toast, and the refused-reveal sentence. |
-| `bankLogoSrc`    | `string`                                | `undefined`    | Bank logo for the card face. Omit and the face renders without a logo rather than with a placeholder.                                                                                                    |
-| `bankLogoAlt`    | `string`                                | `undefined`    | Alt text for `bankLogoSrc`. Falls back to `labels.cardFace.bankLogoAlt`.                                                                                                                                 |
+| Prop             | Type                                    | Default        | Description                                                                                                                                                                                                                                        |
+| ---------------- | --------------------------------------- | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `cardId`         | `string`                                | **Required**   | Id of the card to show.                                                                                                                                                                                                                            |
+| `cardProgram`    | `'credit' \| 'debit'`                   | **Required**   | Which issuing program `cardId` belongs to. Selects the endpoint the card is fetched from.                                                                                                                                                          |
+| `onClose`        | `() => void`                            | `undefined`    | Called when the header's close control is pressed. Omit it and no close control is rendered at all.                                                                                                                                                |
+| `labels`         | `PartialDeep<CardDetailsWidgetLabels>`  | English labels | Overrides the panel's own copy — header, card face alt text, row headings, copy-button accessible names, the nickname editor, the lock control and its locked notice, and the loading/error/not-found screens.                                     |
+| `activateLabels` | `PartialDeep<ActivateCardPanelLabels>`  | English labels | Overrides the Activate Card form's copy — its heading, the two field labels, the security-code explanation, and the validation and status text.                                                                                                    |
+| `featureLabels`  | `PartialDeep<CardDetailsFeatureLabels>` | English labels | Overrides the copy this widget resolves rather than passes through — status, form-factor and program vocabulary, the copy-success and nickname-updated toasts, the activation, lock and nickname conflict toasts, and the refused-reveal sentence. |
+| `bankLogoSrc`    | `string`                                | `undefined`    | Bank logo for the card face. Omit and the face renders without a logo rather than with a placeholder.                                                                                                                                              |
+| `bankLogoAlt`    | `string`                                | `undefined`    | Alt text for `bankLogoSrc`. Falls back to `labels.cardFace.bankLogoAlt`.                                                                                                                                                                           |
 
 ### CounterpartsWidget
 

package/dist/index.css

@@ -2421,6 +2421,12 @@
       background-color: color-mix(in oklab, var(--ttw-color-black) 50%, transparent);
     }
   }
+  .ttw\:bg-black\/55 {
+    background-color: var(--ttw-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ttw-color-black) 55%, transparent);
+    }
+  }
   .ttw\:bg-blue-50 {
     background-color: var(--ttw-color-blue-50);
   }

package/dist/index.d.ts

@@ -1667,6 +1667,35 @@ interface CardDetailsActionLabels {
     /** The same control, once the credentials are on screen. */
     hideCard: string;
 }
+/** Copy for the nickname row's inline editor. */
+interface CardDetailsNicknameLabels {
+    /** Accessible name for the control that opens the editor. */
+    editAriaLabel: string;
+    /** Accessible name for the editor's text field. */
+    inputAriaLabel: string;
+    save: string;
+    cancel: string;
+    /** Shown under the editor when the save failed. */
+    errorDescription: string;
+}
+/** Copy for the card lock control and for the locked card it produces. */
+interface CardDetailsLockLabels {
+    lockCard: string;
+    /** The same control, once the card is locked. */
+    unlockCard: string;
+    /** Pill stamped across the card face while it is locked. */
+    cardFaceLabel: string;
+    /** Sentence under the controls while the card is locked. */
+    lockedDescription: string;
+    /**
+     * The same sentence for a reader who has no Unlock control, so it stops short
+     * of promising one. Reachable: reveal and lock are entitled separately, so a
+     * session can see a locked card it cannot unlock.
+     */
+    lockedDescriptionWithoutUnlock: string;
+    /** Shown next to the control when a lock change failed. */
+    errorDescription: string;
+}
 /**
  * Copy for the revealed card credentials. The values themselves never have a
  * default here — the panel is handed them or renders the field blank.
@@ -1696,6 +1725,8 @@ interface CardDetailsPanelLabels {
     cardFace: CardDetailsCardFaceLabels;
     fields: CardDetailsFieldLabels;
     actions: CardDetailsActionLabels;
+    nickname: CardDetailsNicknameLabels;
+    lock: CardDetailsLockLabels;
     credentials: CardDetailsCredentialsLabels;
     status: CardDetailsStatusScreenLabels;
 }
@@ -1784,6 +1815,19 @@ interface CardDetailsFeatureLabels {
      * API outcome, and because the panel closes as it fires.
      */
     activationConflictToast: string;
+    /**
+     * Toast shown when a lock change is refused because the card is no longer in
+     * a state that accepts one. Same reason as `activationConflictToast`: it is an
+     * API outcome, not something the panel can know.
+     */
+    lockConflictToast: string;
+    /** Confirmation toast after the nickname is saved. */
+    nicknameUpdatedToast: string;
+    /**
+     * Toast shown when a nickname save is refused because the card moved on. The
+     * editor closes as it fires, so the reader lands on the refetched name.
+     */
+    nicknameConflictToast: string;
     /**
      * Replaces the panel's generic reveal error when the credentials call was
      * refused (HTTP 403).

package/dist/index.js

@@ -15,7 +15,7 @@ import { useDisclosuresAcceptanceSurface as v, useOwnWidgetConfig as y, useRefet
 import { BankAccountsWidget as w } from "./libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js";
 import { CounterpartsWidget as T } from "./libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js";
 import { BillPayWidget as E } from "./libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index81.js";
-import { CardDetailsWidget as D } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index8.js";
+import { CardDetailsWidget as D } from "./libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index13.js";
 import { CreditCardsWidget as O } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index10.js";
 import { DebitCardsWidget as k } from "./libs/tesouro-embedded-components-react/cards-widget/feature/dist/index11.js";
 import { BALANCES_WIDGET_LABELS_EN as A } from "./libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/labels.js";

package/dist/lib/CardDetailsWidget.d.ts

@@ -41,6 +41,35 @@ interface CardDetailsActionLabels {
     /** The same control, once the credentials are on screen. */
     hideCard: string;
 }
+/** Copy for the nickname row's inline editor. */
+interface CardDetailsNicknameLabels {
+    /** Accessible name for the control that opens the editor. */
+    editAriaLabel: string;
+    /** Accessible name for the editor's text field. */
+    inputAriaLabel: string;
+    save: string;
+    cancel: string;
+    /** Shown under the editor when the save failed. */
+    errorDescription: string;
+}
+/** Copy for the card lock control and for the locked card it produces. */
+interface CardDetailsLockLabels {
+    lockCard: string;
+    /** The same control, once the card is locked. */
+    unlockCard: string;
+    /** Pill stamped across the card face while it is locked. */
+    cardFaceLabel: string;
+    /** Sentence under the controls while the card is locked. */
+    lockedDescription: string;
+    /**
+     * The same sentence for a reader who has no Unlock control, so it stops short
+     * of promising one. Reachable: reveal and lock are entitled separately, so a
+     * session can see a locked card it cannot unlock.
+     */
+    lockedDescriptionWithoutUnlock: string;
+    /** Shown next to the control when a lock change failed. */
+    errorDescription: string;
+}
 /**
  * Copy for the revealed card credentials. The values themselves never have a
  * default here — the panel is handed them or renders the field blank.
@@ -70,6 +99,8 @@ interface CardDetailsPanelLabels {
     cardFace: CardDetailsCardFaceLabels;
     fields: CardDetailsFieldLabels;
     actions: CardDetailsActionLabels;
+    nickname: CardDetailsNicknameLabels;
+    lock: CardDetailsLockLabels;
     credentials: CardDetailsCredentialsLabels;
     status: CardDetailsStatusScreenLabels;
 }
@@ -831,6 +862,19 @@ interface CardDetailsFeatureLabels {
      * API outcome, and because the panel closes as it fires.
      */
     activationConflictToast: string;
+    /**
+     * Toast shown when a lock change is refused because the card is no longer in
+     * a state that accepts one. Same reason as `activationConflictToast`: it is an
+     * API outcome, not something the panel can know.
+     */
+    lockConflictToast: string;
+    /** Confirmation toast after the nickname is saved. */
+    nicknameUpdatedToast: string;
+    /**
+     * Toast shown when a nickname save is refused because the card moved on. The
+     * editor closes as it fires, so the reader lands on the refetched name.
+     */
+    nicknameConflictToast: string;
     /**
      * Replaces the panel's generic reveal error when the credentials call was
      * refused (HTTP 403).

package/dist/lib/CardDetailsWidget.js

@@ -1,3 +1,3 @@
-import { CardDetailsWidget as e } from "../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index8.js";
+import { CardDetailsWidget as e } from "../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index13.js";
 import "../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index.js";
 export { e as CardDetailsWidget };

package/dist/lib/CreditCardsWidget.d.ts

@@ -801,6 +801,35 @@ interface CardDetailsActionLabels {
     /** The same control, once the credentials are on screen. */
     hideCard: string;
 }
+/** Copy for the nickname row's inline editor. */
+interface CardDetailsNicknameLabels {
+    /** Accessible name for the control that opens the editor. */
+    editAriaLabel: string;
+    /** Accessible name for the editor's text field. */
+    inputAriaLabel: string;
+    save: string;
+    cancel: string;
+    /** Shown under the editor when the save failed. */
+    errorDescription: string;
+}
+/** Copy for the card lock control and for the locked card it produces. */
+interface CardDetailsLockLabels {
+    lockCard: string;
+    /** The same control, once the card is locked. */
+    unlockCard: string;
+    /** Pill stamped across the card face while it is locked. */
+    cardFaceLabel: string;
+    /** Sentence under the controls while the card is locked. */
+    lockedDescription: string;
+    /**
+     * The same sentence for a reader who has no Unlock control, so it stops short
+     * of promising one. Reachable: reveal and lock are entitled separately, so a
+     * session can see a locked card it cannot unlock.
+     */
+    lockedDescriptionWithoutUnlock: string;
+    /** Shown next to the control when a lock change failed. */
+    errorDescription: string;
+}
 /**
  * Copy for the revealed card credentials. The values themselves never have a
  * default here — the panel is handed them or renders the field blank.
@@ -830,6 +859,8 @@ interface CardDetailsPanelLabels {
     cardFace: CardDetailsCardFaceLabels;
     fields: CardDetailsFieldLabels;
     actions: CardDetailsActionLabels;
+    nickname: CardDetailsNicknameLabels;
+    lock: CardDetailsLockLabels;
     credentials: CardDetailsCredentialsLabels;
     status: CardDetailsStatusScreenLabels;
 }
@@ -918,6 +949,19 @@ interface CardDetailsFeatureLabels {
      * API outcome, and because the panel closes as it fires.
      */
     activationConflictToast: string;
+    /**
+     * Toast shown when a lock change is refused because the card is no longer in
+     * a state that accepts one. Same reason as `activationConflictToast`: it is an
+     * API outcome, not something the panel can know.
+     */
+    lockConflictToast: string;
+    /** Confirmation toast after the nickname is saved. */
+    nicknameUpdatedToast: string;
+    /**
+     * Toast shown when a nickname save is refused because the card moved on. The
+     * editor closes as it fires, so the reader lands on the refetched name.
+     */
+    nicknameConflictToast: string;
     /**
      * Replaces the panel's generic reveal error when the credentials call was
      * refused (HTTP 403).

package/dist/lib/DebitCardsWidget.d.ts

@@ -801,6 +801,35 @@ interface CardDetailsActionLabels {
     /** The same control, once the credentials are on screen. */
     hideCard: string;
 }
+/** Copy for the nickname row's inline editor. */
+interface CardDetailsNicknameLabels {
+    /** Accessible name for the control that opens the editor. */
+    editAriaLabel: string;
+    /** Accessible name for the editor's text field. */
+    inputAriaLabel: string;
+    save: string;
+    cancel: string;
+    /** Shown under the editor when the save failed. */
+    errorDescription: string;
+}
+/** Copy for the card lock control and for the locked card it produces. */
+interface CardDetailsLockLabels {
+    lockCard: string;
+    /** The same control, once the card is locked. */
+    unlockCard: string;
+    /** Pill stamped across the card face while it is locked. */
+    cardFaceLabel: string;
+    /** Sentence under the controls while the card is locked. */
+    lockedDescription: string;
+    /**
+     * The same sentence for a reader who has no Unlock control, so it stops short
+     * of promising one. Reachable: reveal and lock are entitled separately, so a
+     * session can see a locked card it cannot unlock.
+     */
+    lockedDescriptionWithoutUnlock: string;
+    /** Shown next to the control when a lock change failed. */
+    errorDescription: string;
+}
 /**
  * Copy for the revealed card credentials. The values themselves never have a
  * default here — the panel is handed them or renders the field blank.
@@ -830,6 +859,8 @@ interface CardDetailsPanelLabels {
     cardFace: CardDetailsCardFaceLabels;
     fields: CardDetailsFieldLabels;
     actions: CardDetailsActionLabels;
+    nickname: CardDetailsNicknameLabels;
+    lock: CardDetailsLockLabels;
     credentials: CardDetailsCredentialsLabels;
     status: CardDetailsStatusScreenLabels;
 }
@@ -918,6 +949,19 @@ interface CardDetailsFeatureLabels {
      * API outcome, and because the panel closes as it fires.
      */
     activationConflictToast: string;
+    /**
+     * Toast shown when a lock change is refused because the card is no longer in
+     * a state that accepts one. Same reason as `activationConflictToast`: it is an
+     * API outcome, not something the panel can know.
+     */
+    lockConflictToast: string;
+    /** Confirmation toast after the nickname is saved. */
+    nicknameUpdatedToast: string;
+    /**
+     * Toast shown when a nickname save is refused because the card moved on. The
+     * editor closes as it fires, so the reader lands on the refetched name.
+     */
+    nicknameConflictToast: string;
     /**
      * Replaces the panel's generic reveal error when the credentials call was
      * refused (HTTP 403).

package/dist/lib/WidgetSuite.d.ts

@@ -970,6 +970,35 @@ interface CardDetailsActionLabels {
     /** The same control, once the credentials are on screen. */
     hideCard: string;
 }
+/** Copy for the nickname row's inline editor. */
+interface CardDetailsNicknameLabels {
+    /** Accessible name for the control that opens the editor. */
+    editAriaLabel: string;
+    /** Accessible name for the editor's text field. */
+    inputAriaLabel: string;
+    save: string;
+    cancel: string;
+    /** Shown under the editor when the save failed. */
+    errorDescription: string;
+}
+/** Copy for the card lock control and for the locked card it produces. */
+interface CardDetailsLockLabels {
+    lockCard: string;
+    /** The same control, once the card is locked. */
+    unlockCard: string;
+    /** Pill stamped across the card face while it is locked. */
+    cardFaceLabel: string;
+    /** Sentence under the controls while the card is locked. */
+    lockedDescription: string;
+    /**
+     * The same sentence for a reader who has no Unlock control, so it stops short
+     * of promising one. Reachable: reveal and lock are entitled separately, so a
+     * session can see a locked card it cannot unlock.
+     */
+    lockedDescriptionWithoutUnlock: string;
+    /** Shown next to the control when a lock change failed. */
+    errorDescription: string;
+}
 /**
  * Copy for the revealed card credentials. The values themselves never have a
  * default here — the panel is handed them or renders the field blank.
@@ -999,6 +1028,8 @@ interface CardDetailsPanelLabels {
     cardFace: CardDetailsCardFaceLabels;
     fields: CardDetailsFieldLabels;
     actions: CardDetailsActionLabels;
+    nickname: CardDetailsNicknameLabels;
+    lock: CardDetailsLockLabels;
     credentials: CardDetailsCredentialsLabels;
     status: CardDetailsStatusScreenLabels;
 }
@@ -1087,6 +1118,19 @@ interface CardDetailsFeatureLabels {
      * API outcome, and because the panel closes as it fires.
      */
     activationConflictToast: string;
+    /**
+     * Toast shown when a lock change is refused because the card is no longer in
+     * a state that accepts one. Same reason as `activationConflictToast`: it is an
+     * API outcome, not something the panel can know.
+     */
+    lockConflictToast: string;
+    /** Confirmation toast after the nickname is saved. */
+    nicknameUpdatedToast: string;
+    /**
+     * Toast shown when a nickname save is refused because the card moved on. The
+     * editor closes as it fires, so the reader lands on the refetched name.
+     */
+    nicknameConflictToast: string;
     /**
      * Replaces the panel's generic reveal error when the credentials call was
      * refused (HTTP 403).

package/dist/libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index.js

@@ -4,5 +4,7 @@ import { useActivateCreditCardMutation as e, useActivateDebitCardMutation as t }
 import { useCreditCardDetailsQuery as n } from "./index6.js";
 import { useDebitCardCredentialsQuery as r } from "./index7.js";
 import { useDebitCardDetailsQuery as i } from "./index8.js";
-import { useVerifyDebitCardMutation as a } from "./index9.js";
-export { e as useActivateCreditCardMutation, t as useActivateDebitCardMutation, n as useCreditCardDetailsQuery, r as useDebitCardCredentialsQuery, i as useDebitCardDetailsQuery, a as useVerifyDebitCardMutation };
+import { useSetDebitCardLockStatusMutation as a } from "./index9.js";
+import { useUpdateDebitCardMutation as o } from "./index10.js";
+import { useVerifyDebitCardMutation as s } from "./index11.js";
+export { e as useActivateCreditCardMutation, t as useActivateDebitCardMutation, n as useCreditCardDetailsQuery, r as useDebitCardCredentialsQuery, i as useDebitCardDetailsQuery, a as useSetDebitCardLockStatusMutation, o as useUpdateDebitCardMutation, s as useVerifyDebitCardMutation };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index10.js

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { updateDebitCardMutation as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/index.js";
+import { resyncCardViews as r, resyncOnConflict as i } from "./index3.js";
+import { useMutation as a } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index10.js
+function o() {
+	let { client: o, organizationId: s } = e();
+	return a({
+		...n({
+			client: o,
+			headers: t(s)
+		}),
+		onSuccess: r({
+			client: o,
+			organizationId: s,
+			program: "debit"
+		}),
+		onError: i({
+			client: o,
+			organizationId: s,
+			program: "debit"
+		})
+	});
+}
+//#endregion
+export { o as useUpdateDebitCardMutation };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index11.js

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { verifyDebitCardMutation as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/index.js";
+import { resyncOnConflict as r } from "./index3.js";
+import { useMutation as i } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index11.js
+function a() {
+	let { client: a, organizationId: o } = e();
+	return i({
+		...n({
+			client: a,
+			headers: t(o)
+		}),
+		onError: r({
+			client: a,
+			organizationId: o,
+			program: "debit"
+		})
+	});
+}
+//#endregion
+export { a as useVerifyDebitCardMutation };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index9.js

@@ -4,24 +4,29 @@
 "use client";
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import { organizationHeaders as t } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
-import { verifyDebitCardMutation as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { setDebitCardLockStatusMutation as n } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "../../../shared/data-access/dist/index.js";
-import { resyncOnConflict as r } from "./index3.js";
-import { useMutation as i } from "@tanstack/react-query";
+import { resyncCardViews as r, resyncOnConflict as i } from "./index3.js";
+import { useMutation as a } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/data-access/dist/index9.js
-function a() {
-	let { client: a, organizationId: o } = e();
-	return i({
+function o() {
+	let { client: o, organizationId: s } = e();
+	return a({
 		...n({
-			client: a,
-			headers: t(o)
+			client: o,
+			headers: t(s)
 		}),
-		onError: r({
-			client: a,
-			organizationId: o,
+		onSuccess: r({
+			client: o,
+			organizationId: s,
+			program: "debit"
+		}),
+		onError: i({
+			client: o,
+			organizationId: s,
 			program: "debit"
 		})
 	});
 }
 //#endregion
-export { a as useVerifyDebitCardMutation };
+export { o as useSetDebitCardLockStatusMutation };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index.js

@@ -1,4 +1,4 @@
 import "./index5.js";
-import "./index6.js";
-import { CardDetailsWidget as e } from "./index8.js";
+import "./index7.js";
+import { CardDetailsWidget as e } from "./index13.js";
 export { e as CardDetailsWidget };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index10.js

@@ -0,0 +1,26 @@
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index10.js
+var r = "LOCKED", i = "PENDING_ACTIVATION", a = "CLOSED", o = { [n.Debit]: t.DebitCardLockOrg }, s = { [n.Debit]: t.DebitCardIssueOrg };
+function c(e) {
+	return e?.cardStatus === r;
+}
+function l({ card: t, cardProgram: n, scopes: r }) {
+	if (!t || t.cardStatus === a || t.cardType === "PHYSICAL" && t.cardStatus === i) return !1;
+	let s = o[n];
+	return s ? e(new Set(r ?? []), [s]) : !1;
+}
+function u({ card: t, cardProgram: n, scopes: r }) {
+	if (!t || t.cardStatus === a) return !1;
+	let i = s[n];
+	return i ? e(new Set(r ?? []), [i]) : !1;
+}
+function d({ draft: e, current: t }) {
+	let n = e.trim();
+	return n ? n !== (t?.trim() ?? "") : !1;
+}
+//#endregion
+export { u as canEditNickname, l as canLockCard, c as isCardLocked, d as isNicknameSaveable };

package/dist/libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index11.js

@@ -0,0 +1,63 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { isApiConflictError as t } from "../../../shared/data-access/dist/lib/isApiConflictError.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { useIdScopedRequest as n } from "./index8.js";
+import { useSetDebitCardLockStatusMutation as r } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { canLockCard as i, isCardLocked as a } from "./index10.js";
+import { useCallback as o, useState as s } from "react";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index11.js
+function c({ cardId: c, cardProgram: l, card: u, scopes: d, conflictToast: f }) {
+	let [p, m] = s("idle"), { claim: h, isStale: g } = n({
+		id: c,
+		reset: () => {
+			m("idle");
+		}
+	}), { mutateAsync: _ } = r(), v = i({
+		card: u,
+		cardProgram: l,
+		scopes: d
+	}), y = a(u), b = o(async (n) => {
+		if (!v) return;
+		m("pending");
+		let r = h();
+		try {
+			if (await _({
+				path: { id: c },
+				body: { locked: n }
+			}), g(r)) return;
+			m("idle");
+		} catch (n) {
+			if (g(r)) return;
+			if (t(n)) {
+				e.error(f), m("idle");
+				return;
+			}
+			m("errored");
+		}
+	}, [
+		v,
+		c,
+		h,
+		f,
+		g,
+		_
+	]), x = o(() => {
+		b(!0);
+	}, [b]), S = o(() => {
+		b(!1);
+	}, [b]);
+	return {
+		isLocked: y,
+		lockState: p,
+		onLockCard: v ? x : void 0,
+		onUnlockCard: v ? S : void 0
+	};
+}
+//#endregion
+export { c as useCardLock };