@hook-sdk/template 0.28.10 → 0.29.0

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ComponentType, Component } from 'react';
 import * as _hook_sdk_sdk from '@hook-sdk/sdk';
-import { HookContextValue, SubscribeAnonymousResult, CheckoutMethod as CheckoutMethod$1, CheckoutCycle, CheckoutCardData, CheckoutHolderInfo, CheckoutResult, PlanState, ReminderSlot } from '@hook-sdk/sdk';
+import { HookContextValue, VideoConfig, SubscribeAnonymousResult, CheckoutMethod as CheckoutMethod$1, CheckoutCycle, CheckoutCardData, CheckoutHolderInfo, CheckoutResult, PlanState, ReminderSlot } from '@hook-sdk/sdk';
 export { PlanInfo, PlanState, useTrackOnboardingStep } from '@hook-sdk/sdk';
 import { z } from 'zod';
 
@@ -205,6 +205,14 @@ type AppRootSlots = {
 type AppRootProps = AppRootSlots & {
     config: AppConfig;
     children?: ReactNode;
+    /**
+     * P-Video — per-videoId config map. Bundles that use <HookVideo> pass
+     * `videos.videos` from `import videos from './videos.json'` (file is
+     * synced from `hook/creators/<slug>/videos.json` by the build step).
+     * Omit when the app has no VSL screens — empty map is fine.
+     * Spec: docs/superpowers/specs/2026-05-16-hook-video-player-design.md
+     */
+    videos?: Record<string, VideoConfig>;
     /** Test-only: skip BrowserRouter (which fights jsdom's document.location). */
     testRouter?: 'memory';
     /** Test-only: initial entries for MemoryRouter. */
@@ -524,6 +532,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

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ComponentType, Component } from 'react';
 import * as _hook_sdk_sdk from '@hook-sdk/sdk';
-import { HookContextValue, SubscribeAnonymousResult, CheckoutMethod as CheckoutMethod$1, CheckoutCycle, CheckoutCardData, CheckoutHolderInfo, CheckoutResult, PlanState, ReminderSlot } from '@hook-sdk/sdk';
+import { HookContextValue, VideoConfig, SubscribeAnonymousResult, CheckoutMethod as CheckoutMethod$1, CheckoutCycle, CheckoutCardData, CheckoutHolderInfo, CheckoutResult, PlanState, ReminderSlot } from '@hook-sdk/sdk';
 export { PlanInfo, PlanState, useTrackOnboardingStep } from '@hook-sdk/sdk';
 import { z } from 'zod';
 
@@ -205,6 +205,14 @@ type AppRootSlots = {
 type AppRootProps = AppRootSlots & {
     config: AppConfig;
     children?: ReactNode;
+    /**
+     * P-Video — per-videoId config map. Bundles that use <HookVideo> pass
+     * `videos.videos` from `import videos from './videos.json'` (file is
+     * synced from `hook/creators/<slug>/videos.json` by the build step).
+     * Omit when the app has no VSL screens — empty map is fine.
+     * Spec: docs/superpowers/specs/2026-05-16-hook-video-player-design.md
+     */
+    videos?: Record<string, VideoConfig>;
     /** Test-only: skip BrowserRouter (which fights jsdom's document.location). */
     testRouter?: 'memory';
     /** Test-only: initial entries for MemoryRouter. */
@@ -524,6 +532,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

@@ -1,7 +1,7 @@
 // src/AppRoot.tsx
 import { useMemo as useMemo3 } from "react";
 import { BrowserRouter, MemoryRouter, Navigate, Route, Routes } from "react-router-dom";
-import { useHook as useHook8 } from "@hook-sdk/sdk";
+import { useHook as useHook8, VideoProvider } from "@hook-sdk/sdk";
 
 // src/config/AppConfigContext.tsx
 import { createContext, useContext } from "react";
@@ -2504,6 +2504,7 @@ function AppRoot(props) {
   const {
     config: rawConfig,
     children,
+    videos,
     testRouter,
     testInitialEntries,
     Login,
@@ -2573,7 +2574,7 @@ function AppRoot(props) {
     position === "pre-auth" ? /* @__PURE__ */ jsx23(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
     isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ jsx23(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
   ] });
-  return /* @__PURE__ */ jsx23(ErrorBoundary, { children: /* @__PURE__ */ jsx23(AppConfigProvider, { config, children: /* @__PURE__ */ jsx23(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx23(ThemeProvider, { children: /* @__PURE__ */ jsx23(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx23(ErrorBoundary, { children: /* @__PURE__ */ jsx23(AppConfigProvider, { config, children: /* @__PURE__ */ jsx23(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx23(ThemeProvider, { children: /* @__PURE__ */ jsx23(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ jsx23(VideoProvider, { videos: videos ?? {}, children: config.i18n ? /* @__PURE__ */ jsx23(
     I18nProvider,
     {
       defaultLocale: config.i18n.defaultLocale,
@@ -2581,7 +2582,7 @@ function AppRoot(props) {
       resources: config.i18n.resources,
       children: routedTree
     }
-  ) : routedTree }) }) }) }) });
+  ) : routedTree }) }) }) }) }) });
 }
 function AuthGated({
   children,
@@ -2966,9 +2967,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 +3079,7 @@ function useCheckoutForm(hookArgs) {
     cpfError,
     postalCodeError,
     addressNumberError,
+    cardExpiryError,
     markNameTouched: () => setTouchedName(true),
     markEmailTouched: () => setTouchedEmail(true),
     markEmailConfirmTouched: () => setTouchedEmailConfirm(true),
@@ -4028,11 +4047,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 +4202,8 @@ function CheckoutPageDefault() {
                   autoComplete: "cc-exp",
                   placeholder: "MM/AA",
                   value: expiryMmAa,
-                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
+                  onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v)),
+                  error: form.cardExpiryError
                 }
               )
             ] }),