@tesouro/embedded-components-react 0.3.52 → 0.3.55

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 };

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

@@ -0,0 +1,55 @@
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/labels.js
+var e = {
+	header: {
+		title: "Activate Card",
+		closeAriaLabel: "Close activate card"
+	},
+	cardFace: { bankLogoAlt: "Bank logo" },
+	fields: {
+		expirationDate: "Expiration date",
+		expirationDatePlaceholder: "MM/YY",
+		securityCode: "Security code (CVV2)",
+		securityCodePlaceholder: "3 digits",
+		securityCodeInfoAriaLabel: "What is the security code?",
+		securityCodeInfo: "The CVV2 is the 3-digit security code printed on your card — usually near the signature strip on the back. It proves you have the physical card in hand."
+	},
+	validation: {
+		impossibleMonth: "Enter a month between 01 and 12.",
+		pastExpiration: "That expiration date has already passed.",
+		verificationRejected: "Those details don't match this card. Check the expiration date and security code printed on it, then try again."
+	},
+	status: {
+		submit: "Activate card",
+		submittingAriaLabel: "Activating card",
+		successTitle: "Card activated",
+		successDescription: "This card is ready to use.",
+		done: "Done",
+		errorDescription: "We couldn't activate this card. Check the details and try again."
+	}
+};
+function t(t) {
+	return {
+		header: {
+			...e.header,
+			...t?.header
+		},
+		cardFace: {
+			...e.cardFace,
+			...t?.cardFace
+		},
+		fields: {
+			...e.fields,
+			...t?.fields
+		},
+		validation: {
+			...e.validation,
+			...t?.validation
+		},
+		status: {
+			...e.status,
+			...t?.status
+		}
+	};
+}
+//#endregion
+export { e as ACTIVATE_CARD_PANEL_LABELS_EN, t as resolveActivateCardPanelLabels };

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

@@ -0,0 +1,47 @@
+//#region ../../libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/ActivateCardPanel/validation.js
+var e = {
+	expirationDate: "",
+	securityCode: ""
+}, t = {
+	ImpossibleMonth: "impossibleMonth",
+	PastExpiration: "pastExpiration"
+}, n = { VerificationRejected: "verificationRejected" }, r = 4;
+function i(e, t) {
+	return e.replace(/\D/g, "").slice(0, t);
+}
+function a(e) {
+	let t = e.replace(/\D/g, "");
+	return t.length > 0 && Number(t[0]) > 1 && (t = `0${t}`), t = t.slice(0, r), t.length <= 2 ? t : `${t.slice(0, 2)}/${t.slice(2)}`;
+}
+function o(e) {
+	return e.replace(/\D/g, "").slice(0, r);
+}
+function s(e) {
+	let t = o(e);
+	if (t.length < 2) return !0;
+	let n = Number(t.slice(0, 2));
+	return n >= 1 && n <= 12;
+}
+function c(e) {
+	return o(e).length === r;
+}
+function l(e, t = /* @__PURE__ */ new Date()) {
+	if (!c(e) || !s(e)) return !1;
+	let n = o(e), r = Number(n.slice(0, 2)), i = 2e3 + Number(n.slice(2, 4)), a = t.getFullYear(), l = t.getMonth() + 1;
+	return i < a || i === a && r < l;
+}
+function u(e, t = /* @__PURE__ */ new Date()) {
+	return c(e) && s(e) && !l(e, t);
+}
+function d(e) {
+	return (/* @__PURE__ */ RegExp("^\\d{3,4}$")).test(e);
+}
+function f(e, n = /* @__PURE__ */ new Date()) {
+	let r = {};
+	return s(e.expirationDate) ? l(e.expirationDate, n) && (r.expirationDate = t.PastExpiration) : r.expirationDate = t.ImpossibleMonth, {
+		errors: r,
+		isValid: u(e.expirationDate, n) && d(e.securityCode)
+	};
+}
+//#endregion
+export { t as ActivateCardFieldError, n as ActivateCardFormError, e as EMPTY_ACTIVATE_CARD_FORM_VALUES, i as formatDigitsInput, a as formatExpirationDateInput, c as isExpirationDateComplete, l as isExpirationDateExpired, u as isExpirationDateValid, s as isExpirationMonthPossible, d as isSecurityCodeValid, f as validateActivateCardForm };

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

@@ -11,15 +11,15 @@ import { CardsList as i } from "../../ui/dist/lib/CardsList/CardsList.js";
 import { CardsListDetailsSheet as a } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
 import "../../ui/dist/index.js";
 import { useCardsWidget as o } from "./index8.js";
