@hook-sdk/template 0.28.0 → 0.28.2

package/dist/index.d.cts

@@ -175,7 +175,7 @@ interface SkipDefaults {
 declare function skipOnboarding(hook: HookContextValue, defaults: SkipDefaults, appSlug: string): Promise<void>;
 declare function DevSkipOnboardingFab({ defaults }: {
     defaults: SkipDefaults;
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare function PaymentReturnHandler({ children }: {
     children: ReactNode;

package/dist/index.d.ts

@@ -175,7 +175,7 @@ interface SkipDefaults {
 declare function skipOnboarding(hook: HookContextValue, defaults: SkipDefaults, appSlug: string): Promise<void>;
 declare function DevSkipOnboardingFab({ defaults }: {
     defaults: SkipDefaults;
-}): react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare function PaymentReturnHandler({ children }: {
     children: ReactNode;

package/dist/index.js

@@ -2108,7 +2108,7 @@ function isDevToolsEnabled() {
 
 // src/dev/DevSkipOnboardingFab.tsx
 import { useCallback as useCallback3, useRef as useRef4, useState as useState5 } from "react";
-import { useHook as useHook5 } from "@hook-sdk/sdk";
+import { useHook as useHook5, usePersistedState as usePersistedState2 } from "@hook-sdk/sdk";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var STORAGE_KEY = "hook_dev_skip_email";
 var TEST_EMAIL_DOMAIN = "@hook.test";
@@ -2181,6 +2181,13 @@ function DevSkipOnboardingFab({ defaults }) {
   const [state, setState] = useState5("idle");
   const [errorMsg, setErrorMsg] = useState5(null);
   const timerRef = useRef4(null);
+  const isAuthed = hook.authStatus === "authenticated";
+  const [onboarding] = usePersistedState2(
+    "onboarding_data",
+    null,
+    { enabled: isAuthed }
+  );
+  const onboardingCompleted = isAuthed && onboarding?.onboarding_completed === true;
   const clearTimer = useCallback3(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -2211,6 +2218,7 @@ function DevSkipOnboardingFab({ defaults }) {
     if (state === "error") return `failed \u2014 tap to retry`;
     return hook.authStatus === "authenticated" ? "\u26A1 skip onboarding" : "\u26A1 skip + signup";
   })();
+  if (onboardingCompleted) return null;
   const style = {
     ...STYLES.base,
     ...state === "confirm" || state === "error" ? STYLES.confirm : {},
@@ -2684,12 +2692,12 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
 }
 
 // src/components/LanguageSwitcher.tsx
-import { usePersistedState as usePersistedState2 } from "@hook-sdk/sdk";
+import { usePersistedState as usePersistedState3 } from "@hook-sdk/sdk";
 import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function LanguageSwitcher({ id, className, label = "Language" }) {
   const config = useAppConfig();
   const i18nConfig = config.i18n;
-  const [userLocale, setUserLocale] = usePersistedState2(
+  const [userLocale, setUserLocale] = usePersistedState3(
     "user-locale",
     i18nConfig?.defaultLocale ?? "en-US"
   );
@@ -2851,7 +2859,8 @@ function useCheckoutForm(args) {
   const emailConfirmError = touchedEmailConfirm || formSubmitAttempted ? validateEmailConfirm : null;
   const phoneError = touchedPhone || formSubmitAttempted ? validatePhone : null;
   const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
-  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && (phone === "" || PHONE_RE.test(phone)) && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
+  const phoneOk = method === "pix-auto" ? phone === "" || PHONE_RE.test(phone) : PHONE_RE.test(phone);
+  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 && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
   const submit = useCallback6(async () => {
     setFormSubmitAttempted(true);
     setError(null);
@@ -3179,7 +3188,26 @@ function CheckoutPageDefault() {
           error: form.cpfError,
           valid: !!form.cpf && !form.cpfError
         }
-      )
+      ),
+      form.method === "card" ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
+        /* @__PURE__ */ jsx27("div", { className: "h-3" }),
+        /* @__PURE__ */ jsx27(FieldLabel, { children: "Telefone" }),
+        /* @__PURE__ */ jsx27(
+          FieldInput,
+          {
+            type: "tel",
+            inputMode: "tel",
+            autoComplete: "tel",
+            placeholder: "(11) 99999-9999",
+            value: form.phone,
+            onChange: form.setPhone,
+            onBlur: form.markPhoneTouched,
+            error: form.phoneError,
+            valid: !!form.phone && !form.phoneError
+          }
+        ),
+        !form.phoneError && /* @__PURE__ */ jsx27(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
+      ] }) : null
     ] }),
     /* @__PURE__ */ jsxs18("section", { className: "px-5 pt-5", children: [
       /* @__PURE__ */ jsx27(FieldLabel, { children: "Forma de pagamento" }),
@@ -3963,7 +3991,7 @@ function PreAuthShell({
 
 // src/OnboardingFlow.tsx
 import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo11, useRef as useRef7 } from "react";
-import { usePersistedState as usePersistedState3, useHook as useHook20 } from "@hook-sdk/sdk";
+import { usePersistedState as usePersistedState4, useHook as useHook20 } from "@hook-sdk/sdk";
 
 // src/hooks/useOnboardingStep.ts
 import { createContext as createContext3, useContext as useContext4 } from "react";
@@ -3992,7 +4020,7 @@ function OnboardingFlow({
   onComplete,
   persistKey
 }) {
-  const [draft, setDraft, status] = usePersistedState3(persistKey, {});
+  const [draft, setDraft, status] = usePersistedState4(persistKey, {});
   const draftRef = useRef7(draft);
   draftRef.current = draft;
   const idx = readPersistedStepIdx(draft);