@hook-sdk/template 0.28.10 → 0.28.11

package/dist/index.d.cts

@@ -524,6 +524,7 @@ interface UseCheckoutFormResult {
     cpfError: string | null;
     postalCodeError: string | null;
     addressNumberError: string | null;
+    cardExpiryError: string | null;
     markNameTouched: () => void;
     markEmailTouched: () => void;
     markEmailConfirmTouched: () => void;

package/dist/index.d.ts

@@ -524,6 +524,7 @@ interface UseCheckoutFormResult {
     cpfError: string | null;
     postalCodeError: string | null;
     addressNumberError: string | null;
+    cardExpiryError: string | null;
     markNameTouched: () => void;
     markEmailTouched: () => void;
     markEmailConfirmTouched: () => void;

package/dist/index.js

@@ -2966,9 +2966,26 @@ function useCheckoutForm(hookArgs) {
   const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
   const postalCodeError = touchedPostalCode || formSubmitAttempted ? validatePostalCode : null;
   const addressNumberError = touchedAddressNumber || formSubmitAttempted ? validateAddressNumber : null;
+  const cardExpiryError = useMemo4(() => {
+    if (method !== "card") return null;
+    const mm = card.expiryMonth.replace(/\D/g, "");
+    const yy = card.expiryYear.replace(/\D/g, "");
+    if (mm.length < 2 || yy.length < 2) return null;
+    const monthNum = parseInt(mm, 10);
+    if (monthNum < 1 || monthNum > 12) return "M\xEAs inv\xE1lido (use 01-12).";
+    const yearNum = 2e3 + parseInt(yy, 10);
+    const now = /* @__PURE__ */ new Date();
+    const currentMonth = now.getMonth() + 1;
+    const currentYear = now.getFullYear();
+    if (yearNum < currentYear || yearNum === currentYear && monthNum < currentMonth) {
+      return "Cart\xE3o vencido.";
+    }
+    if (yearNum > currentYear + 20) return "Ano muito distante.";
+    return null;
+  }, [method, card.expiryMonth, card.expiryYear]);
   const phoneOk = method === "pix-auto" ? phone === "" || PHONE_RE.test(phone) : PHONE_RE.test(phone);
   const cepGateOk = !hookArgs.collectCep || method !== "card" || postalCode.replace(/\D/g, "").length === 8 && addressNumber.trim().length > 0;
-  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && phoneOk && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && cepGateOk && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
+  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && phoneOk && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && cepGateOk && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1 && cardExpiryError === null);
   const submit = useCallback6(async () => {
     setFormSubmitAttempted(true);
     setError(null);
@@ -3061,6 +3078,7 @@ function useCheckoutForm(hookArgs) {
     cpfError,
     postalCodeError,
     addressNumberError,
+    cardExpiryError,
     markNameTouched: () => setTouchedName(true),
     markEmailTouched: () => setTouchedEmail(true),
     markEmailConfirmTouched: () => setTouchedEmailConfirm(true),
@@ -4028,11 +4046,11 @@ function CheckoutPageDefault() {
                 value: form.email,
                 onChange: form.setEmail,
                 onBlur: form.markEmailTouched,
-                error: form.emailError,
+                error: form.emailError ?? (form.emailStatus === "exists" ? "Este email j\xE1 tem conta. Faz login pra continuar." : null),
                 valid: form.emailStatus === "available"
               }
             ),
-            !form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" })
+            !form.emailError && form.emailStatus !== "exists" && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" })
           ] }),
           /* @__PURE__ */ jsxs29("div", { children: [
             /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
@@ -4183,7 +4201,8 @@ function CheckoutPageDefault() {
                   autoComplete: "cc-exp",
                   placeholder: "MM/AA",
                   value: expiryMmAa,
-                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v)),
+                  error: form.cardExpiryError
                 }
               )
             ] }),