@tesouro/embedded-components-react 0.3.52 → 0.3.53

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

@@ -1,165 +1,22 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmbeddedToaster as t } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useRefetchWidget as i, useWidgetError as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { CardProgram as o } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+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";
-import { resolveCardDetailsFeatureLabels as s } from "./index5.js";
-import { CardDetailsWidgetAnalyticsEvent as c, WIDGET_NAME as l } from "./index2.js";
-import { copyTextToClipboard as u, formatCardNumber as d, formatExpirationDate as f } from "./index3.js";
-import { CardProgramValidity as p, resolveCanRevealCredentials as m, resolveCardDetailsPanelState as h, resolveCardDetailsPresentation as ee, resolveCardDetailsRevealState as te, resolveCardProgramValidity as g } from "./index4.js";
-import { useCreditCardDetailsQuery as _ } from "../../data-access/dist/index4.js";
-import { useDebitCardCredentialsQuery as v } from "../../data-access/dist/index5.js";
-import { useDebitCardDetailsQuery as y } from "../../data-access/dist/index6.js";
-import "../../data-access/dist/index.js";
-import { CardDetailsPanel as b } from "../../ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js";
-import "../../ui/dist/index.js";
-import { useCallback as x, useEffect as S, useMemo as C, useState as ne } from "react";
-import { Fragment as w, jsx as T, jsxs as re } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js
-function E({ cardId: r, cardProgram: l, onClose: E, labels: D, featureLabels: O, bankLogoSrc: k, bankLogoAlt: A }) {
-	let j = n(), M = a(), N = i();
-	S(() => {
-		j(c.Mounted);
-	}, [j]);
-	let P = C(() => s(O), [O]), F = g(l), I = l === o.Credit, L = l === o.Debit, R = _({
-		cardId: r,
-		enabled: I
-	}), z = y({
-		cardId: r,
-		enabled: L
-	}), { data: B, isError: V, isNotFound: H, refetch: U } = I ? R : z, W = h({
-		programValidity: F,
-		isNotFound: H,
-		isError: !!M || V,
-		hasCard: !!B
-	});
-	S(() => {
-		if (F === p.Supported) return;
-		let e = `"${o.Credit}" or "${o.Debit}"`;
-		console.error(F === p.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(l)}. No card was fetched.`);
-	}, [l, F]);
-	let [G, K] = ne(), q = G === r;
-	S(() => {
-		K(void 0);
-	}, [r]);
-	let J = m({
-		panelState: W,
-		cardProgram: l,
-		cardStatus: B?.cardStatus
-	});
-	S(() => {
-		q && !J && K(void 0);
-	}, [q, J]);
-	let Y = v({
-		cardId: r,
-		enabled: J && q
-	}), X = te({
-		isRevealRequested: q,
-		isError: Y.isError,
-		hasCredentials: !!Y.data
-	}), Z = C(() => W === "loaded" && B ? ee({
-		card: B,
-		cardProgram: l,
-		labels: P
-	}) : void 0, [
-		B,
-		l,
-		P,
-		W
-	]), ie = x(async (t) => {
-		await u(t) && (e.success(P.copySuccessToast), j(c.ValueCopied));
-	}, [P.copySuccessToast, j]), { refetch: Q } = Y, ae = x(() => {
-		if (q) {
-			Q();
-			return;
-		}
-		K(r);
-	}, [
-		r,
-		q,
-		Q
-	]), oe = x(() => {
-		K(void 0);
-	}, []), se = x(() => {
-		K(void 0), E?.();
-	}, [E]), ce = C(() => Y.isForbidden ? {
-		...D,
-		credentials: {
-			...D?.credentials,
-			errorDescription: P.revealNotPermittedDescription
-		}
-	} : D, [
-		Y.isForbidden,
-		D,
-		P.revealNotPermittedDescription
-	]), $ = C(() => {
-		if (!(X !== "revealed" || !Y.data)) return {
-			cardNumber: d(Y.data.pan),
-			expirationDate: f(Y.data.expirationDate),
-			securityCode: Y.data.cvv
-		};
-	}, [Y.data, X]), le = x(() => {
-		if (M) {
-			N();
-			return;
-		}
-		U();
-	}, [
-		U,
-		N,
-		M
-	]);
-	return /* @__PURE__ */ re(w, { children: [/* @__PURE__ */ T(t, {}), /* @__PURE__ */ T(b, {
-		labels: ce,
-		state: W,
-		nickname: Z?.nickname,
-		statusLabel: Z?.statusLabel,
-		statusTone: Z?.statusTone,
-		formFactorLabel: Z?.formFactorLabel,
-		onClose: E ? se : void 0,
-		bankLogoSrc: k,
-		bankLogoAlt: A,
-		cardholderName: Z?.cardholderName,
-		maskedCardNumber: Z?.maskedCardNumber,
-		programLabel: Z?.programLabel,
-		allowedCategories: Z?.allowedCategories,
-		spendLimitLabels: Z?.spendLimitLabels,
-		perTransactionMaxLabel: Z?.perTransactionMaxLabel,
-		onCopy: ie,
-		onViewCard: J ? ae : void 0,
-		onHideCard: J ? oe : void 0,
-		revealState: X,
-		revealedCardNumber: $?.cardNumber,
-		revealedExpirationDate: $?.expirationDate,
-		revealedSecurityCode: $?.securityCode,
-		onRetry: F === p.Supported ? le : void 0
-	})] });
+var r = {
+	[n.Credit]: t.CreditCardActivateOrg,
+	[n.Debit]: t.DebitCardActivateOrg
+};
+function i({ card: t, cardProgram: n, scopes: i }) {
+	if (!t || t.cardType !== "PHYSICAL" || t.cardStatus !== "PENDING_ACTIVATION") return !1;
+	let a = r[n];
+	return a ? e(new Set(i ?? []), [a]) : !1;
 }
-function D({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ T(r, {
-		widgetName: l,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: i,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: p,
-		providerLabels: m,
-		children: /* @__PURE__ */ T(E, { ...h })
-	});
+var a = 4;
+function o(e) {
+	let t = e.replace(/\D/g, "");
+	if (t.length === a) return `${t.slice(0, 2)}-${t.slice(2)}`;
 }
 //#endregion
-export { D as CardDetailsWidget, D as default };
+export { r as ACTIVATE_SCOPE_BY_PROGRAM, i as canActivateCard, o as toCardFaceExpirationDate };

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

@@ -0,0 +1,107 @@
+"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 { isApiUnprocessableError as n } from "../../../shared/data-access/dist/lib/isApiUnprocessableError.js";
+import "../../../shared/data-access/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { CardProgram as r } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+import { canActivateCard as i, toCardFaceExpirationDate as a } from "./index6.js";
+import { useActivateCreditCardMutation as o, useActivateDebitCardMutation as s } from "../../data-access/dist/index4.js";
+import { useVerifyDebitCardMutation as c } from "../../data-access/dist/index9.js";
+import "../../data-access/dist/index.js";
+import { ActivateCardFormError as l, EMPTY_ACTIVATE_CARD_FORM_VALUES as u, validateActivateCardForm as d } from "../../ui/dist/lib/ActivateCardPanel/validation.js";
+import "../../ui/dist/index.js";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index7.js
+function _({ cardId: _, cardProgram: v, card: y, scopes: b, conflictToast: x }) {
+	let [S, C] = g(!1), [w, T] = g(u), [E, D] = g("idle"), [O, k] = g(!1), A = h(null), [j, M] = g(_);
+	_ !== j && (M(_), A.current = null, C(!1), T(u), D("idle"), k(!1));
+	let { mutateAsync: N } = c(), { mutateAsync: P } = o(), { mutateAsync: F } = s(), I = i({
+		card: y,
+		cardProgram: v,
+		scopes: b
+	}), L = m(() => d(w), [w]), R = m(() => ({
+		...L.errors,
+		...O ? { form: l.VerificationRejected } : {}
+	}), [O, L.errors]), z = f(() => {
+		C(!0);
+	}, []), B = f(() => {
+		C(!1), A.current = null, T(u), D("idle"), k(!1);
+	}, []), V = f((e) => {
+		T((t) => ({
+			...t,
+			...e
+		}));
+	}, []);
+	p(() => {
+		!S || I || E !== "succeeded" && E !== "submitting" && (e.error(x), B());
+	}, [
+		I,
+		B,
+		x,
+		S,
+		E
+	]);
+	let H = f(async () => {
+		if (!I || !d(w).isValid) return;
+		let i = v === r.Credit, o = v === r.Debit;
+		if (!i && !o) return;
+		D("submitting"), k(!1), A.current = _;
+		let s = () => A.current !== _;
+		try {
+			if (o) {
+				let e = a(w.expirationDate);
+				if (!e) {
+					D("errored");
+					return;
+				}
+				await N({
+					path: { id: _ },
+					body: {
+						expirationDate: e,
+						cvv: w.securityCode
+					}
+				});
+			}
+			if (s() || (i ? await P({ path: { id: _ } }) : await F({ path: { id: _ } }), s())) return;
+			D("succeeded");
+		} catch (r) {
+			if (s()) return;
+			if (t(r)) {
+				e.error(x), B();
+				return;
+			}
+			n(r) && k(!0), D("errored");
+		}
+	}, [
+		P,
+		F,
+		I,
+		_,
+		v,
+		B,
+		x,
+		w,
+		N
+	]), U = f(() => {
+		H();
+	}, [H]);
+	return {
+		canActivate: I,
+		isOpen: S,
+		open: z,
+		close: B,
+		values: w,
+		errors: R,
+		state: E,
+		isSubmitDisabled: !I || !L.isValid || E === "submitting",
+		onValuesChange: V,
+		onSubmit: U
+	};
+}
+//#endregion
+export { _ as useActivateCard };

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

@@ -0,0 +1,188 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmbeddedToaster as t } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useRefetchWidget as i, useWidgetConfig as a, useWidgetError as o } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { CardProgram as s } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+import { resolveCardDetailsFeatureLabels as c } from "./index5.js";
+import { CardDetailsWidgetAnalyticsEvent as l, WIDGET_NAME as u } from "./index2.js";
+import { copyTextToClipboard as d, formatCardNumber as f, formatExpirationDate as p } from "./index3.js";
+import { CardProgramValidity as m, resolveCanRevealCredentials as h, resolveCardDetailsPanelState as ee, resolveCardDetailsPresentation as te, resolveCardDetailsRevealState as ne, resolveCardProgramValidity as re } from "./index4.js";
+import { useCreditCardDetailsQuery as ie } from "../../data-access/dist/index6.js";
+import { useDebitCardCredentialsQuery as g } from "../../data-access/dist/index7.js";
+import { useDebitCardDetailsQuery as _ } from "../../data-access/dist/index8.js";
+import "../../data-access/dist/index.js";
+import { CardDetailsPanel as ae } from "../../ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js";
+import { ActivateCardPanel as v } from "../../ui/dist/lib/ActivateCardPanel/ActivateCardPanel.js";
+import "../../ui/dist/index.js";
+import { useActivateCard as y } from "./index7.js";
+import { useCallback as b, useEffect as x, useMemo as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as oe } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index8.js
+function E({ cardId: r, cardProgram: u, onClose: E, labels: D, activateLabels: se, featureLabels: O, bankLogoSrc: k, bankLogoAlt: A }) {
+	let j = n(), M = o(), N = i(), { initResponse: ce } = a();
+	x(() => {
+		j(l.Mounted);
+	}, [j]);
+	let P = S(() => c(O), [O]), F = re(u), I = u === s.Credit, L = u === s.Debit, R = ie({
+		cardId: r,
+		enabled: I
+	}), z = _({
+		cardId: r,
+		enabled: L
+	}), { data: B, isError: V, isNotFound: H, refetch: U } = I ? R : z, W = ee({
+		programValidity: F,
+		isNotFound: H,
+		isError: !!M || V,
+		hasCard: !!B
+	});
+	x(() => {
+		if (F === m.Supported) return;
+		let e = `"${s.Credit}" or "${s.Debit}"`;
+		console.error(F === 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, F]);
+	let [le, G] = C(), K = le === r;
+	x(() => {
+		G(void 0);
+	}, [r]);
+	let q = h({
+		panelState: W,
+		cardProgram: u,
+		cardStatus: B?.cardStatus
+	});
+	x(() => {
+		K && !q && G(void 0);
+	}, [K, q]);
+	let J = g({
+		cardId: r,
+		enabled: q && K
+	}), Y = ne({
+		isRevealRequested: K,
+		isError: J.isError,
+		hasCredentials: !!J.data
+	}), X = S(() => W === "loaded" && B ? te({
+		card: B,
+		cardProgram: u,
+		labels: P
+	}) : void 0, [
+		B,
+		u,
+		P,
+		W
+	]), ue = b(async (t) => {
+		await d(t) && (e.success(P.copySuccessToast), j(l.ValueCopied));
+	}, [P.copySuccessToast, j]), Z = y({
+		cardId: r,
+		cardProgram: u,
+		card: W === "loaded" ? B : void 0,
+		scopes: ce?.scopes,
+		conflictToast: P.activationConflictToast
+	}), { refetch: Q } = J, de = b(() => {
+		if (K) {
+			Q();
+			return;
+		}
+		G(r);
+	}, [
+		r,
+		K,
+		Q
+	]), fe = b(() => {
+		G(void 0);
+	}, []), pe = b(() => {
+		G(void 0), E?.();
+	}, [E]), me = S(() => J.isForbidden ? {
+		...D,
+		credentials: {
+			...D?.credentials,
+			errorDescription: P.revealNotPermittedDescription
+		}
+	} : D, [
+		J.isForbidden,
+		D,
+		P.revealNotPermittedDescription
+	]), $ = S(() => {
+		if (!(Y !== "revealed" || !J.data)) return {
+			cardNumber: f(J.data.pan),
+			expirationDate: p(J.data.expirationDate),
+			securityCode: J.data.cvv
+		};
+	}, [J.data, Y]), he = b(() => {
+		if (M) {
+			N();
+			return;
+		}
+		U();
+	}, [
+		U,
+		N,
+		M
+	]);
+	return /* @__PURE__ */ oe(w, { children: [/* @__PURE__ */ T(t, {}), Z.isOpen ? /* @__PURE__ */ T(v, {
+		labels: se,
+		state: Z.state,
+		values: Z.values,
+		errors: Z.errors,
+		isSubmitDisabled: Z.isSubmitDisabled,
+		onValuesChange: Z.onValuesChange,
+		onSubmit: Z.onSubmit,
+		onClose: Z.close,
+		bankLogoSrc: k,
+		bankLogoAlt: A,
+		cardholderName: X?.cardholderName,
+		maskedCardNumber: X?.maskedCardNumber,
+		programLabel: X?.programLabel
+	}) : /* @__PURE__ */ T(ae, {
+		labels: me,
+		state: W,
+		nickname: X?.nickname,
+		statusLabel: X?.statusLabel,
+		statusTone: X?.statusTone,
+		formFactorLabel: X?.formFactorLabel,
+		onClose: E ? pe : void 0,
+		bankLogoSrc: k,
+		bankLogoAlt: A,
+		cardholderName: X?.cardholderName,
+		maskedCardNumber: X?.maskedCardNumber,
+		programLabel: X?.programLabel,
+		allowedCategories: X?.allowedCategories,
+		spendLimitLabels: X?.spendLimitLabels,
+		perTransactionMaxLabel: X?.perTransactionMaxLabel,
+		onCopy: ue,
+		onActivate: Z.canActivate ? Z.open : void 0,
+		onViewCard: q ? de : void 0,
+		onHideCard: q ? fe : void 0,
+		revealState: Y,
+		revealedCardNumber: $?.cardNumber,
+		revealedExpirationDate: $?.expirationDate,
+		revealedSecurityCode: $?.securityCode,
+		onRetry: F === m.Supported ? he : void 0
+	})] });
+}
+function D({ 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__ */ T(r, {
+		widgetName: u,
+		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,
+		children: /* @__PURE__ */ T(E, { ...h })
+	});
+}
+//#endregion
+export { D as CardDetailsWidget, D as default };

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

@@ -4,5 +4,7 @@ import "./lib/CardDetailsPanel/CardFace.js";
 import "./lib/CardDetailsPanel/DetailCopyRow.js";
 import "./lib/CardDetailsPanel/labels.js";
 import { CardDetailsPanel as e } from "./lib/CardDetailsPanel/CardDetailsPanel.js";
-import "./lib/ActivateCardPanel/ActivateCardPanel.js";
-export { e as CardDetailsPanel };
+import "./lib/ActivateCardPanel/labels.js";
+import { ActivateCardFormError as t, EMPTY_ACTIVATE_CARD_FORM_VALUES as n, validateActivateCardForm as r } from "./lib/ActivateCardPanel/validation.js";
+import { ActivateCardPanel as i } from "./lib/ActivateCardPanel/ActivateCardPanel.js";
+export { t as ActivateCardFormError, i as ActivateCardPanel, e as CardDetailsPanel, n as EMPTY_ACTIVATE_CARD_FORM_VALUES, r as validateActivateCardForm };

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

@@ -2,12 +2,141 @@
 "use client";
 "use client";
 "use client";
-import "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as e, Input as t, Label as n, Separator as r, Spinner as i, Tooltip as a, TooltipContent as o, TooltipProvider as s, TooltipTrigger as c, cn as l } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as u } from "../../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../../../shared/ui/dist/index.js";
-import "../CardDetailsPanel/CardFace.js";
-import "./ActivateCardSuccessView.js";
-import "./FieldError.js";
-import "./PinField.js";
-import "react";
-import "react/jsx-runtime";
-import "lucide-react";
+import { cardDetailsWidgetUiTestIds as d } from "../CardDetailsPanel/testIds.js";
+import { CardFace as f } from "../CardDetailsPanel/CardFace.js";
+import { resolveActivateCardPanelLabels as p } from "./labels.js";
+import { ActivateCardFieldError as m, ActivateCardFormError as h, EMPTY_ACTIVATE_CARD_FORM_VALUES as g, formatDigitsInput as _, formatExpirationDateInput as v } from "./validation.js";
+import { ActivateCardSuccessView as y } from "./ActivateCardSuccessView.js";
+import { FieldError as b } from "./FieldError.js";
+import { useId as x, useMemo as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ChevronRightIcon as T, HelpCircleIcon as E, XIcon as D } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/ActivateCardPanel.js
+var O = {};
+function k(e, t) {
+	switch (e) {
+		case m.ImpossibleMonth: return t.impossibleMonth;
+		case m.PastExpiration: return t.pastExpiration;
+		case h.VerificationRejected: return t.verificationRejected;
+		default: return;
+	}
+}
+function A({ labels: m, state: h = "idle", values: A = g, onValuesChange: j, errors: M = O, isSubmitDisabled: N = !0, onSubmit: P, onClose: F, bankLogoSrc: I, bankLogoAlt: L, cardholderName: R, maskedCardNumber: z, programLabel: B, className: V }) {
+	let H = S(() => p(m), [m]), U = x(), W = x(), G = x(), K = x(), q = h === "submitting", J = k(M.expirationDate, H.validation), Y = k(M.form, H.validation);
+	return /* @__PURE__ */ w("div", {
+		"data-testid": d.activatePanel,
+		className: l("ttw:flex ttw:w-full ttw:flex-col", V),
+		children: [/* @__PURE__ */ w("div", {
+			className: "ttw:flex ttw:items-start ttw:gap-1.5 ttw:px-4 ttw:pt-4 ttw:pb-3",
+			children: [/* @__PURE__ */ C("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
+			}), F ? /* @__PURE__ */ C(e, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: "ttw:size-8 ttw:shrink-0",
+				"aria-label": H.header.closeAriaLabel,
+				onClick: F,
+				children: /* @__PURE__ */ C(D, { className: "ttw:size-4" })
+			}) : null]
+		}), h === "succeeded" ? /* @__PURE__ */ C(y, { labels: H.status }) : /* @__PURE__ */ w("form", {
+			noValidate: !0,
+			onSubmit: (e) => {
+				e.preventDefault(), !(N || q) && P?.();
+			},
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-4 ttw:pb-4",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:justify-center",
+					children: /* @__PURE__ */ C(f, {
+						bankLogoSrc: I,
+						bankLogoAlt: L ?? H.cardFace.bankLogoAlt,
+						cardholderName: R ?? "",
+						maskedCardNumber: z ?? "",
+						programLabel: B ?? ""
+					})
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [
+						/* @__PURE__ */ C(n, {
+							htmlFor: U,
+							className: "ttw:text-sm ttw:font-medium",
+							children: H.fields.expirationDate
+						}),
+						/* @__PURE__ */ C(t, {
+							id: U,
+							value: A.expirationDate,
+							placeholder: H.fields.expirationDatePlaceholder,
+							disabled: q,
+							inputMode: "numeric",
+							autoComplete: "off",
+							"aria-invalid": J ? !0 : void 0,
+							"aria-describedby": J ? W : void 0,
+							onChange: (e) => j?.({ expirationDate: v(e.target.value) })
+						}),
+						/* @__PURE__ */ C(b, {
+							id: W,
+							message: J
+						})
+					]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-1.5",
+							children: [/* @__PURE__ */ C(n, {
+								htmlFor: G,
+								className: "ttw:text-sm ttw:font-medium",
+								children: H.fields.securityCode
+							}), /* @__PURE__ */ C(s, { children: /* @__PURE__ */ w(a, { children: [/* @__PURE__ */ C(c, {
+								type: "button",
+								className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-help ttw:text-muted-foreground",
+								"aria-label": H.fields.securityCodeInfoAriaLabel,
+								children: /* @__PURE__ */ C(E, { className: "ttw:size-4" })
+							}), /* @__PURE__ */ C(o, {
+								className: "ttw:max-w-xs",
+								children: H.fields.securityCodeInfo
+							})] }) })]
+						}),
+						/* @__PURE__ */ C(t, {
+							id: G,
+							value: A.securityCode,
+							placeholder: H.fields.securityCodePlaceholder,
+							"aria-describedby": K,
+							disabled: q,
+							inputMode: "numeric",
+							autoComplete: "off",
+							maxLength: 4,
+							onChange: (e) => j?.({ securityCode: _(e.target.value, 4) })
+						}),
+						/* @__PURE__ */ C("span", {
+							id: K,
+							className: "ttw:sr-only",
+							children: H.fields.securityCodeInfo
+						})
+					]
+				}),
+				/* @__PURE__ */ C(r, {}),
+				h === "errored" || Y ? /* @__PURE__ */ C(u, { children: Y ?? H.status.errorDescription }) : null,
+				/* @__PURE__ */ w(e, {
+					type: "submit",
+					className: "ttw:w-full",
+					disabled: N || q,
+					children: [
+						q ? /* @__PURE__ */ C(i, { "aria-label": H.status.submittingAriaLabel }) : null,
+						H.status.submit,
+						/* @__PURE__ */ C(T, { className: "ttw:size-4" })
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { A as ActivateCardPanel };

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

@@ -1,2 +1,27 @@
-import "react/jsx-runtime";
-import "lucide-react";
+import { cardDetailsWidgetUiTestIds as e } from "../CardDetailsPanel/testIds.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CheckIcon as r } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/ActivateCardSuccessView.js
+function i({ labels: i }) {
+	return /* @__PURE__ */ n("div", {
+		"data-testid": e.activateSuccess,
+		className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-10 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: i.successTitle
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
+				children: i.successDescription
+			})
+		]
+	});
+}
+//#endregion
+export { i as ActivateCardSuccessView };

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

@@ -1 +1,12 @@
-import "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/FieldError.js
+function t({ id: t, message: n }) {
+	return n ? /* @__PURE__ */ e("p", {
+		id: t,
+		role: "alert",
+		className: "ttw:text-xs ttw:text-destructive",
+		children: n
+	}) : null;
+}
+//#endregion
+export { t as FieldError };