@tesouro/embedded-components-react 0.4.1 → 0.4.4

package/README.md

@@ -316,16 +316,16 @@ Details for one credit **or** debit card — status, form factor, program, maske
 
 #### 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, 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`.                                                                                                                                                                           |
+| 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 reader is finished with the widget: the details panel's close control, and **Done** on the activation success screen. Omit it and neither is rendered. The activation form keeps its own close either way, which returns to the details. |
+| `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

@@ -2970,6 +2970,9 @@
   .ttw\:pt-8 {
     padding-top: calc(var(--ttw-spacing) * 8);
   }
+  .ttw\:pt-10 {
+    padding-top: calc(var(--ttw-spacing) * 10);
+  }
   .ttw\:pt-12 {
     padding-top: calc(var(--ttw-spacing) * 12);
   }

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

@@ -17,16 +17,12 @@ function n({ apiStatus: n, dueDate: r, scheduledPaymentDate: i, hasScheduledPaym
 	};
 	let s = !!(e.has(n) && r && t(r, o));
 	switch (n) {
-		case "draft": return {
+		case "draft":
+		case "new": return {
 			status: "draft",
 			tone: "neutral",
 			isOverdue: s
 		};
-		case "new": return {
-			status: "finalized",
-			tone: "warning",
-			isOverdue: s
-		};
 		case "approve_in_progress": return {
 			status: "pending_approval",
 			tone: "warning",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.js

@@ -16,8 +16,8 @@ var e = {
 	e.Rejected,
 	e.Canceled
 ], n = {
-	[e.Draft]: ["draft"],
-	[e.PendingApproval]: ["new", "approve_in_progress"],
+	[e.Draft]: ["draft", "new"],
+	[e.PendingApproval]: ["approve_in_progress"],
 	[e.ReadyToPay]: ["waiting_to_be_paid"],
 	[e.PartiallyPaid]: ["partially_paid"],
 	[e.Paid]: ["paid"],

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js

@@ -61,6 +61,7 @@ function u({ open: u, onOpenChange: d, enabled: f = !0, canManageDuplicates: p =
 				id: e.id,
 				status: e.status,
 				statusTone: e.statusTone,
+				removalOutcome: e.removeBy === "delete" || e.removeBy === "cancel" ? e.removeBy : void 0,
 				invoiceNumberLabel: e.invoiceNumberLabel,
 				amountLabel: e.amountLabel,
 				invoiceDateLabel: e.invoiceDateLabel,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index18.js

@@ -1,7 +1,6 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index18.js
 var e = {
 	draft: "Draft",
-	finalized: "Finalized",
 	pending_approval: "Pending approval",
 	ready_to_pay: "Ready to pay",
 	scheduled: "Scheduled",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js

@@ -53,11 +53,17 @@ function v({ group: v, isBusy: y, labels: b }) {
 			}),
 			/* @__PURE__ */ l(i, {
 				className: m,
-				children: n.status && n.statusTone ? /* @__PURE__ */ l(c, {
-					status: n.status,
-					tone: n.statusTone,
-					labels: b.statusBadge
-				}) : null
+				children: /* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-0.5",
+					children: [n.status && n.statusTone ? /* @__PURE__ */ l(c, {
+						status: n.status,
+						tone: n.statusTone,
+						labels: b.statusBadge
+					}) : null, n.removalOutcome ? /* @__PURE__ */ l("span", {
+						className: "ttw:text-xs ttw:text-muted-foreground",
+						children: n.removalOutcome === "delete" ? b.removalOutcomeDelete : b.removalOutcomeCancel
+					}) : null]
+				})
 			}),
 			/* @__PURE__ */ l(i, {
 				className: m,
@@ -86,17 +92,17 @@ function v({ group: v, isBusy: y, labels: b }) {
 			children: [/* @__PURE__ */ u("p", {
 				className: "ttw:text-right ttw:text-sm ttw:text-muted-foreground",
 				children: [
-					b.removalHelperBeforeDraft,
+					b.removalHelperBeforeUnsubmitted,
 					/* @__PURE__ */ l("span", {
 						className: "ttw:font-semibold",
-						children: b.removalHelperDraft
+						children: b.removalHelperUnsubmitted
 					}),
 					b.removalHelperBetween,
 					/* @__PURE__ */ l("span", {
 						className: "ttw:font-semibold",
-						children: b.removalHelperFinalized
+						children: b.removalHelperSubmitted
 					}),
-					b.removalHelperAfterFinalized
+					b.removalHelperAfterSubmitted
 				]
 			}), S ? /* @__PURE__ */ u("div", {
 				className: `ttw:flex ttw:flex-wrap ttw:justify-end ${_}`,

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js

@@ -12,11 +12,13 @@ var t = {
 	columnAmount: "Amount",
 	columnActions: "Actions",
 	statusBadge: e,
-	removalHelperBeforeDraft: "Removing duplicates deletes ",
-	removalHelperDraft: "Draft",
-	removalHelperBetween: " bills, and cancels ",
-	removalHelperFinalized: "Finalized bills",
-	removalHelperAfterFinalized: ". This action cannot be undone.",
+	removalHelperBeforeUnsubmitted: "Removing duplicates deletes ",
+	removalHelperUnsubmitted: "bills not yet submitted",
+	removalHelperBetween: ", and cancels ",
+	removalHelperSubmitted: "ones already submitted",
+	removalHelperAfterSubmitted: ". This action cannot be undone.",
+	removalOutcomeDelete: "Deletes this bill",
+	removalOutcomeCancel: "Cancels this bill",
 	keepSelectedButton: "Keep selected files as their own file",
 	removeDuplicatesButton: "Remove selected duplicates",
 	emptyState: "No possible duplicates left to review.",

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

@@ -17,187 +17,190 @@ import { CardProgramValidity as m, resolveCanRevealCredentials as h, resolveCard
 import { activateCardPanelTestIds as ie, cardDetailsPanelTestIds as ae } from "./index6.js";
 import { useCreditCardDetailsQuery as oe } from "../../data-access/dist/index6.js";
 import { useDebitCardCredentialsQuery as se } from "../../data-access/dist/index7.js";
-import { useDebitCardDetailsQuery as ce } from "../../data-access/dist/index8.js";
+import { useDebitCardDetailsQuery as g } from "../../data-access/dist/index8.js";
 import "../../data-access/dist/index.js";
-import { CardDetailsPanel as le } from "../../ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js";
-import { ActivateCardPanel as g } from "../../ui/dist/lib/ActivateCardPanel/ActivateCardPanel.js";
+import { CardDetailsPanel as ce } from "../../ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js";
+import { ActivateCardPanel as le } from "../../ui/dist/lib/ActivateCardPanel/ActivateCardPanel.js";
 import "../../ui/dist/index.js";
 import { useActivateCard as ue } from "./index9.js";
-import { useCardLock as _ } from "./index11.js";
-import { useEditCardNickname as de } from "./index12.js";
-import { useCallback as v, useEffect as y, useMemo as b, useState as x } from "react";
-import { Fragment as fe, jsx as S, jsxs as pe } from "react/jsx-runtime";
+import { useCardLock as de } from "./index11.js";
+import { useEditCardNickname as fe } from "./index12.js";
+import { useCallback as _, useEffect as v, useMemo as y, useState as pe } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index13.js
-function C({ cardId: r, cardProgram: u, onClose: C, labels: w, activateLabels: T, featureLabels: E, bankLogoSrc: D, bankLogoAlt: O }) {
-	let k = n(), A = o(), j = i(), { initResponse: M } = a();
-	y(() => {
-		k(l.Mounted);
-	}, [k]);
-	let N = b(() => c(E), [E]), P = re(u), F = u === s.Credit, I = u === s.Debit, L = oe({
+function C({ cardId: r, cardProgram: u, onClose: C, labels: w, activateLabels: me, featureLabels: T, bankLogoSrc: E, bankLogoAlt: D }) {
+	let O = n(), k = o(), A = i(), { initResponse: j } = a();
+	v(() => {
+		O(l.Mounted);
+	}, [O]);
+	let M = y(() => c(T), [T]), N = re(u), P = u === s.Credit, F = u === s.Debit, I = oe({
 		cardId: r,
-		enabled: F
-	}), R = ce({
+		enabled: P
+	}), L = g({
 		cardId: r,
-		enabled: I
-	}), { data: z, isError: me, isNotFound: he, refetch: B } = F ? L : R, V = ee({
-		programValidity: P,
-		isNotFound: he,
-		isError: !!A || me,
-		hasCard: !!z
+		enabled: F
+	}), { data: R, isError: he, isNotFound: ge, refetch: z } = P ? I : L, B = ee({
+		programValidity: N,
+		isNotFound: ge,
+		isError: !!k || he,
+		hasCard: !!R
 	});
-	y(() => {
-		if (P === m.Supported) return;
+	v(() => {
+		if (N === m.Supported) return;
 		let e = `"${s.Credit}" or "${s.Debit}"`;
-		console.error(P === m.Missing ? `[CardDetailsWidget] cardProgram is required and was not set. Pass ${e} — it selects which card program to read, so there is no default. No card was fetched.` : `[CardDetailsWidget] cardProgram must be ${e}, received ${JSON.stringify(u)}. No card was fetched.`);
-	}, [u, P]);
-	let [ge, H] = x(), U = ge === r;
-	y(() => {
-		H(void 0);
+		console.error(N === m.Missing ? `[CardDetailsWidget] cardProgram is required and was not set. Pass ${e} — it selects which card program to read, so there is no default. No card was fetched.` : `[CardDetailsWidget] cardProgram must be ${e}, received ${JSON.stringify(u)}. No card was fetched.`);
+	}, [u, N]);
+	let [_e, V] = pe(), H = _e === r;
+	v(() => {
+		V(void 0);
 	}, [r]);
-	let W = h({
-		panelState: V,
+	let U = h({
+		panelState: B,
 		cardProgram: u,
-		cardStatus: z?.cardStatus
+		cardStatus: R?.cardStatus
 	});
-	y(() => {
-		U && !W && H(void 0);
-	}, [U, W]);
-	let G = se({
+	v(() => {
+		H && !U && V(void 0);
+	}, [H, U]);
+	let W = se({
 		cardId: r,
-		enabled: W && U
-	}), K = ne({
-		isRevealRequested: U,
-		isError: G.isError,
-		hasCredentials: !!G.data
-	}), q = b(() => V === "loaded" && z ? te({
-		card: z,
+		enabled: U && H
+	}), G = ne({
+		isRevealRequested: H,
+		isError: W.isError,
+		hasCredentials: !!W.data
+	}), K = y(() => B === "loaded" && R ? te({
+		card: R,
 		cardProgram: u,
-		labels: N
+		labels: M
 	}) : void 0, [
-		z,
+		R,
 		u,
-		N,
-		V
-	]), _e = v(async (t) => {
-		await d(t) && (e.success(N.copySuccessToast), k(l.ValueCopied));
-	}, [N.copySuccessToast, k]), J = V === "loaded" ? z : void 0, Y = ue({
+		M,
+		B
+	]), ve = _(async (t) => {
+		await d(t) && (e.success(M.copySuccessToast), O(l.ValueCopied));
+	}, [M.copySuccessToast, O]), q = B === "loaded" ? R : void 0, J = ue({
 		cardId: r,
 		cardProgram: u,
-		card: J,
-		scopes: M?.scopes,
-		conflictToast: N.activationConflictToast
-	}), X = _({
+		card: q,
+		scopes: j?.scopes,
+		conflictToast: M.activationConflictToast
+	}), Y = de({
 		cardId: r,
 		cardProgram: u,
-		card: J,
-		scopes: M?.scopes,
-		conflictToast: N.lockConflictToast
-	}), Z = de({
+		card: q,
+		scopes: j?.scopes,
+		conflictToast: M.lockConflictToast
+	}), X = fe({
 		cardId: r,
 		cardProgram: u,
-		card: J,
-		nickname: q?.nickname,
-		scopes: M?.scopes,
-		conflictToast: N.nicknameConflictToast,
-		successToast: N.nicknameUpdatedToast
-	}), { refetch: Q } = G, ve = v(() => {
-		if (U) {
-			Q();
+		card: q,
+		nickname: K?.nickname,
+		scopes: j?.scopes,
+		conflictToast: M.nicknameConflictToast,
+		successToast: M.nicknameUpdatedToast
+	}), { refetch: Z } = W, ye = _(() => {
+		if (H) {
+			Z();
 			return;
 		}
-		H(r);
+		V(r);
 	}, [
 		r,
-		U,
-		Q
-	]), ye = v(() => {
-		H(void 0);
-	}, []), be = v(() => {
-		H(void 0), C?.();
-	}, [C]), xe = b(() => G.isForbidden ? {
+		H,
+		Z
+	]), be = _(() => {
+		V(void 0);
+	}, []), Q = _(() => {
+		V(void 0), C?.();
+	}, [C]), xe = _(() => {
+		J.close(), Q();
+	}, [J.close, Q]), Se = y(() => W.isForbidden ? {
 		...w,
 		credentials: {
 			...w?.credentials,
-			errorDescription: N.revealNotPermittedDescription
+			errorDescription: M.revealNotPermittedDescription
 		}
 	} : w, [
-		G.isForbidden,
+		W.isForbidden,
 		w,
-		N.revealNotPermittedDescription
-	]), $ = b(() => {
-		if (!(K !== "revealed" || !G.data)) return {
-			cardNumber: f(G.data.pan),
-			expirationDate: p(G.data.expirationDate),
-			securityCode: G.data.cvv
+		M.revealNotPermittedDescription
+	]), $ = y(() => {
+		if (!(G !== "revealed" || !W.data)) return {
+			cardNumber: f(W.data.pan),
+			expirationDate: p(W.data.expirationDate),
+			securityCode: W.data.cvv
 		};
-	}, [G.data, K]), Se = v(() => {
-		if (A) {
-			j();
+	}, [W.data, G]), Ce = _(() => {
+		if (k) {
+			A();
 			return;
 		}
-		B();
+		z();
 	}, [
-		B,
-		j,
-		A
+		z,
+		A,
+		k
 	]);
-	return /* @__PURE__ */ pe(fe, { children: [/* @__PURE__ */ S(t, {}), Y.isOpen ? /* @__PURE__ */ S(g, {
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(t, {}), J.isOpen ? /* @__PURE__ */ x(le, {
 		testIds: ie,
-		labels: T,
-		state: Y.state,
-		values: Y.values,
-		errors: Y.errors,
-		isSubmitDisabled: Y.isSubmitDisabled,
-		onValuesChange: Y.onValuesChange,
-		onSubmit: Y.onSubmit,
-		onClose: Y.close,
-		bankLogoSrc: D,
-		bankLogoAlt: O,
-		cardholderName: q?.cardholderName,
-		maskedCardNumber: q?.maskedCardNumber,
-		programLabel: q?.programLabel
-	}) : /* @__PURE__ */ S(le, {
+		labels: me,
+		state: J.state,
+		values: J.values,
+		errors: J.errors,
+		isSubmitDisabled: J.isSubmitDisabled,
+		onValuesChange: J.onValuesChange,
+		onSubmit: J.onSubmit,
+		onClose: J.close,
+		onDone: C ? xe : void 0,
+		bankLogoSrc: E,
+		bankLogoAlt: D,
+		cardholderName: K?.cardholderName,
+		maskedCardNumber: K?.maskedCardNumber,
+		programLabel: K?.programLabel
+	}) : /* @__PURE__ */ x(ce, {
 		testIds: ae,
-		labels: xe,
-		state: V,
-		nickname: q?.nickname,
-		statusLabel: q?.statusLabel,
-		statusTone: q?.statusTone,
-		formFactorLabel: q?.formFactorLabel,
-		onClose: C ? be : void 0,
-		bankLogoSrc: D,
-		bankLogoAlt: O,
-		cardholderName: q?.cardholderName,
-		maskedCardNumber: q?.maskedCardNumber,
-		programLabel: q?.programLabel,
-		billingAddress: q?.billingAddress,
-		allowedCategories: q?.allowedCategories,
-		spendLimitLabels: q?.spendLimitLabels,
-		perTransactionMaxLabel: q?.perTransactionMaxLabel,
-		onCopy: _e,
-		onEditNickname: Z.onEditNickname,
-		nicknameEditState: Z.editState,
-		nicknameDraft: Z.draft,
-		onNicknameDraftChange: Z.onDraftChange,
-		onSaveNickname: Z.onSave,
-		onCancelNicknameEdit: Z.onCancel,
-		isNicknameSaveDisabled: Z.isSaveDisabled,
-		onActivate: Y.canActivate ? Y.open : void 0,
-		onViewCard: W ? ve : void 0,
-		onHideCard: W ? ye : void 0,
-		revealState: K,
+		labels: Se,
+		state: B,
+		nickname: K?.nickname,
+		statusLabel: K?.statusLabel,
+		statusTone: K?.statusTone,
+		formFactorLabel: K?.formFactorLabel,
+		onClose: C ? Q : void 0,
+		bankLogoSrc: E,
+		bankLogoAlt: D,
+		cardholderName: K?.cardholderName,
+		maskedCardNumber: K?.maskedCardNumber,
+		programLabel: K?.programLabel,
+		billingAddress: K?.billingAddress,
+		allowedCategories: K?.allowedCategories,
+		spendLimitLabels: K?.spendLimitLabels,
+		perTransactionMaxLabel: K?.perTransactionMaxLabel,
+		onCopy: ve,
+		onEditNickname: X.onEditNickname,
+		nicknameEditState: X.editState,
+		nicknameDraft: X.draft,
+		onNicknameDraftChange: X.onDraftChange,
+		onSaveNickname: X.onSave,
+		onCancelNicknameEdit: X.onCancel,
+		isNicknameSaveDisabled: X.isSaveDisabled,
+		onActivate: J.canActivate ? J.open : void 0,
+		onViewCard: U ? ye : void 0,
+		onHideCard: U ? be : void 0,
+		revealState: G,
 		revealedCardNumber: $?.cardNumber,
 		revealedExpirationDate: $?.expirationDate,
 		revealedSecurityCode: $?.securityCode,
-		isLocked: X.isLocked,
-		lockState: X.lockState,
-		onLockCard: X.onLockCard,
-		onUnlockCard: X.onUnlockCard,
-		onRetry: P === m.Supported ? Se : void 0
+		isLocked: Y.isLocked,
+		lockState: Y.lockState,
+		onLockCard: Y.onLockCard,
+		onUnlockCard: Y.onUnlockCard,
+		onRetry: N === m.Supported ? Ce : void 0
 	})] });
 }
 function w({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ S(r, {
+	return /* @__PURE__ */ x(r, {
 		widgetName: u,
 		baseUrl: e,
 		widgetToken: t,
@@ -212,7 +215,7 @@ function w({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gat
 		analytics: f,
 		disclosuresAcceptance: p,
 		providerLabels: m,
-		children: /* @__PURE__ */ S(C, { ...h })
+		children: /* @__PURE__ */ x(C, { ...h })
 	});
 }
 //#endregion

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

@@ -23,68 +23,69 @@ function O(e, t) {
 		default: return;
 	}
 }
-function k({ labels: p, state: m = "idle", values: k = h, onValuesChange: A, errors: j = D, isSubmitDisabled: M = !0, onSubmit: N, onClose: P, bankLogoSrc: F, bankLogoAlt: I, cardholderName: L, maskedCardNumber: R, programLabel: z, testIds: B, className: V }) {
-	let H = x(() => f(p), [p]), U = b(), W = b(), G = b(), K = b(), q = m === "submitting", J = O(j.expirationDate, H.validation), Y = O(j.form, H.validation);
+function k({ labels: p, state: m = "idle", values: k = h, onValuesChange: A, errors: j = D, isSubmitDisabled: M = !0, onSubmit: N, onClose: P, onDone: F, bankLogoSrc: I, bankLogoAlt: L, cardholderName: R, maskedCardNumber: z, programLabel: B, testIds: V, className: H }) {
+	let U = x(() => f(p), [p]), W = b(), G = b(), K = b(), q = b(), J = m === "submitting", Y = O(j.expirationDate, U.validation), X = O(j.form, U.validation);
 	return /* @__PURE__ */ C("div", {
-		"data-testid": B?.root,
-		className: l("ttw:flex ttw:w-full ttw:flex-col", V),
+		"data-testid": V?.root,
+		className: l("ttw:flex ttw:w-full ttw:flex-col", H),
 		children: [/* @__PURE__ */ C("div", {
 			className: "ttw:flex ttw:items-start ttw:gap-1.5 ttw:px-4 ttw:pt-4 ttw:pb-3",
 			children: [/* @__PURE__ */ S("h2", {
 				className: "ttw:min-w-0 ttw:flex-1 ttw:text-2xl ttw:font-semibold ttw:tracking-[-0.6px] ttw:text-foreground",
-				children: H.header.title
+				children: U.header.title
 			}), P ? /* @__PURE__ */ S(e, {
 				type: "button",
 				variant: "ghost",
 				size: "icon",
 				className: "ttw:size-8 ttw:shrink-0",
-				"aria-label": H.header.closeAriaLabel,
+				"aria-label": U.header.closeAriaLabel,
 				onClick: P,
 				children: /* @__PURE__ */ S(E, { className: "ttw:size-4" })
 			}) : null]
 		}), m === "succeeded" ? /* @__PURE__ */ S(v, {
-			labels: H.status,
-			testIds: B?.successView
+			labels: U.status,
+			onDone: F,
+			testIds: V?.successView
 		}) : /* @__PURE__ */ C("form", {
 			noValidate: !0,
 			onSubmit: (e) => {
-				e.preventDefault(), !(M || q) && N?.();
+				e.preventDefault(), !(M || J) && N?.();
 			},
 			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-4 ttw:pb-4",
 			children: [
 				/* @__PURE__ */ S("div", {
 					className: "ttw:flex ttw:justify-center",
 					children: /* @__PURE__ */ S(d, {
-						bankLogoSrc: F,
-						bankLogoAlt: I ?? H.cardFace.bankLogoAlt,
-						cardholderName: L ?? "",
-						maskedCardNumber: R ?? "",
-						programLabel: z ?? "",
-						testIds: B?.cardFace
+						bankLogoSrc: I,
+						bankLogoAlt: L ?? U.cardFace.bankLogoAlt,
+						cardholderName: R ?? "",
+						maskedCardNumber: z ?? "",
+						programLabel: B ?? "",
+						testIds: V?.cardFace
 					})
 				}),
 				/* @__PURE__ */ C("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 					children: [
 						/* @__PURE__ */ S(n, {
-							htmlFor: U,
+							htmlFor: W,
 							className: "ttw:text-sm ttw:font-medium",
-							children: H.fields.expirationDate
+							children: U.fields.expirationDate
 						}),
 						/* @__PURE__ */ S(t, {
-							id: U,
+							id: W,
 							value: k.expirationDate,
-							placeholder: H.fields.expirationDatePlaceholder,
-							disabled: q,
+							placeholder: U.fields.expirationDatePlaceholder,
+							disabled: J,
 							inputMode: "numeric",
 							autoComplete: "off",
-							"aria-invalid": J ? !0 : void 0,
-							"aria-describedby": J ? W : void 0,
+							"aria-invalid": Y ? !0 : void 0,
+							"aria-describedby": Y ? G : void 0,
 							onChange: (e) => A?.({ expirationDate: _(e.target.value) })
 						}),
 						/* @__PURE__ */ S(y, {
-							id: W,
-							message: J
+							id: G,
+							message: Y
 						})
 					]
 				}),
@@ -94,46 +95,46 @@ function k({ labels: p, state: m = "idle", values: k = h, onValuesChange: A, err
 						/* @__PURE__ */ C("div", {
 							className: "ttw:flex ttw:items-center ttw:gap-1.5",
 							children: [/* @__PURE__ */ S(n, {
-								htmlFor: G,
+								htmlFor: K,
 								className: "ttw:text-sm ttw:font-medium",
-								children: H.fields.securityCode
+								children: U.fields.securityCode
 							}), /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(c, {
 								type: "button",
 								className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-help ttw:text-muted-foreground",
-								"aria-label": H.fields.securityCodeInfoAriaLabel,
+								"aria-label": U.fields.securityCodeInfoAriaLabel,
 								children: /* @__PURE__ */ S(T, { className: "ttw:size-4" })
 							}), /* @__PURE__ */ S(o, {
 								className: "ttw:max-w-xs",
-								children: H.fields.securityCodeInfo
+								children: U.fields.securityCodeInfo
 							})] }) })]
 						}),
 						/* @__PURE__ */ S(t, {
-							id: G,
+							id: K,
 							value: k.securityCode,
-							placeholder: H.fields.securityCodePlaceholder,
-							"aria-describedby": K,
-							disabled: q,
+							placeholder: U.fields.securityCodePlaceholder,
+							"aria-describedby": q,
+							disabled: J,
 							inputMode: "numeric",
 							autoComplete: "off",
 							maxLength: 4,
 							onChange: (e) => A?.({ securityCode: g(e.target.value, 4) })
 						}),
 						/* @__PURE__ */ S("span", {
-							id: K,
+							id: q,
 							className: "ttw:sr-only",
-							children: H.fields.securityCodeInfo
+							children: U.fields.securityCodeInfo
 						})
 					]
 				}),
 				/* @__PURE__ */ S(r, {}),
-				m === "errored" || Y ? /* @__PURE__ */ S(u, { children: Y ?? H.status.errorDescription }) : null,
+				m === "errored" || X ? /* @__PURE__ */ S(u, { children: X ?? U.status.errorDescription }) : null,
 				/* @__PURE__ */ C(e, {
 					type: "submit",
 					className: "ttw:w-full",
-					disabled: M || q,
+					disabled: M || J,
 					children: [
-						q ? /* @__PURE__ */ S(i, { "aria-label": H.status.submittingAriaLabel }) : null,
-						H.status.submit,
+						J ? /* @__PURE__ */ S(i, { "aria-label": U.status.submittingAriaLabel }) : null,
+						U.status.submit,
 						/* @__PURE__ */ S(w, { className: "ttw:size-4" })
 					]
 				})

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

@@ -1,26 +1,38 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { CheckIcon as n } from "lucide-react";
+import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CheckIcon as r, ChevronRightIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/ActivateCardSuccessView.js
-function r({ labels: r, testIds: i }) {
-	return /* @__PURE__ */ t("div", {
-		"data-testid": i?.root,
-		className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-10 ttw:text-center",
-		children: [
-			/* @__PURE__ */ e("div", {
-				"aria-hidden": "true",
-				className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:bg-emerald-700 ttw:text-white",
-				children: /* @__PURE__ */ e(n, { className: "ttw:size-5" })
-			}),
-			/* @__PURE__ */ e("h3", {
-				className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
-				children: r.successTitle
-			}),
-			/* @__PURE__ */ e("p", {
-				className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
-				children: r.successDescription
+function a({ labels: a, onDone: o, testIds: s }) {
+	return /* @__PURE__ */ n("div", {
+		"data-testid": s?.root,
+		className: "ttw:flex ttw:flex-col",
+		children: [/* @__PURE__ */ n("div", {
+			className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:px-4 ttw:pt-10 ttw:pb-8 ttw:text-center",
+			children: [
+				/* @__PURE__ */ t("div", {
+					"aria-hidden": "true",
+					className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:bg-emerald-700 ttw:text-white",
+					children: /* @__PURE__ */ t(r, { className: "ttw:size-5" })
+				}),
+				/* @__PURE__ */ t("h3", {
+					className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
+					children: a.successTitle
+				}),
+				/* @__PURE__ */ t("p", {
+					className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
+					children: a.successDescription
+				})
+			]
+		}), o ? /* @__PURE__ */ t("div", {
+			className: "ttw:px-4 ttw:pb-4",
+			children: /* @__PURE__ */ n(e, {
+				type: "button",
+				className: "ttw:w-full",
+				onClick: o,
+				children: [a.done, /* @__PURE__ */ t(i, { className: "ttw:size-4" })]
 			})
-		]
+		}) : null]
 	});
 }
 //#endregion
-export { r as ActivateCardSuccessView };
+export { a as ActivateCardSuccessView };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index523.js

@@ -40,7 +40,7 @@ var v = ({ inlineLineItems: v, title: y, onClose: b }) => {
 			children: [/* @__PURE__ */ h("div", {
 				className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-1.5",
 				children: [/* @__PURE__ */ h("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
 					children: [/* @__PURE__ */ m(o, {
 						variant: "h4",
 						children: x._("Do you want to also save these items?")
@@ -52,7 +52,7 @@ var v = ({ inlineLineItems: v, title: y, onClose: b }) => {
 				}), /* @__PURE__ */ m(n, {
 					type: "button",
 					variant: "ghost",
-					className: "ttw:text-primary ttw:hover:text-primary",
+					className: "ttw:shrink-0 ttw:text-primary ttw:hover:text-primary",
 					disabled: A,
 					onClick: N ? F : P,
 					children: N ? x._("Deselect all") : x._("Select all")
@@ -82,13 +82,16 @@ var v = ({ inlineLineItems: v, title: y, onClose: b }) => {
 							disabled: A,
 							"aria-label": t.product.name
 						}), /* @__PURE__ */ h("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1",
 							children: [/* @__PURE__ */ m(o, {
 								variant: "caption",
+								className: "ttw:truncate",
+								title: t.product.name,
 								children: t.product.name
 							}), /* @__PURE__ */ m(o, {
 								variant: "caption",
 								color: "muted",
+								className: "ttw:truncate",
 								children: L(t)
 							})]
 						})]

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.4.1", n = "d57ee0d8bb5b762f890ffc20d4293be04981e232", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.4.4", n = "5f9f94fa0e8bab712971e7f419dae870c303fbff", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.4.1",
+  "version": "0.4.4",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {