@hook-sdk/template 0.1.4 → 0.2.0

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ComponentType, Component } from 'react';
 import { z } from 'zod';
 import * as _hook_sdk_sdk from '@hook-sdk/sdk';
+import { ReminderSlot } from '@hook-sdk/sdk';
 
 declare const AppConfigSchema: z.ZodObject<{
     $schema: z.ZodOptional<z.ZodString>;
@@ -34,6 +35,12 @@ declare const AppConfigSchema: z.ZodObject<{
             pay_first: "pay_first";
             free: "free";
         }>>;
+        cpf_required: z.ZodOptional<z.ZodBoolean>;
+        trial_type: z.ZodOptional<z.ZodEnum<{
+            sem_cartao: "sem_cartao";
+            com_cartao: "com_cartao";
+            nenhum: "nenhum";
+        }>>;
         paywall_config: z.ZodObject<{
             title: z.ZodString;
             subtitle: z.ZodOptional<z.ZodString>;
@@ -43,6 +50,14 @@ declare const AppConfigSchema: z.ZodObject<{
             footerNote: z.ZodOptional<z.ZodString>;
         }, z.core.$strict>;
     }, z.core.$strict>;
+    auth: z.ZodOptional<z.ZodObject<{
+        has_forgot: z.ZodDefault<z.ZodBoolean>;
+        email_verification_required: z.ZodDefault<z.ZodBoolean>;
+        min_password_length: z.ZodDefault<z.ZodNumber>;
+        pre_auth_routes: z.ZodDefault<z.ZodArray<z.ZodString>>;
+        post_auth_landing: z.ZodDefault<z.ZodString>;
+        signup_anti_enum: z.ZodDefault<z.ZodBoolean>;
+    }, z.core.$strict>>;
     sdk_version_required: z.ZodString;
     template_version_required: z.ZodOptional<z.ZodString>;
     max_bundle_size_kb: z.ZodNumber;
@@ -71,6 +86,25 @@ interface AppRootProps {
 }
 declare function AppRoot({ config, children, Login, Signup, Forgot, Reset, Paywall, }: AppRootProps): react_jsx_runtime.JSX.Element;
 
+interface PushPromptTexts {
+    cta: string;
+    declineCta: string;
+    iosInstallTitle: string;
+    iosInstallBody: string;
+    iosInstallCta?: string;
+    deniedTitle: string;
+    deniedBody: string;
+    unsupportedBody: string;
+}
+interface PushPromptProps {
+    texts: PushPromptTexts;
+    onSubscribed?: () => void;
+    onDeclined?: () => void;
+    onInstallRequested?: () => void;
+    className?: string;
+}
+declare function PushPrompt({ texts, onSubscribed, onDeclined, onInstallRequested, className }: PushPromptProps): react_jsx_runtime.JSX.Element | null;
+
 declare function DefaultSignupScreen({ onNavigate }: AuthScreenProps): react_jsx_runtime.JSX.Element;
 
 declare function DefaultForgotScreen({ onNavigate }: AuthScreenProps): react_jsx_runtime.JSX.Element;
@@ -279,18 +313,56 @@ declare function useSubscription(): {
     status: _hook_sdk_sdk.SdkSubscriptionStatus;
 };
 
-/**
- * Wrapper fino sobre `push` do SDK. MVP: stub retorna 'unsupported' no status
- * e subscribe/unsubscribe lançam SdkError. A shape segue o SDK real.
- */
+type PushUiState = {
+    kind: 'unsupported';
+} | {
+    kind: 'ios_needs_install';
+} | {
+    kind: 'prompt';
+} | {
+    kind: 'subscribed';
+} | {
+    kind: 'denied';
+} | {
+    kind: 'error';
+    code: string;
+    message: string;
+};
 declare function usePush(): {
-    status: _hook_sdk_sdk.PushStatus;
-    subscribe: () => Promise<{
-        subscribed: true;
-    }>;
-    unsubscribe: () => Promise<{
-        subscribed: false;
+    state: PushUiState;
+    subscribe: () => Promise<void>;
+    unsubscribe: () => Promise<void>;
+};
+
+declare function useReminders(): {
+    reminders: ReminderSlot[];
+    loading: boolean;
+    setReminder: (input: {
+        slot: string;
+        timeLocal: string;
+        timezone: string;
+        enabled: boolean;
+    }) => Promise<void>;
+    deleteReminder: (slot: string) => Promise<void>;
+    schedule: (items: Parameters<(items: Array<{
+        slot: string;
+        sendAt: string | Date;
+        title: string;
+        body: string;
+        url?: string;
+    }>) => Promise<{
+        accepted: number;
+        rejected: number;
+    }>>[0]) => Promise<{
+        accepted: number;
+        rejected: number;
     }>;
+    setFallbacks: (items: Parameters<(items: Array<{
+        slot: string;
+        title: string;
+        body: string;
+        url?: string;
+    }>) => Promise<void>>[0]) => Promise<void>;
 };
 
 interface ToastItem {
@@ -308,4 +380,4 @@ declare function useToast(): {
     dismiss: (id: string) => void;
 };
 
-export { AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, LoadingState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, useAuth, useAuthPrimitives, useForgotForm, useLoginForm, usePaywallState, usePush, useResetForm, useSignupForm, useSubscription, useToast };
+export { AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, LoadingState, PushPrompt, type PushPromptProps, type PushPromptTexts, type PushUiState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, useAuth, useAuthPrimitives, useForgotForm, useLoginForm, usePaywallState, usePush, useReminders, useResetForm, useSignupForm, useSubscription, useToast };

package/dist/index.js

@@ -777,23 +777,123 @@ function AppRoot({
   ] }) }) }) }) }) }) });
 }
 