-import { CardDetailsWidget as s } from "../../../card-details-widget/feature/dist/index6.js";
+import { CardDetailsWidget as s } from "../../../card-details-widget/feature/dist/index8.js";
 import "../../../card-details-widget/feature/dist/index.js";
 import { CreateCardWidget as c } from "../../../create-card-widget/feature/dist/index8.js";
 import "../../../create-card-widget/feature/dist/index.js";
 import { useCallback as l, useMemo as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index9.js
-function h({ cardProgram: e, pagination: t, defaultPagination: h, onPaginationChange: g, labels: _, featureLabels: v, selectedCardId: y, defaultSelectedCardId: b, onSelectedCardIdChange: x, cardDetailsLabels: S, cardDetailsFeatureLabels: C, bankLogoSrc: w, bankLogoAlt: T, cardArtSrc: E, createCardLabels: D, createCardFeatureLabels: O, onCreateCard: k, onActivateCard: A }) {
-	let { selectedCardId: j, onSelectCard: M, onCreateCardClick: N, canCreateCard: P, canReadCards: F, ...I } = o({
+function h({ cardProgram: e, pagination: t, defaultPagination: h, onPaginationChange: g, labels: _, featureLabels: v, selectedCardId: y, defaultSelectedCardId: b, onSelectedCardIdChange: x, cardDetailsLabels: S, cardDetailsFeatureLabels: C, cardDetailsActivateLabels: w, bankLogoSrc: T, bankLogoAlt: E, cardArtSrc: D, createCardLabels: O, createCardFeatureLabels: k, onCreateCard: A, onActivateCard: j }) {
+	let { selectedCardId: M, onSelectCard: N, onCreateCardClick: P, canCreateCard: F, canReadCards: I, ...L } = o({
 		cardProgram: e,
 		pagination: t,
 		defaultPagination: h,
@@ -28,49 +28,50 @@ function h({ cardProgram: e, pagination: t, defaultPagination: h, onPaginationCh
 		selectedCardId: y,
 		defaultSelectedCardId: b,
 		onSelectedCardIdChange: x,
-		onCreateCard: k,
-		onActivateCard: A,
-		cardArtSrc: E
-	}), L = u(() => r(_), [_]), [R, z] = d(!1), [B, V] = d(0), [H, U] = d(j), [W, G] = d(null), K = l(() => {
-		j !== null && M(null), V((e) => e + 1), z(!0);
-	}, [j, M]), q = l(() => {
-		z(!1), j !== null && M(null);
-	}, [j, M]), J = l((e) => {
-		z(!1), M(e);
-	}, [M]), Y = e === "debit" && !!E && !!P && N === void 0, X = R && j === null && Y;
-	R && (j !== null || !Y) && z(!1), X ? W !== "create" && G("create") : j !== null && (W !== "details" && G("details"), j !== H && U(j));
-	let Z = W === "create", Q = j !== null || X;
+		onCreateCard: A,
+		onActivateCard: j,
+		cardArtSrc: D
+	}), R = u(() => r(_), [_]), [z, B] = d(!1), [V, H] = d(0), [U, W] = d(M), [G, K] = d(null), q = l(() => {
+		M !== null && N(null), H((e) => e + 1), B(!0);
+	}, [M, N]), J = l(() => {
+		B(!1), M !== null && N(null);
+	}, [M, N]), Y = l((e) => {
+		B(!1), N(e);
+	}, [N]), X = e === "debit" && !!D && !!F && P === void 0, Z = z && M === null && X;
+	z && (M !== null || !X) && B(!1), Z ? G !== "create" && K("create") : M !== null && (G !== "details" && K("details"), M !== U && W(M));
+	let Q = G === "create", $ = M !== null || Z;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
-		...I,
-		canCreateCard: P,
-		onCreateCardClick: N ?? K,
-		labels: L,
+		...L,
+		canCreateCard: F,
+		onCreateCardClick: P ?? q,
+		labels: R,
 		testIds: {
 			root: n.list,
 			row: { cardFaceSwatch: { root: n.cardFaceSwatch } }
 		}
 	}), /* @__PURE__ */ p(a, {
-		isOpen: Q,
-		labels: Z ? L.createSheet : L.detailsSheet,
-		contentClassName: Z ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
-		onClose: q,
-		children: Z && Y && E ? /* @__PURE__ */ p(c, {
-			cardArtSrc: E,
-			labels: D,
-			featureLabels: O,
-			onClose: q,
-			onCancel: q,
-			onViewCard: F ? J : void 0,
+		isOpen: $,
+		labels: Q ? R.createSheet : R.detailsSheet,
+		contentClassName: Q ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
+		onClose: J,
+		children: Q && X && D ? /* @__PURE__ */ p(c, {
+			cardArtSrc: D,
+			labels: O,
+			featureLabels: k,
+			onClose: J,
+			onCancel: J,
+			onViewCard: I ? Y : void 0,
 			className: "ttw:min-h-0 ttw:flex-1"
-		}, B) : H === null ? null : /* @__PURE__ */ p(s, {
-			cardId: H,
+		}, V) : U === null ? null : /* @__PURE__ */ p(s, {
+			cardId: U,
 			cardProgram: e,
 			labels: S,
+			activateLabels: w,
 			featureLabels: C,
-			bankLogoSrc: w,
-			bankLogoAlt: T,
-			onClose: q
-		}, H)
+			bankLogoSrc: T,
+			bankLogoAlt: E,
+			onClose: J
+		}, U)
 	})] });
 }
 function g({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: m, providerLabels: g, ..._ }) {

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

@@ -1,4 +1,4 @@
-import { CardFormatValue as e } from "./index3.js";
-import { CREATE_CARD_FEATURE_LABELS_EN as t, resolveCreateCardFeatureLabels as n } from "./index5.js";
-import { CreateCardWidget as r } from "./index8.js";
-export { t as CREATE_CARD_FEATURE_LABELS_EN, e as CardFormatValue, r as CreateCardWidget, n as resolveCreateCardFeatureLabels };
+import "./index3.js";
+import "./index5.js";
+import { CreateCardWidget as e } from "./index8.js";
+export { e as CreateCardWidget };