@hook-sdk/template 0.28.10 → 0.29.0

package/dist/index.cjs

@@ -2615,6 +2615,7 @@ function AppRoot(props) {
   const {
     config: rawConfig,
     children,
+    videos,
     testRouter,
     testInitialEntries,
     Login,
@@ -2684,7 +2685,7 @@ function AppRoot(props) {
     position === "pre-auth" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
     isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_sdk9.VideoProvider, { videos: videos ?? {}, children: config.i18n ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     I18nProvider,
     {
       defaultLocale: config.i18n.defaultLocale,
@@ -2692,7 +2693,7 @@ function AppRoot(props) {
       resources: config.i18n.resources,
       children: routedTree
     }
-  ) : routedTree }) }) }) }) });
+  ) : routedTree }) }) }) }) }) });
 }
 function AuthGated({
   children,
@@ -3074,9 +3075,26 @@ function useCheckoutForm(hookArgs) {
   const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
   const postalCodeError = touchedPostalCode || formSubmitAttempted ? validatePostalCode : null;
   const addressNumberError = touchedAddressNumber || formSubmitAttempted ? validateAddressNumber : null;
+  const cardExpiryError = (0, import_react18.useMemo)(() => {
+    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 = (0, import_react18.useCallback)(async () => {
     setFormSubmitAttempted(true);
     setError(null);
@@ -3169,6 +3187,7 @@ function useCheckoutForm(hookArgs) {
     cpfError,
     postalCodeError,
     addressNumberError,
+    cardExpiryError,
     markNameTouched: () => setTouchedName(true),
     markEmailTouched: () => setTouchedEmail(true),
     markEmailConfirmTouched: () => setTouchedEmailConfirm(true),
@@ -4136,11 +4155,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__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime48.jsx)(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FieldLabel, { children: "Nome completo" }),
@@ -4291,7 +4310,8 @@ function CheckoutPageDefault() {
                   autoComplete: "cc-exp",
                   placeholder: "MM/AA",
                   value: expiryMmAa,
-                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v)),
+                  error: form.cardExpiryError
                 }
               )
             ] }),