-// src/defaults/EmptyState.tsx
+// src/hooks/usePush.ts
+import { useCallback as useCallback7, useEffect as useEffect5, useState as useState9 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
+function detectIosNeedsInstall() {
+  if (typeof navigator === "undefined" || typeof window === "undefined") return false;
+  const ua = navigator.userAgent || "";
+  const isIos = /iPhone|iPad|iPod/.test(ua);
+  if (!isIos) return false;
+  const mm = window.matchMedia?.("(display-mode: standalone)");
+  const standalone = mm?.matches === true;
+  const legacyStandalone = typeof navigator.standalone === "boolean" ? navigator.standalone : false;
+  return !(standalone || legacyStandalone);
+}
+function deriveState(push) {
+  if (!push.isAvailable()) {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  const status = push.status();
+  if (status === "granted") return { kind: "subscribed" };
+  if (status === "denied") return { kind: "denied" };
+  if (status === "unsupported") {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  return { kind: "prompt" };
+}
+function usePush() {
+  const { push } = useHook9();
+  const [state, setState] = useState9(() => deriveState(push));
+  useEffect5(() => {
+    setState(deriveState(push));
+  }, [push]);
+  const subscribe = useCallback7(async () => {
+    try {
+      await push.subscribe();
+      setState({ kind: "subscribed" });
+    } catch (e) {
+      const code = e?.code ?? "push.unknown";
+      const message = e?.message ?? "Push subscription failed";
+      if (code === "push.permission_denied") setState({ kind: "denied" });
+      else setState({ kind: "error", code, message });
+      throw e;
+    }
+  }, [push]);
+  const unsubscribe = useCallback7(async () => {
+    try {
+      await push.unsubscribe();
+      setState({ kind: "prompt" });
+    } catch (e) {
+      setState({ kind: "error", code: e?.code ?? "push.unknown", message: e?.message ?? "failed" });
+      throw e;
+    }
+  }, [push]);
+  return { state, subscribe, unsubscribe };
+}
+
+// src/components/PushPrompt.tsx
 import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
+  const { state, subscribe } = usePush();
+  if (state.kind === "subscribed") return null;
+  if (state.kind === "ios_needs_install") {
+    return /* @__PURE__ */ jsxs8("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ jsx14("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ jsx14("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx14("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    ] });
+  }
+  if (state.kind === "denied") {
+    return /* @__PURE__ */ jsxs8("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ jsx14("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ jsx14("p", { children: texts.deniedBody })
+    ] });
+  }
+  if (state.kind === "unsupported") {
+    return /* @__PURE__ */ jsx14("div", { className, role: "region", children: /* @__PURE__ */ jsx14("p", { children: texts.unsupportedBody }) });
+  }
+  if (state.kind === "error") {
+    return /* @__PURE__ */ jsx14("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx14("p", { children: state.message }) });
+  }
+  return /* @__PURE__ */ jsxs8("div", { className, role: "region", children: [
+    /* @__PURE__ */ jsx14(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          try {
+            await subscribe();
+            onSubscribed?.();
+          } catch {
+          }
+        },
+        children: texts.cta
+      }
+    ),
+    onDeclined && /* @__PURE__ */ jsx14("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+  ] });
+}
+
+// src/defaults/EmptyState.tsx
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ jsxs8("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx14("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ jsx14("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ jsx14("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ jsxs9("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx15("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx15("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx15("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect5 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useEffect as useEffect6 } from "react";
+import { useHook as useHook10 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook9();
-  useEffect5(() => {
+  const { auth } = useHook10();
+  useEffect6(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -815,37 +915,63 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook10();
+  const { subscription } = useHook11();
   return {
     status: subscription.status()
   };
 }
 
-// src/hooks/usePush.ts
-import { useHook as useHook11 } from "@hook-sdk/sdk";
-function usePush() {
-  const { push } = useHook11();
-  return {
-    status: push.status(),
-    subscribe: push.subscribe,
-    unsubscribe: push.unsubscribe
-  };
+// src/hooks/useReminders.ts
+import { useCallback as useCallback8, useEffect as useEffect7, useState as useState10 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
+function useReminders() {
+  const { push } = useHook12();
+  const r = push.reminders;
+  const [reminders, setReminders] = useState10([]);
+  const [loading, setLoading] = useState10(true);
+  const reload = useCallback8(async () => {
+    setLoading(true);
+    try {
+      const next = await r.list();
+      setReminders(next);
+    } finally {
+      setLoading(false);
+    }
+  }, [r]);
+  useEffect7(() => {
+    void reload();
+  }, [reload]);
+  const setReminder = useCallback8(async (input) => {
+    await r.set(input);
+    await reload();
+  }, [r, reload]);
+  const deleteReminder = useCallback8(async (slot) => {
+    await r.delete(slot);
+    await reload();
+  }, [r, reload]);
+  const schedule = useCallback8(async (items) => {
+    return r.schedule(items);
+  }, [r]);
+  const setFallbacks = useCallback8(async (items) => {
+    return r.setFallbacks(items);
+  }, [r]);
+  return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback7, useState as useState9 } from "react";
+import { useCallback as useCallback9, useState as useState11 } from "react";
 function useToast() {
-  const [items, setItems] = useState9([]);
-  const show = useCallback7((message, kind = "info") => {
+  const [items, setItems] = useState11([]);
+  const show = useCallback9((message, kind = "info") => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
     setItems((prev) => [...prev, { id, message, kind }]);
     setTimeout(() => {
       setItems((prev) => prev.filter((t) => t.id !== id));
     }, 4e3);
   }, []);
-  const dismiss = useCallback7((id) => {
+  const dismiss = useCallback9((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -860,12 +986,14 @@ export {
   EmptyState,
   ErrorBoundary,
   LoadingState,
+  PushPrompt2 as PushPrompt,
   useAuth,
   useAuthPrimitives,
   useForgotForm,
   useLoginForm,
   usePaywallState,
   usePush,
+  useReminders,
   useResetForm,
   useSignupForm,
   useSubscription,